彩民管理，彩种管理列表完成

src/api/lottery/customer-api.js

@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+const customerApi = {
+
+}
+
+/**
+ * 获取系统用户分页列表
+ * @param data
+ * @returns {AxiosPromise}
+ */
+customerApi.getPageList = data => {
+  return request({
+    url: '/taCustomer/getPageList',
+    method: 'post',
+    data
+  })
+}
+
+export default customerApi

src/api/lottery/lottery-api.js

@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+const lotteryApi = {
+
+}
+
+/**
+ * 获取系统用户分页列表
+ * @param data
+ * @returns {AxiosPromise}
+ */
+lotteryApi.getPageList = data => {
+  return request({
+    url: '/tdLottery/getPageList',
+    method: 'post',
+    data
+  })
+}
+
+export default lotteryApi

src/router/index.js

@@ -156,23 +156,23 @@ export const asyncRoutes = [
     },
     children: [
       {
-        path: 'manage-lottery-list',
+        path: 'shop-lottery-list',
         component: () => import('@/views/lottery/shop/shop-lottery-list'),
         name: 'shopLotteryList',
         meta: { title: '彩票站管理', icon: 'edit' }
-      }
-      // {
-      //   path: 'manage-lottery-list',
-      //   component: () => import('@/views/lottery/manage/manage-lottery-list'),
-      //   name: 'manageLotteryList',
-      //   meta: { title: '彩种管理', icon: 'edit' }
-      // },
-      // {
-      //   path: 'manage-lottery-list2',
-      //   component: () => import('@/views/lottery/manage/manage-lottery-list'),
-      //   name: 'manageLotteryList2',
-      //   meta: { title: '彩票站彩种管理', icon: 'edit' }
-      // },
+      },
+      {
+        path: 'manage-lottery-list',
+        component: () => import('@/views/lottery/manage/manage-lottery-list'),
+        name: 'manageLotteryList',
+        meta: { title: '彩种管理', icon: 'edit' }
+      },
+      {
+        path: 'customer-lottery-list',
+        component: () => import('@/views/lottery/customer/customer-lottery-list'),
+        name: 'customerLotteryList2',
+        meta: { title: '彩民管理', icon: 'edit' }
+      },
     ]
   },
   // 404 page must be placed at the end !!!

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

