From 02768d6697594916952b1bc66cbb2ac15d015a64 Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Wed, 9 Dec 2020 14:59:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E6=A0=B8=E4=BF=9D=E5=8D=95=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E6=92=A4=E9=94=80=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/sale/List.vue | 189 ++++++++++++++++++++++++++++-------
 1 file changed, 153 insertions(+), 36 deletions(-)

diff --git a/src/views/ebiz/sale/List.vue b/src/views/ebiz/sale/List.vue
index facc36d53..bd440148c 100644
--- a/src/views/ebiz/sale/List.vue
+++ b/src/views/ebiz/sale/List.vue
@@ -119,6 +119,15 @@
                   <van-button @click="goPay(order)" size="small" class="mr5" type="danger" round>去支付</van-button>
                 </template>
 
+                <van-button
+                  @click="revokeOrder(order)"
+                  v-if="active == 'commit' && canRevoke[order.orderInfoDTO.orderStatus]"
+                  size="small"
+                  class="mr5"
+                  type="danger"
+                  round
+                  >撤单</van-button
+                >
                 <!-- <van-button
                   @click="goNucleus(order)"
                   v-if="active == 'commit' && order.orderInfoDTO.orderStatus == '46'"
@@ -142,6 +151,25 @@
     </van-list>
 
     <van-button type="danger" class="bottom-btn" @click="add" v-no-more-click="1000">点我新增</van-button>
+    <van-dialog
+      class="dialog-delete"
+      @confirm="checkCaptchaCode"
+      @cancel="cancelCaptchaCode"
+      :before-close="beforeClose"
+      confirm-button-color="#fff"
+      v-model="revokePanelShow"
+      title="短信验证"
+      show-cancel-button
+    >
+      <p class="captchaReceiver">投保人手机号: {{ captchaReceiver | phoneNumFilter }}</p>
+      <van-field v-model="sms" center clearable placeholder="请输入短信验证码">
+        <template #button>
+          <van-button :disabled="sendTime !== 0" v-no-more-click="1000" @click="getCaptchaCode" size="small" type="danger">{{
+            sendTime ? `${sendTime}s后获取` : '获取验证码'
+          }}</van-button>
+        </template>
+      </van-field>
+    </van-dialog>
 
     <!-- 短信验证 -->
     <check-agent @checModelSuccessMethod="initThisPage" />
@@ -150,7 +178,7 @@
 
 <script>
 import { Search, Tabs, Tab, List, Tag, Sticky, Toast, Dialog, Field } from 'vant'
-import { orderList, deleteOrderInfo, revokeOrder } from '@/api/ebiz/sale/sale'
+import { orderList, deleteOrderInfo, getAuthCode, revokeOrder } from '@/api/ebiz/sale/sale'
 import { formatRiskList } from '@/assets/js/utils/formatRiskList.js'
 import dataDictionary from '@/assets/js/utils/data-dictionary' //根据数据字典找到用户等级
 import CheckAgent from '@/components/common/CheckAgent'
