调整个险渠道电投产品的保单支付流程

src/views/ebiz/sale/AccountInformation.vue

@@ -85,9 +85,9 @@
         </template>
       </van-field>
     </van-dialog>
-    <van-dialog class="bankCardContract" v-model="bankCardContractShow" title="提示" show-cancel-button @confirm="authConfirm" :before-close="checkModelBeforeClose" @cancel="checkModelCancel">
+    <van-dialog class="bankCardContract" v-model="bankCardContractShow" title="提示" show-cancel-button @confirm="authConfirm" @cancel="checkModelCancel">
-      <p class="p10 fs14">亲，您的银行卡账户未进行续期签约，为确保是您本人操作，短信验证码已发送至您的手机号{{ encyCustomerMobile }}，请您输入验证码完成签约流程~</p>
+      <p class="p10 fs14">亲，您的银行卡账户未进行续期签约，为确保是您本人操作，短信验证码已发送至您的手机号{{ appntDTO.mobile }}，请您输入验证码完成签约流程~</p>
-      <van-cell-group class="flex align-items-c pr5 mb15">
+      <van-cell-group class="flex align-items-c" style="margin: 10px;">
         <van-field maxlength="6" placeholder="请输入短信验证码" v-model="verfyCode" clearable label-width="0" />
       </van-cell-group>
     </van-dialog>
@@ -96,7 +96,7 @@
 
 <script>
 import { Cell, CellGroup, Field, RadioGroup, Radio, Popup, List, Switch, Toast, SwitchCell, Icon, Area,Dialog } from 'vant'
-import { saveInformation, getOrderDetail, checkCard, getAuthCode, autchCodeCheck } from '@/api/ebiz/sale/sale'
+import { saveInformation, getOrderDetail, checkCard, getAuthCode, autchCodeCheck, getBankCardSignState, signConfirm } from '@/api/ebiz/sale/sale'
 import utilsAge from '@/assets/js/utils/age'
 import BankCardScan from '@/components/ebiz/sale/BankCardScan'
 import IndexBar from '@/components/ebiz/sale/IndexBar'
@@ -170,7 +170,9 @@ export default {
       areaStr: '',
       orderInfoDTO: '',
       renovate:'',
-      bankCardContractShow: true,
+      bankCardContractShow: false,
+      rdSeq:'',
+      verfyCode: '',
     }
   },
   methods: {
@@ -543,13 +545,36 @@ export default {
             }
           }
         }