@@ -0,0 +1,206 @@
+<template>
+  <div id="sys-user-list" class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.name" placeholder="请输入昵称" clearable style="width: 160px" />
+      <el-input v-model="listQuery.phone" placeholder="请输入手机号" clearable style="width: 160px" />
+      <el-input v-model="listQuery.idCard" placeholder="请输入身份证号" clearable style="width: 160px" />
+      <el-button v-waves type="primary" icon="el-icon-search" style="width: 115px;" @click="handleFilter">搜索</el-button>
+    </div>
+
+    <el-table
+      :key="tableKey"
+      v-loading="listLoading"
+      :data="list"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;"
+      @sort-change="sortChange"
+    >
+       <el-table-column label="客户编号" min-width="100px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.customerId }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="昵称" min-width="100px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="头像" width="80px" align="center">
+        <template slot-scope="{row}">
+          <img :src="row.avatar" alt="" style="width: 34px; max-height: 34px; vertical-align: middle;">
+        </template>
+      </el-table-column>
+      <el-table-column label="手机" min-width="110px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.phone }}</span>
+        </template>
+      </el-table-column>
+       <el-table-column label="身份证" min-width="110px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.idCard }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="推荐店铺" min-width="110px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.recShopName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" prop="createTime" min-width="160px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.createDate }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.pageIndex" :limit.sync="listQuery.pageSize" @pagination="getList" />
+
+  </div>
+</template>
+
+<script>
+  import waves from '@/directive/waves'
+  import Pagination from '@/components/Pagination'
+  import customerApi from '@/api/lottery/customer-api'
+
+  const stateEnum = { 0: '待审核', 1: '已审核', 2: '审核不通过' }
+  const statusOptions = [
+    { label: '已审核', value: 1 },
+    { label: '待审核', value: 0 },
+    { label: '审核不通过', value: 2 }
+  ]
+
+  export default {
+    name: 'shopLotteryList',
+    components: { Pagination },
+    directives: { waves },
+    filters: {
+      statusFilter(state) {
+        return stateEnum[state];
+      }
+    },
+    data() {
+      return {
+        tableKey: 0,
+        list: null,
+        total: 0,
+        listLoading: true,
+        sortColumn: 'customer_id',
+        sortAsc: false,
+        listQuery: {
+          pageIndex: 1,
+          pageSize: 10,
+          phone: null,
+          idCard: null,
+          name: null,
+          pageSorts: []
+        },
+        statusOptions,
+        tableColumnChecked: null
+      }
+    },
+    created() {
+      this.setDefaultSort()
+      this.getList()
+    },
+    methods: {
+      getList() {
+        this.listLoading = true
+        customerApi.getPageList(this.listQuery).then(response => {
+          this.list = response.data.records
+          this.total = response.data.total
+          this.listLoading = false
+        });
+      },
+
+      handleFilter() {
+        this.listQuery.pageIndex = 1
+        this.getList()
+      },
+      setDefaultSort() {
+        // 设置默认排序
+        this.listQuery.pageSorts = [{
+          column: this.sortColumn,
+          asc: this.sortAsc
+        }]
+      },
+      sortChange(data) {
+        const { prop, order } = data
+        if (prop === 'createTime') {
+          this.sortColumn = 'create_time'
+        } else {
+          this.sortColumn = prop
+        }
+        this.sortAsc = order === 'ascending'
+        this.listQuery.pageSorts = [{
+          column: this.sortColumn,
+          asc: this.sortAsc
+        }]
+        this.handleFilter()
+      },
+      getSortClass: function(key) {
+        if (this.sortColumn === key) {
+          return this.sortAsc ? 'ascending' : 'descending'
+        } else {
+          return ''
+        }
+      },
+      handUpdate(id, username) {
+        this.$confirm('您确定要删除 ' + username + ' ?', '删除提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          sysUserApi.delete(id).then(response => {
+            this.$message({
+              type: 'success',
+              message: '删除成功!'
+            });
+            this.handleFilter();
+          })
+        });
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  #sys-user-list .el-table th, .el-table td{
+    padding: 6px 0px;
+  }
+
+  #sys-user-list .filter-container {
+    padding-bottom: 10px;
+  }
+
+  #sys-user-list .filter-container .tree-select-item{
+    width: 120px;
+    display: inline-block;
+    vertical-align: top;
+    margin-right: 4px;
+  }
+
+  #sys-user-list .input-with-select {
+    vertical-align: top;
+    width: 505px;
+    margin-right: 4px;
+  }
+
+  #sys-user-list .input-with-select .el-select .el-input {
+    width: 120px;
+  }
+
+  #sys-user-list .input-with-select .el-input-group__prepend {
+    background-color: #fff;
+  }
+
+  #sys-user-list .filter-item {
+    margin-right: 4px;
+  }
+
+  #sys-user-list .el-table__body .operation .cell {
+    text-align: center;
+  }
+
+</style>

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