@@ -184,16 +212,29 @@ export default {
       isSuccess: false,
       canRevoke: {
         '02': true,
-        '14': true,
         '19': true,
         '48': true,
         '49': true,
-        '55': true
-      }
+        '55': true,
+        '58': true,
+        '46': true,
+        '50': true,
+        '51': true
+      },
+      revokePanelShow: false,
+      sms: '',
+      smsId: '',
+      sendTime: 0,
+      getCaptcha: false,
+      captchaTimer: null,
+      captchaReceiver: '',
+      revokeOrderNo: '',
+      captchaMaped: false
     }
   },
   mounted() {
     setTimeout(() => {
+      // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('webview_left_button', {
         intercept: '1' //是否拦截原生返回事件 1是 其他否
       })
@@ -201,6 +242,76 @@ export default {
     window.appCallBack = this.appCallBack
   },
   methods: {
+    beforeClose(action, done) {
+      this.captchaMaped ? done() : done(false)
+    },
+    async getCaptchaCode() {
+      if (this.sendTime !== 0) return
+      this.getCaptcha = true
+      this.sendTime = 60
+      let data = {
+        operateType: 'appntInfoEntry',
+        type: 'H5',
+        operateCode: this.captchaReceiver,
+        system: 'agentApp',
+        operateCodeType: '0'
+      }
+      let res = await getAuthCode(data)
+      if (res.result === '0') {
+        this.$toast('获取验证码成功')
+      }
+      this.smsId = res.sessionId
+      this.captchaTimer = setInterval(() => {
+        this.sendTime--
+        if (this.sendTime === 0) {
+          clearInterval(this.captchaTimer)
+          this.captchaTimer = null
+        }
+      }, 1000)
+    },
+    async checkCaptchaCode() {
+      if (!this.getCaptcha) {
+        return this.$toast('请先获取验证码')
+      }
+      if (!this.sms.trim()) {
+        return this.$toast('请输入验证码')
+      }
+      clearInterval(this.captchaTimer)
+      this.captchaTimer = null
+      let revokeResult = await revokeOrder({
+        id: this.revokeOrderNo,
+        smsId: this.smsId,
+        code: this.sms
+      })
+      if (revokeResult.result == 0) {
+        this.$toast('撤单成功!')
+        setTimeout(() => {
+          this.saleList = []
+          this.isSuccess = false
+          this.currentPage = 1
+          ;[this.loading, this.finished] = [true, false]
+          let pageInfo = {
+            pageNum: this.currentPage,
+            pageSize: this.pageSize,
+            orderType: this.active
+          }
+          this.loadMore(pageInfo)
+        }, 1000)
+      } else {
+        Toast.fail(revokeResult.resultMessage)
+      }
+      this.cancelCaptchaCode()
+      this.sms = ''
+    },
+    cancelCaptchaCode() {
+      this.sendTime = 0
+      this.revokePanelShow = false
+      clearInterval(this.captchaTimer)
+      this.captchaTimer = null
+      this.getCaptcha = false
+      this.captchaMaped = false
+      this.captchaReceiver = ''
+    },
     initThisPage(showFlag) {
       this.showFlag = showFlag
       if (this.showFlag) {
@@ -331,16 +442,7 @@ export default {
     },
     //初始化保单列表
     getOrderList(pageInfo) {
-      // this.$toast.loading({
-      //   duration: 0, // 持续展示 toast
-      //   forbidClick: true, // 禁用背景点击
-      //   loadingType: 'spinner',
-      //   message: '加载中……'
-      // })
-
       orderList(pageInfo).then(res => {
-        console.log('调用了一次')
-        // this.$toast.clear()
         if (res.result == '0') {
           this.isSuccess = true
           this.currentPage++
@@ -365,7 +467,6 @@ export default {
             })
           })
           this.saleList = this.saleList.concat(list)
-          console.log(this.saleList.length)
           if (this.saleList.length == 0) {
             this.isSuccess = false
           }
@@ -411,7 +512,6 @@ export default {
       localStorage.orderNo = orderNo
       localStorage.isFrom = 'sale'
       localStorage.removeItem('changeCard')
-      console.log('---orderStatus：', orderStatus, orderNo)
       switch (orderStatus) {
         case '01': //已签名待客户确认, 跳到签名确认页面
           url = '/sale/SignatureConfirmation?edit=1'
@@ -456,7 +556,7 @@ export default {
       })
     },
     //删除投保单
-    del(order, index) {
+    del(order) {
       let params = {
         orderType: 'DEL_ORDER', //列表页 此值为固定
         id: order.orderInfoDTO.orderNo,
@@ -477,7 +577,6 @@ export default {
         .then(() => {
           deleteOrderInfo(params).then(res => {
             if (res.result == 0) {
-              console.log(index)
               this.saleList = []
               this.isSuccess = false
               this.currentPage = 1
@@ -519,35 +618,53 @@ export default {
         .confirm({
           className: 'dialog-delete',
           title: '提示',
-          message: '确认撤销投保单吗？',
+          message: '撤单后,数据将不可恢复,您确定要撤单吗?',
           cancelButtonColor: '#E9332E',
           confirmButtonColor: '#FFFFFF'
         })
         .then(() => {
-          return revokeOrder({ id: order.orderInfoDTO.orderNo })
+          this.revokePanelShow = true
+          this.captchaReceiver = order.appntDTO.mobile
+          this.revokeOrderNo = order.orderInfoDTO.orderNo
         })
-        .then(res => {
-          if (res.result == 0) {
-            this.saleList = []
-            this.isSuccess = false
-            this.currentPage = 1
-            ;[this.loading, this.finished] = [true, false]
-            let pageInfo = {
-              pageNum: this.currentPage,
-              pageSize: this.pageSize,
-              orderType: this.active
-            }
-            this.loadMore(pageInfo)
-          } else {
-            Toast.fail(res.resultMessage)
-          }
-        })
-        .catch(() => {})
+    }
+  },
+  filters: {
+    encryCheckModelMobile(code) {
+      return code.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
+    },
+    phoneNumFilter(phoneNum) {
+      let num = phoneNum.split('')
+      num.splice(3, 4, '****')
+      return num.join('')
     }
   }
 }
 </script>
 <style lang="scss" scoped>
+/deep/ .dialog-delete .van-dialog__header {
+  padding: 0.5em;
+  margin-bottom: 0;
+  border-bottom: 1px solid #eaeaea;
+}
+
+/deep/ .van-cell {
+  padding: 0;
+  padding-bottom: 0.5em;
+  border-bottom: 1px solid #eaeaea;
+}
+
+/deep/ .van-dialog__content {
+  padding: 1em;
+}
+
+.captchaReceiver {
+  margin-bottom: 1em;
+  padding-bottom: 1em;
+  border-bottom: 1px solid #eaeaea;
+  font-size: 14px;
+}
+
 .van-search__content {
   background: #fff !important;
   border-radius: 10px;