feats

.env.development

@@ -2,7 +2,7 @@
 ENV = 'development'
 
 # base api
-VUE_APP_BASE_API = 'http://192.168.31.68:8888/api/admin'
+VUE_APP_BASE_API = 'http://127.0.0.1:8888/api/admin'
 
 # vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
 # to control whether the babel-plugin-dynamic-import-node plugin is enabled.

src/api/lottery/match-api.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+export default {
+  getPageList: data => {
+    return request({
+      url: '/taMatch/getPageList',
+      method: 'post',
+      data
+    })
+  },
+  update: data => {
+    return request({
+      url: '/taMatch/update',
+      method: 'post',
+      data
+    })
+  }
+}

src/components/SeachForm/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <el-form :inline="true">
+    <slot></slot>
+    <el-form-item>
+      <el-button type="primary" @click="$emit('search')">查询</el-button>
+    </el-form-item>
+    <el-form-item>
+      <el-button @click="$emit('reset')">重置</el-button>
+    </el-form-item>
+  </el-form>
+</template>

src/router/index.js

@@ -190,7 +190,6 @@ export const asyncRoutes = [
   {
     path: '/lottery',
     component: Layout,
-    redirect: '/lottery/list',
     name: 'lottery',
     meta: {
       title: '彩票站管理',
@@ -230,6 +229,24 @@ export const asyncRoutes = [
       }
     ]
   },
+  {
+    path: '/match',
+    name: 'match',
+    component: Layout,
+    meta: {
+      title: '比赛管理',
+      icon: 'trophy'
+    },
+    children: [
+      {
+        path: 'match-list',
+        component: () => import('@/views/match/index.vue'),
+        name: 'matchList',
+        meta: { title: '比赛管理', icon: 'edit' }
+      }
+    ]
+  },
+
   // 404 page must be placed at the end !!!
   { path: '*', redirect: '/404', hidden: true }
 ]

src/settings.js