-        if (this.orderInfoDTO.validateCustomerFlag !== '0') {
+        if(this.orderInfoDTO.activeType != 'KMH') {
-          data.orderDTO.smsCodeDTO = { smsId: this.sessionId, code: this.authCode }
+          if (this.orderInfoDTO.validateCustomerFlag !== '0') {
+            data.orderDTO.smsCodeDTO = { smsId: this.sessionId, code: this.authCode }
+          }
         }
+
         saveInformation(data).then(res => {
           if (res.result == '0') {
             this.orderInfoDTO.validateCustomerFlag = '0';
             window.localStorage.setItem('accountInformationRadio', this.radio)
+            this.getBankCardSignState()
+          } else {
+            this.$toast(res.resultMessage)
+          }
+        })
+      } else {
+        this.$toast(this.errors.all()[0])
+      }
+    },
+    getBankCardSignState(){
+      let params = {
+        orderNo: this.$route.query.orderNo
+      }
+      getBankCardSignState(params).then(res => {
+        let checkRes = res.content
+        if (checkRes.result == '0') {
+          this.$toast.clear()
+          if (checkRes.signState == '2' || checkRes.needSign == '0') {
+            // 不需签约 或 已签约  不做处理  可以发起支付
+            console.log('不需签约 或 已签约  不做处理  可以发起支付')
             this.$jump({
               flag: 'h5',
               extra: {
@@ -559,13 +584,110 @@ export default {
                 path: '/sale/attachmentManagement?orderNo=' + this.$route.query.orderNo
               }
             })
+          } else if (checkRes.needSign == '1'){
+            if (checkRes.signConfirmType == '2'){
+              this.bankCardContractShow = true
+              this.rdSeq = checkRes.rdSeq
+            }else if (checkRes.signConfirmType == '3'){
+              Dialog.alert({
+                message: '亲，银行已发送短信至手机号'+ this.appntDTO.mobile +'，按照短信提示完成短信回复签约，再次通过金掌桂完成后续流程。',
+                confirmButtonColor: '#ff5e50',
+              }).then(() => {})
+            }else{
+              this.$toast('该微信绑定的银行卡金掌桂暂不支持续期签约！')
+            }
+            if (checkRes.signState == '4') {
+              const info = '亲，银行卡已在签约中，请稍后'
+              Dialog.alert({
+                message: info,
+                className: 'reConfirm leftConfirm',
+                confirmButtonColor: '#ff5e50',
+                allowHtml: true
+              }).then(() => {}).catch(() => {})
+              // }
+            } else if (checkRes.signState == '3') {
+              // 签约失败
+              const info = '亲，您当前银行卡账户续期签约失败，\n原因：' + checkRes.resultMessage
+              Dialog.confirm({
+                message: info,
+                className: 'reConfirm leftConfirm',
+                cancelButtonText: '返回',
+                cancelButtonColor: '#ff5e50',
+                confirmButtonText: '修改银行卡信息',
+                confirmButtonColor: '#ff5e50',
+                allowHtml: true
+              }).then(() => {}).catch(() => {});
+            }
           } else {
-            this.$toast(res.resultMessage)
+            this.$toast(checkRes.resultMessage)
           }
-        })
+        }else{
-      } else {
+          const info = '亲，您当前银行卡账户续期签约失败，\n原因：' + checkRes.resultMessage
-        this.$toast(this.errors.all()[0])
+          Dialog.confirm({
+            message: info,
+            className: 'reConfirm leftConfirm',
+            cancelButtonText: '返回',
+            cancelButtonColor: '#ff5e50',
+            confirmButtonText: '修改银行卡信息',
+            confirmButtonColor: '#ff5e50',
+            allowHtml: true
+          }).then(() => {}).catch(() => { });
+        }
+      })
+    },
+    authConfirm(){
+      this.$toast.loading({
+        duration: 0, // 持续展示 toast
+        forbidClick: true, // 禁用背景点击
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
+      let data = {
+        rdSeq:this.rdSeq,
+        verfyCode:this.verfyCode,
+        businessNo:this.$route.query.orderNo
       }
+      if (!this.verfyCode || this.verfyCode == '') {
+        this.bankCardContractShow = true
+        return this.$toast('请输入短信验证码')
+      }
+      if (this.verfyCode.length !== 6) {
+        this.bankCardContractShow = true
+        return this.$toast('验证码格式错误')
+      }
+      signConfirm(data).then(res => {
+        this.verfyCode = ''
+        this.bankCardContractShow = false
+        if (res.result == '0') {
+          this.$toast.clear()
+          this.$jump({
+            flag: 'h5',
+            extra: {
+              url: location.origin + '/#/sale/attachmentManagement?orderNo=' + this.$route.query.orderNo
+            },
+            routerInfo: {
+              path: '/sale/attachmentManagement?orderNo=' + this.$route.query.orderNo
+            }
+          })
+        }else{
+          this.$toast.clear()
+          // 签约失败
+          const info = '亲，您当前银行卡账户续期签约失败，\n原因：' + data.resultMessage
+          Dialog.confirm({
+            message: info,
+            className: 'reConfirm leftConfirm',
+            cancelButtonText: '返回',
+            cancelButtonColor: '#ff5e50',
+            confirmButtonText: '修改银行卡信息',
+            confirmButtonColor: '#ff5e50',
+            allowHtml: true
+          }).then(() => {})
+        }
+      })
+    },
+    checkModelCancel() {
+      this.bankCardContractShow = false
+      this.verfyCode = ''
     },
     handleRenew(v) {
       //大于65不能续保
@@ -820,6 +942,16 @@ export default {
   }
 }
 .bankCardContract{
-
+  /deep/ .van-dialog__cancel{
+   background: #fff;
+   color: #323233;
+ }
+  /deep/ .van-dialog__confirm{
+    background: #fff;
+    color: red;
+  }
+  /deep/ .van-dialog__header{
+    color: red;
+  }
 }
 </style>