xcx

src/pages/system/page.js

@@ -71,9 +71,11 @@ import editSchedule from './courseManager/scheduleManager/edit' // 新增、编
 
 import verificationManager from './verificationManager/index' // 核销管理
 import qrcodeVerification from './verificationManager/qrcodeVerification/index' // 二维码核销
-// import qrcodeVerificationList from './verificationManager/qrcodeVerification/verificationList/index' // 二维码核销列表
+import qrcodeVerificationList from './verificationManager/qrcodeVerification/verificationList/index' // 二维码核销列表
 import phoneVerification from './verificationManager/phoneVerification/index' // 手机核销
 import phoneVerificationList from './verificationManager/phoneVerification/verificationList/index' // 手机核销列表
+import drawVerification from './verificationManager/drawVerification/index' // 抽奖核销
+import drawVerificationList from './verificationManager/drawVerification/verificationList/index' // 抽奖核销列表
 
 import dataStatistics from './dataStatistics/index' // 数据统计
 import frontEndUserList from './dataStatistics/frontEndUserList/index' // 课程管理
@@ -428,7 +430,7 @@ export default {
           children: [{ // 二维码核销列表
             path: 'qrcodeVerificationList',
             name: 'qrcodeVerificationList',
-            component: phoneVerificationList,
+            component: qrcodeVerificationList,
             children: []
           }]
         }, { // 手机核销
@@ -441,6 +443,16 @@ export default {
             component: phoneVerificationList,
             children: []
           }]
+        }, { // 抽奖核销
+          path: 'drawVerification',
+          name: 'drawVerification',
+          component: drawVerification,
+          children: [{ // 抽奖核销列表
+            path: 'drawVerificationList',
+            name: 'drawVerificationList',
+            component: drawVerificationList,
+            children: []
+          }]
         }]
       }, { // 商品订单系统
         path: 'newOrder',

src/pages/system/verificationManager/drawVerification/index.vue

@@ -0,0 +1,74 @@
+<template>
+  <div class="subPage">
+    <div class="flex-h top">
+      <div class="flex-item">
+        <div>
+          <i class="iconfont icon-qrcode"></i>
+          <span>1</span>
+          <span>请用户出示核销的二维码</span>
+        </div>
+      </div>
+      <div class="flex-item">
+        <div>
+          <i class="iconfont icon-saoma"></i>
+          <span>2</span>
+          <span>点击“立即核销”按钮<br>使用扫码枪扫描客户二维码</span>
+        </div>
+      </div>
+      <div class="flex-item">
+        <div>
+          <i class="iconfont icon-hexiao"></i>
+          <span>3</span>
+          <span>根据提示进行核销操作</span>
+        </div>
+      </div>
+    </div>
+    <div style="text-align:center;margin-top:40px;">
+      <el-button type="danger" round @click="centerDialogVisible = true">立即核销</el-button>
+    </div>
+    <el-dialog
+      title="核销"
+      :visible.sync="centerDialogVisible"
+      width="500px"
+      center>
+      <div v-if="centerDialogVisible">
+        <el-input
+          autofocus
+          ref="input"
+          placeholder="请输入核销码"
+          v-model="verificationCode"
+          clearable>
+        </el-input>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="centerDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="toVerificationList">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+      centerDialogVisible: false, // 显隐核销弹窗
+      verificationCode: '', // 核销码
+    }
+  },
+  mounted () {
+    this.$nextTick(function () { })
+  },
+  methods: {
+    toVerificationList () { // 定向到核销列表
+      this.$router.push({name: 'drawVerificationList', query: {code: this.verificationCode}})
+    },
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+@import "page.scss";
+</style>

src/pages/system/verificationManager/drawVerification/page.scss

@@ -0,0 +1,51 @@
+
+.subPage{
+  .top{
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+    margin-top: 40px;
+    >div{
+      >div{
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+        text-align: center;
+        >span{
+          width: 100%;
+          display: block;
+          text-align: center;
+          line-height: 24px;
+          font-size: 15px;
+          color: #666;
+        }
+        >i{
+          font-size: 30px;
+          color: #409EFF;
+          display: inline-block;
+        }
+      }
+    }
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

src/pages/system/verificationManager/drawVerification/verificationList/index.vue

@@ -0,0 +1,148 @@
+<template>
+  <div class="subPage">
+    <div class="list flex-h">
+      <div class="flex-item">
+        <div style="text-align:right;margin: 20px 0 0;border:none;">
+          <el-button
+            size="mini"
+            type="warning"
+            @click="reback">返回</el-button>
+        </div>
+        <div v-if="(courses.list||[]).length>0">
+          <el-table
+              :data="courses.list"
+              stripe
+              style="width: 100%">
+              <el-table-column
+                prop="CaseName"
+                label="所在案场">
+              </el-table-column>
+              <el-table-column
+                prop="LocationName"
+                label="课程分类">
+              </el-table-column>
+              <el-table-column
+                prop="CourseName"
+                label="课程名称">
+              </el-table-column>
+              <el-table-column
+                prop="DetailName"
+                label="课时名称">
+              </el-table-column>
+              <el-table-column
+                prop="StartDate"
+                label="课程开始时间">
+                <template slot-scope="scope">
+                  <span>{{toolClass.dateFormat(scope.row.StartDate)}}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="EndDate"
+                label="课程结束时间">
+                <template slot-scope="scope">
+                  <span>{{toolClass.dateFormat(scope.row.EndDate)}}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="操作">
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="success"
+                    v-if="scope.row.VerifyStatus!=='used'"
+                    @click="check(scope.row)">核销</el-button>
+                  <span v-else>已完成</span>
+                </template>
+              </el-table-column>
+            </el-table>
+        </div>
+        <span class="noData" v-else>今日暂无可核销的课程</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+
+const { mapState: mapVerifState, mapActions: mapVerifActions } = createNamespacedHelpers('verification')
+
+export default {
+  name: '',
+  data () {
+    return {
+      code: '',
+    }
+  },
+  mounted () {
+    const { code } = this.$route.query
+    this.code = code
+    this.$nextTick(function () {
+      this.getList()
+    })
+  },
+  computed: {
+    ...mapVerifState({
+      courses: x => x.courseVerifs
+    })
+  },
+  methods: {
+    ...mapVerifActions([
+      'GetCourseVerList',
+      'CourseVerifs',
+    ]),
+    check (item) { // 核销
+      this.$confirm('确认核销此课程?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.CourseVerifs({id: item.CustomerDetailId, callback: this.afterCheck})
+        })
+    },
+    getList () {
+      this.GetCourseVerList({id: this.code})
+    },
+    afterCheck () {
+      this.$message({
+        type: 'success',
+        message: '操作成功!'
+      })
+      this.getList()
+    },
+    reback () { // 返回
+      this.$router.push({name: 'drawVerificationList'})
+    },
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+.subPage {
+  .list {
+    > div {
+      margin: 0 20px;
+      > div {
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+        box-sizing: border-box;
+        border: 1px solid #eee;
+        border-bottom: none;
+        margin-top: 20px;
+      }
+    }
+  }
+  .noData{
+    width: 100%;
+    display: block;
+    line-height: 40px;
+    font-size: 30px;
+    color: #ccc;
+    text-align: center;
+    margin: 40px auto 0;
+  }
+}
+</style>

src/pages/system/verificationManager/phoneVerification/verificationList/index.vue

@@ -142,7 +142,7 @@ export default {
       this.getList()
     },
     reback () { // 返回
-      this.$router.push({name: 'qrcodeVerification'})
+      this.$router.push({name: 'phoneVerification'})
     },
   }
 }