@@ -11,7 +11,7 @@ module.exports = {
    * @type {boolean} true | false
    * @description Whether need tagsView
    */
-  tagsView: true,
+  tagsView: false,
 
   /**
    * @type {boolean} true | false

src/views/lottery/customer/customer-lottery-list.vue

@@ -63,7 +63,7 @@
   import waves from '@/directive/waves'
   import Pagination from '@/components/Pagination'
   import customerApi from '@/api/lottery/customer-api'
-import router from '../../../router'
+  import router from '../../../router'
 
   const stateEnum = { 0: '待审核', 1: '已审核', 2: '审核不通过' }
   const statusOptions = [
@@ -151,19 +151,19 @@ import router from '../../../router'
         }
       },
       handUpdate(id, username) {
-        this.$confirm('您确定要删除 ' + username + ' ?', '删除提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          sysUserApi.delete(id).then(response => {
-            this.$message({
-              type: 'success',
-              message: '删除成功!'
-            });
-            this.handleFilter();
-          })
-        });
+        // this.$confirm('您确定要删除 ' + username + ' ?', '删除提示', {
+        //   confirmButtonText: '确定',
+        //   cancelButtonText: '取消',
+        //   type: 'warning'
+        // }).then(() => {
+        //   sysUserApi.delete(id).then(response => {
+        //     this.$message({
+        //       type: 'success',
+        //       message: '删除成功!'
+        //     });
+        //     this.handleFilter();
+        //   })
+        // });
       }
     }
   }

src/views/lottery/shop/components/shop-detail.vue

@@ -68,12 +68,11 @@
     },
     methods: {
       handle(id) {
-        console.log(id, "id-----")
         shopApi.getShopDetail(id).then(response => {
           this.form = response.data
         });
         this.dialogVisible = true
-      },
+      }
     }
   }
 </script>

src/views/match/index.vue

@@ -0,0 +1,197 @@
+<template>
+  <div class="app-container">
+    <SearchForm v-model="formData" @search="handleSearch" @reset="handleReset">
+      <el-form-item label="赛事">
+        <el-select v-model="formData.lotteryId">
+          <el-option label="足球" value="football" />
+          <el-option label="篮球" value="basketball" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="编号">
+        <el-input v-model="formData.matchWeek" clearable />
+      </el-form-item>
+      <el-form-item label="主队">
+        <el-input v-model="formData.homeTeamName" clearable />
+      </el-form-item>
+      <el-form-item label="客队">
+        <el-input v-model="formData.awayTeamName" clearable />
+      </el-form-item>
+      <el-form-item label="状态">
+        <el-select v-model="formData.status">
+          <el-option label="全部" value="" />
+          <el-option v-for="it in statusEnum" :key="it.value" :value="it.value" :label="it.label" />
+        </el-select>
+      </el-form-item>
+    </SearchForm>
+
+    <el-table
+      v-loading="loading.list"
+      :data="list"
+      border
+      fit
+      highlight-current-row
+      row-key="match_id"
+      style="width: 100%;"
+    >
+      <el-table-column label="赛事" width="80px">
+        <template slot-scope="{row}">
+          <span>{{ row.lotteryId | getLotteryName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="编号" prop="matchWeek" width="80px"></el-table-column>
+      <el-table-column label="比赛开始时间" width="180px">
+        <template slot-scope="{row}">
+          <span>{{ row.matchDate }}</span>
+          <span> </span>
+          <span>{{ row.matchTime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="联赛" prop="leagueName" width="200px"></el-table-column>
+      <el-table-column label="主队 vs 客队">
+        <template slot-scope="{row}">
+          <span>{{ row.homeTeamName }}</span>
+          <span> vs </span>
+          <span>{{ row.awayTeamName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="让分" prop="spreadPoints" width="80px"></el-table-column>
+      <el-table-column label="预设(篮球)" width="100px">
+        <template slot-scope="{row}" v-if="row.lotteryId === 'basketball'">
+          <span>{{ row.presetPoints }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="比分" width="160px">
+        <template slot-scope="{row}" v-if="row.status === 3">
+          <span>(半){{ row.halfScore }}</span>
+          <span> &larr;|&rarr; </span>
+          <span>{{ row.wholeScore }}(全)</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="100">
+        <template slot-scope="{row}">
+          <span>{{ row.status | getStatus }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="160px" class-name="operation">
+        <template slot-scope="{row}">
+          <el-link v-if="row.status === 1" type="danger" @click="setMatchException(row)">设为异常</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <pagination v-if="pagenav.total > 0" :total="pagenav.total" :page.sync="pagenav.pageIndex" :limit.sync="pagenav.pageSize" @pagination="getList" />
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination'
+import matchAPI from '@/api/lottery/match-api'
+
+const statusEnum = [
+  {
+    value: 0,
+    label: '--',
+  },
+  {
+    value: 1,
+    label: '开售',
+  },
+  {
+    value: 2,
+    label: '进行中',
+  },
+  {
+    value: 3,
+    label: '已结束',
+  },
+  {
+    value: 4,
+    label: '无效或异常',
+  },
+  {
+    value: 5,
+    label: '取消',
+  }
+]
+
+const defaultFilter = {
+  lotteryId: 'football',
+  matchWeek: undefined,
+  homeTeamName: undefined,
+  awayTeamName: undefined,
+  status: '',
+  pageSorts: [
+    {
+      column: 'match_date',
+      asc: false
+    },
+    {
+      column: 'match_week',
+      asc: false
+    }
+  ]
+}
+
+export default {
+  name: 'Match',
+  components: {
+    SearchForm: () => import('@/components/SeachForm'),
+    pagination: Pagination
+  },
+  filters: {
+    getLotteryName(lotteryId) {
+      return lotteryId === 'football' ? '足球' : '篮球'
+    },
+    getStatus(status) {
+      if (!status) return '';
+      return (statusEnum.filter(x => x.value === status)[0] || {}).label
+    }
+  },
+  data() {
+    return {
+      statusEnum,
+      formData: defaultFilter,
+      loading: {
+        list: false
+      },
+      list: [],
+      pagenav: {
+        pageIndex: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    handleSearch(dt) {
+      this.getList()
+    },
+    handleReset(dt) {
+      this.formData = defaultFilter
+      this.getList()
+    },
+    getList() {
+      this.listLoading = true
+      matchAPI.getPageList({
+        ...this.formData,
+        pageIndex: this.pagenav.pageIndex,
+        pageSize: this.pagenav.pageSize
+      }).then(response => {
+        this.list = response.data.records
+        this.pagenav.total = response.data.total
+        this.listLoading = false
+      }).catch(() => {
+        this.listLoading = false
+      });
+    },
+    setMatchException(row) {
+      this.$confirm('确认进行当前操作?', '提示', { type: 'warning' }).then(() => {
+        matchAPI.update({...row, status: 4})
+      })
+    }
+  }
+}
+</script>