优惠券管理

src/router/index.js

@@ -479,6 +479,12 @@ export const asyncRouterMap = [{
       component: _import('cunponManagements/cunponManagement'),
       name: '优惠券管理',
       authority: 'cunponManagement'
+    },
+    {
+      path: 'conponList',
+      component: _import('cunponManagements/conponList'),
+      name: '优惠券列表',
+      authority: 'conponList'
     }
   ]
 }

src/views/cunponManagements/conponList.vue

+<template>
+  <div class="app-container calendar-list-container" v-loading.body="showLoadingBody">
+    <div>
+      <div class="filter-container" ref="filter-container">
+        <el-form ref="queryForm" :inline="inline" :model="listQuery" label-width="60px">
+          <el-row>
+            <el-col :span="4">
+              <el-form-item label="手机号">
+                <el-input v-model.number="listQuery.phone" placeholder="请输入姓名"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="">
+                <el-select class="filter-item" v-model="listQuery.state" placeholder="请输入状态">
+                  <el-option v-for="(item,index) in typeOptions" :key="index" :label="item.name" :value="item.val"> </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="金额">
+                <el-input v-model.number="listQuery.phone" placeholder="请输入姓名"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="">
+                <el-select class="filter-item" v-model="listQuery.state" placeholder="请输入状态">
+                  <el-option v-for="(item,index) in typeOptions" :key="index" :label="item.name" :value="item.val"> </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+             <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
+          </el-row>
+        </el-form>
+      </div>
+      <el-table :key='tableKey' :data="list" border fit highlight-current-row
+                style="width: 100%;">
+        <el-table-column type="index" align="center" label="姓名" width="200">
+          <template scope="scope">
+            <span>{{scope.row.username}}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" label="手机号">
+          <template scope="scope">
+            <span>{{scope.row.phone}}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" label="金额">
+          <template scope="scope">
+            <span>{{scope.row.amount}}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" label="状态">
+          <template scope="scope">
+            <span v-if="scope.row.stauts==0">未到帐</span>
+            <span v-if="scope.row.stauts==1">已到账</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="申请时间">
+          <template scope="scope">
+            <span>{{scope.row.crtTimeStr}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="到账时间">
+          <template scope="scope">
+            <span>{{scope.row.finishTimeStr}}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div v-show="!listLoading" class="pagination-container">
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                       :current-page.sync="listQuery.page" :page-sizes="[10,20,30,40,50]" :page-size="listQuery.limit"
+                       layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {
+    formatDate
+  } from 'utils/dateFormattor';
+
+  import {
+    toEast8Date,
+    deepCopyDate,
+    newEast8Date,
+    convertDate2Str,
+    timestamp2Date
+  } from 'utils/dateUtils';
+
+  import rsCode from '../../utils/rsCode';
+
+  import {mapGetters} from 'vuex';
+  import {
+    getToken
+  } from 'utils/auth';
+  import {
+    discountList
+  } from 'api/purseManage';
+  import Element1 from "../admin/menu/components/element";
+  import ElRow from "element-ui/packages/row/src/row";
+  import ElCol from "element-ui/packages/col/src/col";
+
+  export default {
+    name: 'conponList',
+    components: {
+      ElCol,
+      ElRow,
+      Element1,
+    },
+    data() {
+      return {
+        typeOptions: [
+          {
+            "name":'全部',
+            "val":''
+          },
+          {
+            "name":'未到账',
+            "val":'0'
+          },
+          {
+            "name":'已到账',
+            "val":'1'
+          },
+        ],
+        BASE_API: process.env.BASE_API,
+        showLoadingBody: false,
+        list: null,
+        total: null,
+        listLoading: true,
+        listQuery: {
+          page: 1,
+          limit: 20,
+          phone: '',//手机号
+          username: '',//姓名
+          state:'',//状态
+        },
+        inline: true,
+        tableKey: 0
+      }
+    },
+    created() {
+      this.getList();
+    },
+    computed: {
+      ...mapGetters([
+        'elements'
+      ])
+    },
+    methods: {
+      /**
+       * 获取提现列表
+       * */
+      getList() {
+        this.listLoading = true;
+        discountList(this.listQuery).then(response => {
+          let totalCountRs = undefined;
+          let listRs = undefined;
+          if (!this.$utils.isEmpty(response.data.data) && this.$utils.isInteger(response.data.totalCount)) {
+            listRs = response.data.data;
+            totalCountRs = response.data.totalCount;
+            listRs.map(function(item){
+              item.crtTimeStr = timestamp2Date(item.crtTime);
+              item.finishTimeStr = timestamp2Date(item.finishTime);
+            });
+          }
+          this.listLoading = false;
+          this.list = listRs;
+          this.total = totalCountRs;
+        })
+
+      },
+      handleFilter() {
+        this.listQuery.page = 1;
+        this.$refs.queryForm.validate(valid => {
+          if (valid) {
+            this.getList();
+          } else {
+            return false;
+          }
+        });
+      },
+      handleSizeChange(val) {
+        this.listQuery.limit = val;
+        this.getList();
+      },
+      handleCurrentChange(val) {
+        this.listQuery.page = val;
+        this.getList();
+      }
+    }
+  }
+</script>

src/views/purseManage/discountRecord.vue

@@ -4,59 +4,59 @@
       <div class="filter-container" ref="filter-container">
         <el-form ref="queryForm" :inline="inline" :model="listQuery" label-width="100px">
           <el-row>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="姓名">
                 <el-input v-model.number="listQuery.username" placeholder="请输入姓名"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="手机号">
                 <el-input v-model.number="listQuery.phone" placeholder="请输入手机号"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="状态" prop="type">
                 <el-select class="filter-item" v-model="listQuery.state" placeholder="请输入状态">
                   <el-option v-for="(item,index) in typeOptions" :key="index" :label="item.name" :value="item.val"> </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
+             <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
           </el-row>
         </el-form>
-        <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
       </div>
       <el-table :key='tableKey' :data="list" border fit highlight-current-row
                 style="width: 100%;">
-        <el-table-column type="index" width="150" align="center" label="姓名">
+        <el-table-column type="index" align="center" label="姓名" width="200">
           <template scope="scope">
             <span>{{scope.row.username}}</span>
           </template>
         </el-table-column>
 
-        <el-table-column width="200" align="center" label="手机号">
+        <el-table-column align="center" label="手机号">
           <template scope="scope">
             <span>{{scope.row.phone}}</span>
           </template>
         </el-table-column>
 
-        <el-table-column width="200" align="center" label="金额">
+        <el-table-column align="center" label="金额">
           <template scope="scope">
             <span>{{scope.row.amount}}</span>
           </template>
         </el-table-column>
 
-        <el-table-column width="200" align="center" label="状态">
+        <el-table-column align="center" label="状态">
           <template scope="scope">
             <span v-if="scope.row.stauts==0">未到帐</span>
             <span v-if="scope.row.stauts==1">已到账</span>
           </template>
         </el-table-column>
-        <el-table-column width="200" align="center" label="申请时间">
+        <el-table-column align="center" label="申请时间">
           <template scope="scope">
             <span>{{scope.row.crtTimeStr}}</span>
           </template>
         </el-table-column>
-        <el-table-column width="200" align="center" label="到账时间">
+        <el-table-column align="center" label="到账时间">
           <template scope="scope">
             <span>{{scope.row.finishTimeStr}}</span>
           </template>

src/views/purseManage/gainRecord.vue

@@ -4,26 +4,26 @@
       <div class="filter-container" ref="filter-container">
         <el-form ref="queryForm" :inline="inline" :model="listQuery" label-width="100px">
           <el-row>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="姓名">
                 <el-input v-model.number="listQuery.username" placeholder="请输入姓名"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="手机号">
                 <el-input v-model.number="listQuery.phone" placeholder="请输入手机号"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="流水类型" prop="type">
                 <el-select class="filter-item" v-model="listQuery.source" placeholder="请输入资源类型">
                   <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.name" :value="item.val"> </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
+            <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
           </el-row>
         </el-form>
-        <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
       </div>
       <el-table :key='tableKey' :data="list" border fit highlight-current-row
                 style="width: 100%;">
@@ -38,7 +38,7 @@
           </template>
         </el-table-column>
 
-        <el-table-column width="150" align="center" label="姓名">
+        <el-table-column width="200" align="center" label="姓名">
           <template scope="scope">
             <span>{{scope.row.username}}</span>
           </template>
@@ -61,12 +61,12 @@
             <span>{{scope.row.cono}}</span>
           </template>
         </el-table-column>
-        <el-table-column width="100" align="center" label="订单金额">
+        <el-table-column width="200" align="center" label="订单金额">
           <template scope="scope">
             <span>{{scope.row.price}}</span>
           </template>
         </el-table-column>
-        <el-table-column width="100" align="center" label="提成比例">
+        <el-table-column width="200" align="center" label="提成比例">
           <template scope="scope">
             <span>{{scope.row.extract}}%</span>
           </template>

src/views/purseManage/incomeOverview.vue

@@ -14,19 +14,19 @@
                 <el-input v-model.number="listQuery.phone" placeholder="请输入手机号"></el-input>
               </el-form-item>
             </el-col>
-          </el-row>
+            <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
+          </el-row> 
         </el-form>
-        <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
       </div>
       <el-table :key='tableKey' :data="list" border fit highlight-current-row
                 style="width: 100%;">
-        <el-table-column width="150" align="center" label="姓名" type="index">
+        <el-table-column width="250" align="center" label="姓名" type="index">
           <template scope="scope">
             <span>{{scope.row.username}}</span>
           </template>
         </el-table-column>
 
-        <el-table-column width="200" align="center" label="手机号">
+        <el-table-column width="250" align="center" label="手机号">
           <template scope="scope">
             <span>{{scope.row.phone}}</span>
           </template>