xcx

src/pages/system/dataStatistics/courseVerifyList/index.vue

@@ -0,0 +1,212 @@
+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <ul class="searchFilterLine" style="white-space: normal;">
+          <li>
+            <el-select v-model="postData.caseid" placeholder="请选择案场">
+              <el-option
+                v-for="item in cases"
+                :key="item.CaseId"
+                :label="item.CaseName"
+                :value="item.CaseId">
+              </el-option>
+            </el-select>
+          </li>
+          <li>
+            <el-input
+              placeholder="请输入课程活动名称"
+              v-model="postData.name"
+              clearable>
+            </el-input>
+          </li>
+          <li>
+            <el-input
+              placeholder="请输入手机号"
+              v-model="postData.tel"
+              clearable>
+            </el-input>
+          </li>
+          <li>
+            <el-select v-model="postData.status" placeholder="请选择状态">
+              <el-option
+                v-for="item in statusList"
+                :key="item.id"
+                :label="item.value"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </li>
+        </ul>
+      </div>
+      <div class="flex-h">
+        <div class="flex-item flex-h"></div>
+        <el-button
+          size="mini"
+          type="primary" @click="search">搜索</el-button>
+        <el-button
+          size="mini"
+          type="success" @click="search">导出Excel</el-button>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+    <div class="system-table-box">
+      <el-table
+        :data="courseVerifyList"
+        stripe
+        style="width: 100%">
+        <el-table-column
+          prop="CaseName"
+          label="所属案场">
+        </el-table-column>
+        <el-table-column
+          prop="CourseName"
+          label="课程名称">
+        </el-table-column>
+        <el-table-column
+          prop="BeginDate"
+          label="课程时间"
+          width="140px">
+          <template slot-scope="scope">
+            {{toolClass.dateFormat(scope.row.BeginDate)}}<br>
+            -<br>
+            {{toolClass.dateFormat(scope.row.EndDate)}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="CustomerName"
+          label="用户姓名">
+        </el-table-column>
+        <el-table-column
+          prop="Name"
+          label="微信昵称">
+        </el-table-column>
+        <el-table-column
+          prop="Phone"
+          label="手机号">
+        </el-table-column>
+        <el-table-column
+          prop="CreateDate"
+          label="下单时间"
+          width="140px">
+          <template slot-scope="scope">
+            {{toolClass.dateFormat(scope.row.CreateDate)}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="VerifyDate"
+          label="核销时间"
+          width="140px">
+          <template slot-scope="scope">
+            {{toolClass.dateFormat(scope.row.VerifyDate)}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="Status"
+          label="状态">
+          <template slot-scope="scope">
+            {{scope.row.Status === 'useable' ? '未使用' : scope.row.Status === 'used' ? '已使用' : scope.row.Status === 'late' ? '逾期核销' : ''}}
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-pagination
+      @current-change="handleCurrentChange"
+      :current-page.sync="postData.page"
+      :page-size="postData.pagesize"
+      layout="prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex'
+import tableSearch from '@/components/tableSearch/index'
+const { mapState: mapStaState, mapActions: mapStaActions } = createNamespacedHelpers('sta')
+
+export default {
+  name: '',
+  data () {
+    return {
+      total: 0,
+      postData: { // 表格搜索条件
+        caseid: '', // 案场id
+        tel: '', // 手机号
+        status: '', // 状态
+        name: '', // 卡券名称
+        page: 1, // 当前页码
+        pagesize: 10, // 请求数据量
+      },
+      statusList: [{
+        value: '不限',
+        id: ''
+      }, {
+        value: '未使用',
+        id: 'useable'
+      }, {
+        value: '已使用',
+        id: 'used'
+      }, {
+        value: '逾期核销',
+        id: 'late'
+      }],
+    }
+  },
+  computed: {
+    ...mapState({
+      cases: x => x.app.cases.list,
+      defaultCaseId: x => x.app.cases.default
+    }),
+    ...mapStaState({
+      courseVerifyList: x => x.courseVerifyList.list || [],
+    }),
+    CaseId: {
+      get () {
+        return this.postData.caseid || this.defaultCaseId
+      },
+      set (val) {
+        this.postData.caseid = val
+      }
+    }
+  },
+  components: {
+    tableSearch,
+  },
+  mounted () {
+    this.$nextTick(function () {
+      this.getList()
+    })
+  },
+  methods: {
+    ...mapStaActions([
+      'getCourseVerifyList',
+    ]),
+    search () { // 搜索
+      this.page = 1
+      this.getList()
+    },
+    handleCurrentChange (val) { // 跳转到分页
+      this.page = val
+      this.getList()
+    },
+    getList () {
+      this.getCourseVerifyList(this.postData).then((res) => {
+        console.log(JSON.stringify(res))
+        this.postData.page = res.page
+        this.total = res.total
+      })
+    },
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+@import "page.scss";
+.searchFilterLine {
+  > li {
+    margin-bottom: 20px;
+  }
+}
+</style>

src/pages/system/dataStatistics/courseVerifyList/page.scss

@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

src/pages/system/page.js

@@ -83,6 +83,7 @@ import courseStatisticsList from './dataStatistics/courseStatisticsList/index' /
 import courseOrderList from './dataStatistics/courseOrderList/index' // 课程订单列表
 import goodsOrderList from './dataStatistics/goodsOrderList/index' // 商品订单列表
 import goodsStatisticsList from './dataStatistics/goodsStatisticsList/index' // 商品统计列表
+import courseVerifyList from './dataStatistics/courseVerifyList/index' // 课程核销列表
 
 import newOrder from './newOrder/index' // 商品订单系统
 import newOrderList from './newOrder/newOrderList/index' // 新订单列表
@@ -495,6 +496,11 @@ export default {
           name: 'goodsStatisticsList',
           component: goodsStatisticsList,
           children: []
+        }, { // 课程核销列表
+          path: 'courseVerifyList',
+          name: 'courseVerifyList',
+          component: courseVerifyList,
+          children: []
         }]
       }, { // 卡券管理
         path: 'cardAndCouponManager',

src/store/sta/sta.js

@@ -11,6 +11,7 @@ export default {
     course: {},
     cardCoupon: {},
     cardCouponUsedList: {},
+    courseVerifyList: {},
   },
   mutations: {
     updateGoods (state, payload) {
@@ -34,6 +35,9 @@ export default {
     updateCardCouponUsedList (state, payload) {
       state.cardCouponUsedList = payload || {}
     },
+    updateCourseVerifyList (state, payload) {
+      state.courseVerifyList = payload || {}
+    },
   },
   actions: {
     GetGoods ({ commit }, payload) {
@@ -127,5 +131,18 @@ export default {
         }).catch(reject)
       })
     },
+    getCourseVerifyList ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        ajax(api.statistics.courseVerifyList.url, {
+          method: api.statistics.courseVerifyList.method,
+          queryData: {
+            ...payload,
+          }
+        }).then(res => {
+          commit('updateCourseVerifyList', res)
+          resolve(res)
+        }).catch(reject)
+      })
+    },
   }
 }

src/util/api.js

@@ -715,6 +715,10 @@ const $api = {
       method: 'get',
       url: `${baseUrl}${common}/statistics/cardcouponused`
     },
+    courseVerifyList: {
+      method: 'get',
+      url: `${baseUrl}${common}/statistics/cardcouponverify`
+    },
   }
 }
 export default $api