@@ -0,0 +1,192 @@
+<template>
+  <div id="sys-user-list" class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.name" placeholder="请输入彩种名称" clearable style="width: 160px" />
+      <el-button v-waves type="primary" icon="el-icon-search" style="width: 115px;" @click="handleFilter">搜索</el-button>
+    </div>
+
+    <el-table
+      :key="tableKey"
+      v-loading="listLoading"
+      :data="list"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;"
+      @sort-change="sortChange"
+    >
+      <el-table-column label="彩种名称" min-width="100px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="彩种别名" min-width="100px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.aliaName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="图标" width="80px" align="center">
+        <template slot-scope="{row}">
+          <img :src="row.icon" alt="" style="width: 34px; max-height: 34px; vertical-align: middle;">
+        </template>
+      </el-table-column>
+      <el-table-column label="单注金额" min-width="110px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.unitPrice }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" prop="createTime" sortable="custom" min-width="160px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.createDate }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.pageIndex" :limit.sync="listQuery.pageSize" @pagination="getList" />
+
+  </div>
+</template>
+
+<script>
+  import waves from '@/directive/waves'
+  import Pagination from '@/components/Pagination'
+  import lotteryApi from '@/api/lottery/lottery-api'
+
+  const stateEnum = { 0: '待审核', 1: '已审核', 2: '审核不通过' }
+  const statusOptions = [
+    { label: '已审核', value: 1 },
+    { label: '待审核', value: 0 },
+    { label: '审核不通过', value: 2 }
+  ]
+
+  export default {
+    name: 'manage-lottery-list',
+    components: { Pagination },
+    directives: { waves },
+    filters: {
+      statusFilter(state) {
+        return stateEnum[state];
+      }
+    },
+    data() {
+      return {
+        tableKey: 0,
+        list: null,
+        total: 0,
+        listLoading: true,
+        sortColumn: 'create_date',
+        sortAsc: false,
+        listQuery: {
+          pageIndex: 1,
+          pageSize: 10,
+          name: null,
+          pageSorts: []
+        },
+        statusOptions,
+        tableColumnChecked: null
+      }
+    },
+    created() {
+      this.setDefaultSort()
+      this.getList()
+    },
+    methods: {
+      getList() {
+        this.listLoading = true
+        lotteryApi.getPageList(this.listQuery).then(response => {
+          this.list = response.data.records
+          this.total = response.data.total
+          this.listLoading = false
+        });
+      },
+
+      handleFilter() {
+        this.listQuery.pageIndex = 1
+        this.getList()
+      },
+      setDefaultSort() {
+        // 设置默认排序
+        this.listQuery.pageSorts = [{
+          column: this.sortColumn,
+          asc: this.sortAsc
+        }]
+      },
+      sortChange(data) {
+        const { prop, order } = data
+        if (prop === 'createTime') {
+          this.sortColumn = 'create_time'
+        } else {
+          this.sortColumn = prop
+        }
+        this.sortAsc = order === 'ascending'
+        this.listQuery.pageSorts = [{
+          column: this.sortColumn,
+          asc: this.sortAsc
+        }]
+        this.handleFilter()
+      },
+      getSortClass: function(key) {
+        if (this.sortColumn === key) {
+          return this.sortAsc ? 'ascending' : 'descending'
+        } else {
+          return ''
+        }
+      },
+      handUpdate(id, username) {
+        this.$confirm('您确定要删除 ' + username + ' ?', '删除提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          sysUserApi.delete(id).then(response => {
+            this.$message({
+              type: 'success',
+              message: '删除成功!'
+            });
+            this.handleFilter();
+          })
+        });
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  #sys-user-list .el-table th, .el-table td{
+    padding: 6px 0px;
+  }
+
+  #sys-user-list .filter-container {
+    padding-bottom: 10px;
+  }
+
+  #sys-user-list .filter-container .tree-select-item{
+    width: 120px;
+    display: inline-block;
+    vertical-align: top;
+    margin-right: 4px;
+  }
+
+  #sys-user-list .input-with-select {
+    vertical-align: top;
+    width: 505px;
+    margin-right: 4px;
+  }
+
+  #sys-user-list .input-with-select .el-select .el-input {
+    width: 120px;
+  }
+
+  #sys-user-list .input-with-select .el-input-group__prepend {
+    background-color: #fff;
+  }
+
+  #sys-user-list .filter-item {
+    margin-right: 4px;
+  }
+
+  #sys-user-list .el-table__body .operation .cell {
+    text-align: center;
+  }
+
+</style>

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

@@ -73,7 +73,7 @@
   ]
 
   export default {
-    name: 'SysUserList',
+    name: 'shopLotteryList',
     components: { Pagination },
     directives: { waves },
     filters: {