完善银保代理人电子化合同签署页面的代码相关逻辑

src/router/ebiz/YB_agentSign.js

@@ -1,5 +1,6 @@
 //电子投保 定义相关组件
 const step1 = () => import('@/views/ebiz/YB_agentSign/step1')
+const step2 = () => import('@/views/ebiz/YB_agentSign/step2')
 let riskName = localStorage.riskName
 export default [
   {
@@ -7,8 +8,15 @@ export default [
     name: 'step1',
     component: step1,
     meta: {
-      title: '银保代理人电子化合同签署',
-      index: 1
+      title: '银保代理人电子化合同签署'
+    }
+  },
+  {
+    path: '/YB_agentSign/step2',
+    name: 'step2',
+    component: step2,
+    meta: {
+      title: '银保代理人电子化合同签署'
     }
   },
 ]

src/views/ebiz/YB_agentSign/step1.vue

@@ -6,15 +6,15 @@
     </div>
     <div style="margin-top: 120px;">
       <van-cell-group>
-        <van-field v-model="name" label="姓名" />
-        <van-field v-model="idNo" label="身份证号" />
+        <van-field v-model="name" v-validate="'required|salename'" label="姓名" />
+        <van-field v-model="idNo" v-validate="'required|idNo'" label="身份证号" maxlength="18"/>
       </van-cell-group>
     </div>
     <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">确定</van-button>
     <van-dialog class="text-center" v-model="isCaptchaModalShow" title="请输入验证码" :before-close="onCaptchaConfirm">
       <div style="margin-top: 20px;margin-bottom: 20px;">
-        <van-field v-model="mobile" label="手机号码" />
-        <van-field v-model="code" type="number" :maxlength="6" center clearable label="短信验证码" placeholder="请输入短信验证码">
+        <van-field v-model="mobile" label="手机号码" readonly/>
+        <van-field v-model="code" type="number" v-validate="'required|onlyNumber'" maxlength="6" center clearable label="短信验证码" placeholder="请输入短信验证码">
           <template #button>
             <van-button size="small" type="danger" :disabled="countDownNum !== 0" @click="getCaptcha">{{
               countDownNum === 0 ? '获取验证码' : countDownNum | countDownText
@@ -23,6 +23,11 @@
         </van-field>
       </div>
     </van-dialog>
+    <van-dialog class="text-center nobutton" v-model="isNoButtonModalShow" title="提示">
+      <div style="margin-top: 20px;margin-bottom: 70px;margin-top: 50px;">
+        <span>系统不存在该人员或已离职！</span>
+      </div>
+    </van-dialog>
   </div>
 </template>
 <script>
@@ -40,31 +45,31 @@ export default {
       name:'',
       idNo:'',
       isCaptchaModalShow:false,
-      mobile:'15924432886',
+      isNoButtonModalShow: false,
+      mobile:'',
+      oldmobile:'15924432886',
       code:'',
       countDownNum: 0,
     }
   },
   mounted() {
-    this.mobile = this.dataMaskingMobile(this.mobile)
+    this.mobile = this.dataMaskingMobile(this.oldmobile)
   },
   methods: {
-    nextStep(){
-      if(!this.name){
-        this.$toast('请填写姓名');
-        return false
-      }
-      if(!this.idNo){
-        this.$toast('请填写身份证号');
-        return false
-      }
+    async nextStep(){
+      let valid = await this.$validator.validate()
+      if (true === valid) {
         this.isCaptchaModalShow = true
+        // this.isNoButtonModalShow = true
+      } else {
+        return this.$toast(this.$validator.errors.all()[0])
+      }
     },
     async getCaptcha() {
       let data = {
         operateType: 'appntInfoEntry',
         type: 'H5',
-        operateCode: this.mobile,
+        operateCode: this.oldmobile,
         system: 'agentApp',
         operateCodeType: '0'
       }
@@ -86,8 +91,8 @@ export default {
       }
     },
     onCaptchaConfirm(){
-      console.log('123')
       this.isCaptchaModalShow = false
+      this.$router.push({ path: '/YB_agentSign/step2' })
     },
     dataMaskingMobile(mobile) {
       let str = ''
@@ -130,4 +135,9 @@ export default {
       text-align: left;
     }
   }
+  .nobutton{
+    /deep/ .van-dialog__footer{
+      display: none;
+    }
+  }
 </style>

src/views/ebiz/YB_agentSign/step2.vue

@@ -11,8 +11,8 @@
     </van-radio-group>
     <div class='pt30 pl30 flex align-items-c'>
       <span class='mr10'>投保人签名 :</span>
-      <van-button type='danger' size='small' :disabled="signStatus == '1' ? true : isDisable" @click="sign" v-no-more-click='1000'>
-        {{signStatus == '2' ? '签名' : '已签名' }}
+      <van-button type='danger' size='small' :disabled="signVal == '1' ? true : isDisable" @click="sign" v-no-more-click='1000'>
+        {{signStatus == '1' ? '签名' : '已签名' }}
       </van-button>
     </div>
     <div class='bg-white bottom-btn'>
@@ -28,14 +28,17 @@
     data() {
       let isWeixin = this.$utils.device().isWeixin //判断环境
       return {
-        time:'10',
+        time:'2',
         radio: '',
         number: '',
         src: location.origin + '/pdfjs/web/viewer.html?file=',
         pdfUrl: '',
-        signStatus: '',
+        signVal: '2',
+        base64: '',
+        signStatus: '1',
         isDisable: true,
         isDisabledComplite:true,
+        isOver: false,
       }
     },
     components: {
@@ -48,7 +51,9 @@
       this.timeOut()
     },
     mounted() {
+      let thispolicyUrl = "Ra4LpmZv2h6FrwZPS48QIETiI2AcWWLx6RavVjoAkoMO3QJwd%2BpYNd%2BhiCehCCFibahgDp%2FtP6UD%0A6vy8eKAAs4hhrh0dSyUouHrBpcu%2FGM6VGLphInLPv0HGtHpZ3OhD"
       document.body.style.backgroundColor = '#fff'
+      this.pdfUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${thispolicyUrl}`)
     },
     methods: {
       // 点击阅读时
@@ -83,18 +88,18 @@
         }, 1000)
       },
       sign() {
-        this.$toast.loading({
-          duration: 0, // 持续展示 toast
-          forbidClick: true, // 禁用背景点击
-          loadingType: 'spinner',
-          message: '加载中……'
-        })
+        // this.$toast.loading({
+        //   duration: 0, // 持续展示 toast
+        //   forbidClick: true, // 禁用背景点击
+        //   loadingType: 'spinner',
+        //   message: '加载中……'
+        // })
         EWebBridge.webCallAppInJs('ca_sign', {
           //身份证号码
-          number: this.saleInsuredInfo.idNo,
+          number: '150429199106185911',
           //姓名
-          name: this.saleInsuredInfo.name,
-          type: this.saleInsuredInfo.idType,
+          name: '刘晓峰',
+          type: '1',
           keyword: '签字日期',
           pageNo: '1',
           index: '1',
@@ -103,12 +108,10 @@
           signatureWidth: this.$utils.signParams().signatureWidth,
           signatureHeight: this.$utils.signParams().signatureHeight
         }).then(data => {
-          this.$toast.clear()
+          // this.$toast.clear()
           if (JSON.parse(data).state == '1') {
             this.base64 = decodeURI(JSON.parse(data).sign)
-            this.appntSign.documentStatus = '3'
             this.isDisabledComplite = false
-            this.isSign = false
           }
         })
       },
@@ -117,10 +120,46 @@
       }
     },
     computed: {
-
+      listenChange() {
+        const { isOver, radio, appntSign } = this
+        return { isOver, radio, appntSign }
+      }
     },
     watch: {
+      listenChange(val) {
+        let that = this
+        if (!that.isWeixin) {
+          if (that.signVal == '0' || that.signVal == '2') {
+            if (val.isOver == true && val.radio != '' && val.signStatus !== '3') {
+              that.isDisable = false
+            } else {
+              that.isDisable = true
+            }
 
+            if (that.radio == '1' && val.signStatus == '3') {
+              that.isDisabledComplite = false
+            } else {
+              that.isDisabledComplite = true
+            }
+          }
+          if (val.signStatus == '3') {
+            that.isDisable = true
+          }
+        } else {
+          if (that.signVal == '0' || that.signVal == '2') {
+            if (val.isOver == true && val.radio != '') {
+              that.isDisable = false
+            } else {
+              that.isDisable = true
+            }
+            if (that.radio == '1' && val.signStatus == '3') {
+              that.isDisabledComplite = false
+            } else {
+              that.isDisabledComplite = true
+            }
+          }
+        }
+      }
     },
 
     beforeRouteLeave(to, from, next) {

src/views/ebiz/sale/SignatureConfirmation.vue

@@ -7,8 +7,8 @@
       <div v-if="isWeixin" class="bg-white mt10 p20 fs14 tips">
         <p>
           尊敬的
-          <span>{{ tipsName }}</span>
-          先生/女士，您好！
+          <span>{{ tipsName }}</span
+          >先生/女士，您好！
         </p>
         <p>该保单由国富人寿保险股份有限公司进行承保，具体确认信息如下：</p>
       </div>
@@ -47,9 +47,16 @@
             </div>
             <p class="start" v-if="airSign != '1'">点击【开始】，进行相关操作</p>
             <div v-if="!isInvalid" class="flex justify-content-a mt20">
-              <van-button type="danger" size="normal" class="w150" plain :disabled="changeCard ? agentSign.documentStatus == '1' : agentSignStatus == '3'" v-no-more-click="1000" @click="start_agent('3')">
-                开始
-              </van-button>
+              <van-button
+                      type="danger"
+                      size="normal"
+                      class="w150"
+                      plain
+                      :disabled="changeCard ? agentSign.documentStatus == '1' : agentSignStatus == '3'"
+                      v-no-more-click="1000"
+                      @click="start_agent('3')"
+              >开始</van-button
+              >
             </div>
             <div class="text" v-else>操作时间已失效，请联系销售人员！</div>
           </van-collapse-item>
@@ -82,13 +89,28 @@
             </div>
             <p class="start" v-if="airSign != '1'">点击【开始】或【分享】，进行相关操作</p>
             <div v-if="!isInvalid" class="flex justify-content-a mt20">
-              <van-button v-if="isShow" type="danger" size="normal" class="w150" plain v-no-more-click="1000" :disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'" @click="share(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')">
-                分享
-              </van-button>
+              <van-button
+                v-if="isShow"
+                type="danger"
+                size="normal"
+                class="w150"
+                plain
+                v-no-more-click="1000"
+                :disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'"
+                @click="share(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
+                >分享</van-button
+              >
               <!-- 前端测试 -->
-              <van-button type="danger" size="normal" class="w150" plain :disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'" v-no-more-click="1000" @click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')">
-                开始
-              </van-button>
+              <van-button
+                type="danger"
+                size="normal"
+                class="w150"
+                plain
+                :disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'"
+                v-no-more-click="1000"
+                @click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
+                >开始</van-button
+              >
             </div>
             <div class="text" v-else>操作时间已失效，请联系销售人员！</div>
           </van-collapse-item>
@@ -112,12 +134,20 @@
               </div>
               <p class="start" v-if="airSign != '1'">点击【开始】或【分享】，进行相关操作</p>
               <div v-if="!isInvalid" class="flex justify-content-a mt20">
-                <van-button v-if="isShow" type="danger" size="normal" class="w150" :disabled="insuredSignStatus == '3'" @click="share('1')" plain v-no-more-click="1000">
-                  分享
-                </van-button>
-                <van-button type="danger" size="normal" plain class="w150" :disabled="insuredSignStatus == '3'" @click="start_ocr('1')" v-no-more-click="1000">
-                  开始
-                </van-button>
+                <van-button
+                  v-if="isShow"
+                  type="danger"
+                  size="normal"
+                  class="w150"
+                  :disabled="insuredSignStatus == '3'"
+                  @click="share('1')"
+                  plain
+                  v-no-more-click="1000"
+                  >分享</van-button
+                >
+                <van-button type="danger" size="normal" plain class="w150" :disabled="insuredSignStatus == '3'" @click="start_ocr('1')" v-no-more-click="1000"
+                  >开始</van-button
+                >
               </div>
               <div class="text" v-else>操作时间已失效，请联系销售人员！</div>
             </van-collapse-item>
@@ -153,9 +183,16 @@
               </div>
               <p class="start" v-if="airSign != '1'">点击【开始】或【分享】，进行相关操作</p>
               <div v-if="!isInvalid" class="flex justify-content-a mt20">
-                <van-button type="danger" size="normal" style="width: 157px" plain :disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'" v-no-more-click="1000" @click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')">
-                  开始
-                </van-button>
+                <van-button
+                  type="danger"
+                  size="normal"
+                  style="width: 157px"
+                  plain
+                  :disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'"
+                  v-no-more-click="1000"
+                  @click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
+                  >开始</van-button
+                >
               </div>
               <div class="text" v-else>操作时间已失效，请联系销售人员！</div>
             </van-collapse-item>
@@ -179,9 +216,16 @@
               </div>
               <p class="start" v-if="airSign != '1'">点击【开始】或【分享】，进行相关操作</p>
               <div v-if="!isInvalid" class="flex justify-content-a mt20">
-                <van-button type="danger" size="normal" plain style="width: 157px" :disabled="insuredSignStatus == '3'" @click="start_ocr('1')" v-no-more-click="1000">
-                  开始
-                </van-button>
+                <van-button
+                  type="danger"
+                  size="normal"
+                  plain
+                  style="width: 157px"
+                  :disabled="insuredSignStatus == '3'"
+                  @click="start_ocr('1')"
+                  v-no-more-click="1000"
+                  >开始</van-button
+                >
               </div>
               <div class="text" v-else>操作时间已失效，请联系销售人员！</div>
             </van-collapse-item>
@@ -192,17 +236,27 @@
     <div v-if="!isWeixin">
       <div v-if="changeCard">
         <div class="bottom-btn bg-white" v-if="appntSign.documentStatus == '1'">
-          <van-button type="danger" v-if="relationToAppnt == '1' ? true : appntSign.documentStatus == '1' ? true : false" size="large" @click="rePayMent" v-no-more-click="1000">
-            支付
-          </van-button>
+          <van-button
+            type="danger"
+            v-if="relationToAppnt == '1' ? true : appntSign.documentStatus == '1' ? true : false"
+            size="large"
+            @click="rePayMent"
+            v-no-more-click="1000"
+            >支付</van-button
+          >
         </div>
       </div>
       <div v-else>
         <!--判断代理人自保件承诺书是否签名  或者不是自保件 投保人是否都签名-->
         <div class="bottom-btn bg-white" v-if="(agentSignStatus == '3'&& appntSignStatus == '3')||(agentSignStatus == ''&& appntSignStatus == '3')">
-          <van-button type="danger" v-if="relationToAppnt == '1' ? true : insuredSignStatus == '3' ? true : false" size="large" @click="next" v-no-more-click="1000">
-            提交
-          </van-button>
+          <van-button
+            type="danger"
+            v-if="relationToAppnt == '1' ? true : insuredSignStatus == '3' ? true : false"
+            size="large"
+            @click="next"
+            v-no-more-click="1000"
+            >提交</van-button
+          >
         </div>
       </div>
     </div>
@@ -210,7 +264,13 @@
       <!-- <video controls style="width: 100%; max-height: calc(100vh - 60px)" src="/app/video/rlsb.mp4"></video> -->
       <div class="" v-if="videoShow" style="height: calc(100vh - 60px); display: flex; align-items: center; flex-flow: column; justify-content: center">
         <!-- <van-notice-bar :scrollable="false" class="notice" style="width: 100%">为维护您的合法权益，请您务必观看防范销售误导视频。</van-notice-bar> -->
-        <video controls style="width: 100%; max-height: calc(100vh - 60px)" :src="'https://gf-dev-202005-1254138932.cos.ap-shanghai-fsi.myqcloud.com/gfapp/pub01/2021/04/28/guofulive.MP4'" ref="vid" @timeupdate="timeupdate"></video>
+        <video
+          controls
+          style="width: 100%; max-height: calc(100vh - 60px)"
+          :src="'https://gf-dev-202005-1254138932.cos.ap-shanghai-fsi.myqcloud.com/gfapp/pub01/2021/04/28/guofulive.MP4'"
+          ref="vid"
+          @timeupdate="timeupdate"
+        ></video>
       </div>
       <div class="bottom-btn bg-white">
         <van-button type="danger" size="large" @click="isVideoUrlClick()" v-no-more-click="1000">下一步</van-button>
@@ -226,16 +286,18 @@
         }}</van-button>
       </van-cell-group>
     </van-dialog>
-    <van-dialog v-model="thisnewpeopledialogshow" title="提示" confirmButtonText="确定">
-      <div style="padding: 20px;font-size: 14px;padding-top: 0px;">
-        <div style="line-height: 25px;letter-spacing: 1px;">尊敬的客户您好！</div>
-        <div style="line-height: 25px;letter-spacing: 1px;text-indent: 2em;">感谢您投保我公司“爱心保/安心保”产品，在本保险合同生效后被保险人将获得一份专属的健康管理服务，详情请登录公司官方微信公众号“国富人寿保险”>发现国富>新市民专区 查询或拨打公司客服热线400-694-6688咨询，本服务为无偿提供。</div>
-      </div>
-    </van-dialog>
+    <!-- <UploadImageFile
+      :typeface="idcardData.typeface && faceAuthCount.weixin < smsAuthNum"
+      :realName="idcardData.idcardName"
+      :idno="idcardData.idcardNumber"
+      @sendimage="sendimage"
+    >
+    </UploadImageFile> -->
   </div>
 </template>
 
 <script>
+// import UploadImageFile from '@/components/ebiz/sale/UploadImageFile'
 import { Field, Cell, CellGroup, Collapse, CollapseItem, Dialog, NoticeBar } from 'vant'
 import {
   underWrite,
@@ -259,7 +321,6 @@ export default {
   data() {
     let isWeixin = this.$utils.device().isWeixin //判断环境
     return {
-      thisnewpeopledialogshow: false,
       isInsuYearFlag: false, //是否为长期险
       isVideo: false, //是否已阅读视频
       isVideoNext: false,
@@ -269,7 +330,7 @@ export default {
       timeId: null, // 计时器ID
       countDown: 60, // 倒计时
       authCode: '', // 验证码
-      smsAuthNum: 2,
+      smsAuthNum: 3,
       operaFlag: null,
       encyCustomerMobile: null,
       sid: null,
@@ -465,6 +526,8 @@ export default {
         this.relationToAppnt = this.$route.query.relationToAppnt
         this.isShow = false
         await this.getOrderDetail()
+
+          console.log('初始化this.appntSign ==', this.appntSign)
           if (
             (this.appntSignStatus == '3' && sessionStorage.getItem('shareCode') == '0') ||
             (this.appntSignStatus == '3' && sessionStorage.getItem('shareCode') == '2')
@@ -1353,19 +1416,6 @@ export default {
     },
     // 获取消息和阅读状态
     getOrderDetail() {
-      if(!this.$route.query.orderNo || this.$route.query.orderNo == 'undefined'){
-        Dialog.confirm({
-          title: '提示',
-          message: '订单号信息缺失，跳转订单系统重新获取',
-          showCancelButton: false
-        }).then(() => {
-          this.$router.push({
-            path:'/sale/list'
-          })
-        })
-        return false
-      }
-
       let that = this
       this.$toast.loading({
         // 持续展示 toast
@@ -1576,20 +1626,7 @@ export default {
               }
             })
           }
-          if(res.orderDTO.orderInfoDTO.productCode == 'GFRS_M0076' || res.orderDTO.orderInfoDTO.productCode == 'GFRS_M0077') {
-            that.thisnewpeopledialogshow = true
-          }
           resolve('success')
-        } else {
-            Dialog.confirm({
-              title: '提示',
-              message: res.resultMessage,
-              showCancelButton: false
-            }).then(() => {
-              this.$router.push({
-                path:'/sale/list'
-              })
-            })
         }
       })
     })