新市民产品投保提示从上传附件页面移动到签字确认页面

【需求】关于纸质保单打印规则调整
默认都不选。电子选项名称修改为【电子(不打印保单)】

src/views/ebiz/sale/AttachmentManagement.vue

@@ -9,7 +9,7 @@
       <van-cell-group>
         <van-field required label="银行卡账户" disabled />
       </van-cell-group>
-      <div @click="test('fileListBank', '3', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
+      <div @click="test('fileListBank', '3', '0', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
         <van-uploader
           name="fileListBank"
           v-model="fileListBank"
@@ -36,7 +36,7 @@
                   <van-cell-group>
                     <van-field required :label="item.id == '2' ? `${item.text}户主页` : `${item.text}正面`" disabled />
                   </van-cell-group>
-                  <div @click="test('fileListIdFront', '1', saleInsuredInfo.appntId, saleInsuredInfo.idType)" class="flex align-items-e">
+                  <div @click="test('fileListIdFront', '1', '0', saleInsuredInfo.appntId, saleInsuredInfo.idType)" class="flex align-items-e">
                     <van-uploader
                       name="fileListIdFront"
                       v-model="fileListIdFront"
@@ -50,7 +50,7 @@
                   <van-cell-group>
                     <van-field required :label="item.id == '2' ? `${item.text}本人页` : `${item.text}反面`" disabled />
                   </van-cell-group>
-                  <div @click="test('fileListIdBack', '2', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
+                  <div @click="test('fileListIdBack', '2', '0', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
                     <van-uploader
                       name="fileListIdBack"
                       v-model="fileListIdBack"
@@ -66,7 +66,7 @@
                   <van-cell-group>
                     <van-field required :label="`${item.text}头像面`" disabled />
                   </van-cell-group>
-                  <div @click="test('fileLIstImg', '8',  saleInsuredInfo.appntId, saleInsuredInfo.idType)">
+                  <div @click="test('fileLIstImg', '8', '0', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
                     <van-uploader
                       name="fileLIstImg"
                       v-model="fileLIstImg"
@@ -83,7 +83,7 @@
             <van-cell-group>
               <van-field required label="银行卡正面" disabled />
             </van-cell-group>
-            <div @click="test('fileListBank', '3',  saleInsuredInfo.appntId, saleInsuredInfo.idType)">
+            <div @click="test('fileListBank', '3', '0', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
               <van-uploader
                 name="fileListBank"
                 v-model="fileListBank"
@@ -97,7 +97,7 @@
             <van-cell-group v-if="isNotify">
               <van-field label="健康告知异常类资料" disabled />
             </van-cell-group>
-            <div v-if="isNotify" @click="test('fileListNotify', '24', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
+            <div v-if="isNotify" @click="test('fileListNotify', '24', '0', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
               <van-uploader
                 name="fileListNotify"
                 v-model="fileListNotify"
@@ -125,7 +125,7 @@
                     <van-cell-group>
                       <van-field required :label="item.id == '2' ? `${item.text}户主页` : `${item.text}正面`" disabled />
                     </van-cell-group>
-                    <div @click="test('fileListIdFrontInsured', '1', saleInsuredPersonInfo.insuredId, saleInsuredPersonInfo.idType)">
+                    <div @click="test('fileListIdFrontInsured', '1', '1', saleInsuredPersonInfo.insuredId, saleInsuredPersonInfo.idType)">
                       <van-uploader
                         name="fileListIdFrontInsured"
                         v-model="fileListIdFrontInsured"
@@ -139,7 +139,7 @@
                     <van-cell-group>
                       <van-field required :label="item.id == '2' ? `${item.text}本人页` : `${item.text}反面`" disabled />
                     </van-cell-group>
-                    <div @click="test('fileListIdBackInsured', '2', saleInsuredPersonInfo.insuredId, saleInsuredPersonInfo.idType)">
+                    <div @click="test('fileListIdBackInsured', '2', '1', saleInsuredPersonInfo.insuredId, saleInsuredPersonInfo.idType)">
                       <van-uploader
                         name="fileListIdBackInsured"
                         v-model="fileListIdBackInsured"
@@ -155,7 +155,7 @@
                     <van-cell-group>
                       <van-field required :label="`${item.text}头像页`" disabled />
                     </van-cell-group>
-                    <div @click="test('fileLIstImgInsured', '8', saleInsuredPersonInfo.insuredId, saleInsuredPersonInfo.idType)">
+                    <div @click="test('fileLIstImgInsured', '8', '1', saleInsuredPersonInfo.insuredId, saleInsuredPersonInfo.idType)">
                       <van-uploader
                         name="fileLIstImgInsured"
                         v-model="fileLIstImgInsured"
@@ -172,7 +172,7 @@
               <van-cell-group v-if="isNotifyInsured">
                 <van-field label="健康告知异常类资料" disabled />
               </van-cell-group>
-              <div v-if="isNotifyInsured" @click="test('fileListNotifyInsured', '24', saleInsuredPersonInfo.insuredId, saleInsuredPersonInfo.idType)">
+              <div v-if="isNotifyInsured" @click="test('fileListNotifyInsured', '24', '1', saleInsuredPersonInfo.insuredId, saleInsuredPersonInfo.idType)">
                 <van-uploader
                   name="fileListNotifyInsured"
                   v-model="fileListNotifyInsured"
@@ -200,7 +200,7 @@
                   <van-cell-group>
                     <van-field required :label="item.id == '2' ? `${item01.name}+${item.text}户主页` : `${item01.name}+${item.text}正面`" disabled />
                   </van-cell-group>
-                  <div @click="test('fileListIdFrontBeneficiary', '1', item01.bnfId, item01.idType, item01.bnfId)">
+                  <div @click="test('fileListIdFrontBeneficiary', '1', '3', item01.bnfId, item01.idType, item01.bnfId)">
                     <van-uploader
                       :name="'fileListIdFrontBeneficiary'+index01"
                       v-model="bnfInfo[index01].fileListIdFrontBeneficiary"
@@ -214,7 +214,7 @@
                   <van-cell-group>
                     <van-field required :label="item.id == '2' ? `${item01.name}+${item.text}本人页` : `${item01.name}+${item.text}反面`" disabled />
                   </van-cell-group>
-                  <div @click="test('fileListIdBackBeneficiary', '2', item01.bnfId, item01.idType, item01.bnfId)">
+                  <div @click="test('fileListIdBackBeneficiary', '2', '3', item01.bnfId, item01.idType, item01.bnfId)">
                     <van-uploader
                       :name="'fileListIdBackBeneficiary'+index01"
                       v-model="bnfInfo[index01].fileListIdBackBeneficiary"
@@ -230,7 +230,7 @@
                   <van-cell-group>
                     <van-field required :label="`${item01.name}+${item.text}头像页`" disabled />
                   </van-cell-group>
-                  <div @click="test('fileLIstImgBeneficiary', '8', item01.bnfId, item01.idType, item01.bnfId)">
+                  <div @click="test('fileLIstImgBeneficiary', '8', '3', item01.bnfId, item01.idType, item01.bnfId)">
                     <van-uploader
                       :name="'fileLIstImgBeneficiary'+index01"
                       v-model="bnfInfo[index01].fileLIstImgBeneficiary"
@@ -265,6 +265,12 @@
         >下一步</van-button
       >
     </div>
+    <van-dialog v-model="thisdialogshow" title="提示" confirmButtonText="返回修改">
+      <div style="padding: 20px;font-size: 14px;">
+        <div style="margin-bottom: 10px;letter-spacing: 1px;color: #E9332E;">校验失败原因：</div>
+        <div v-for="(item,index) in thisdialogcontent" style="margin-bottom: 10px;letter-spacing: 1px;">{{index+1}}：{{item}}</div>
+      </div>
+    </van-dialog>
   </div>
 </template>
 
@@ -280,6 +286,8 @@ import utils from '../../../assets/js/business-common'
 export default {
   data() {
     return {
+      thisdialogshow: false,
+      thisdialogcontent: '',
       isNotify: false, //是否有异常的健康告知
       isNotifyInsured: false,
       // 订单号
@@ -352,7 +360,8 @@ export default {
       changeCard: localStorage.changeCard,
       salePageFlag: '9',
       imageType: '',
-      subBusinessNo: ''
+      subBusinessNo: '',
+      subBusinessType: '',
     }
   },
   async created() {
@@ -750,8 +759,9 @@ export default {
         }
       })
     },
-    test(name, type, subBusinessNo, id, bnfId) {
+    test(name, type, subBusinessType, subBusinessNo, id, bnfId) {
       this.imageType = type
+      this.subBusinessType = subBusinessType
       this.bnfId = bnfId
       this.id = id
       this.type = name
@@ -829,7 +839,7 @@ export default {
             businessType: '',
             imageInfoType: that.imageType,
             rgssUrl: encodeURI(res.path).replace(/\+/g, '%2B'),
-            subBusinessType: '0',
+            subBusinessType: that.subBusinessType,
             subBusinessNo: that.subBusinessNo,
             fileName: that.imgName,
           }
@@ -1015,13 +1025,18 @@ export default {
         }
       });
     },
-
     // 点击下一步
     next() {
       let that = this
       that.list.map((i) => {
         delete i.name
       })
+      let nowTime = new Date().getTime()
+      let localTime = window.localStorage.getItem('serrorTime')
+      if(nowTime - localTime < 20000){
+        this.$toast('您操作过于频繁，请20S后再试！')
+        return false
+      }
       let data = {
         orderDTO: {
           orderInfoDTO: {
@@ -1066,12 +1081,21 @@ export default {
             },
           })
         } else {
-          Dialog.confirm({
-            title: '提示',
-            message: res.resultMessage,
-            confirmButtonColor:'#FF0000',
-            showCancelButton:false
-          })
+          let thisTime = new Date().getTime()
+          window.localStorage.setItem('serrorTime',thisTime)
+          if (res.resultMessage.indexOf('Engine') != -1) {
+            this.thisdialogshow = true
+            // let thisdialogcontent = '【Engine】投保人电子邮箱已被其他投保人使用哦～请确认并重新录入，如有疑问请拨打4006946688进行咨询【Engine】被保人与投保人关系需为：本人、配偶、子女、父母，人工审核中，请您耐心等待哦~'
+            this.thisdialogcontent = res.resultMessage.split('【Engine】')
+            this.thisdialogcontent.splice(0, 1)
+          } else {
+            Dialog.confirm({
+              title: '提示',
+              message: res.resultMessage,
+              confirmButtonColor: '#FF0000',
+              showCancelButton: false
+            })
+          }
         }
       })
     },
@@ -1293,4 +1317,7 @@ export default {
 .redRadioCheckbox {
   overflow: hidden;
 }
+  /deep/ .van-field__label{
+    width: 50vw;
+  }
 </style>

src/views/ebiz/sale/InsuredInfo.vue

@@ -151,7 +151,7 @@
             <i class="red pr5">*</i>
             保单形式
           </label>
-          <van-radio name="0" class="ml30">电子</van-radio>
+          <van-radio name="0" class="ml30">电子(不打印保单)</van-radio>
           <van-radio name="2" class="ml20">电子+纸质</van-radio>
         </van-radio-group>
       </div>
@@ -171,6 +171,29 @@
         v-validate="'required'"
         @click="toSelect('3')"
       /> -->
+      <div class="p15 pl8 fs14" style="border-bottom: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;" v-if="manageComCode == '45'">
+        <van-radio-group v-model="userInfo.isNewPeopleFlag" class="flex">
+          <label>
+            <i class="red">*</i>
+            新市民身份
+          </label>
+          <van-radio name="1" class="ml30">是</van-radio>
+          <van-radio name="0" class="ml20">否</van-radio>
+        </van-radio-group>
+        <van-icon name="question-o" size="20" @click="isNewPeopleFlagTip"/>
+      </div>
+      <van-field
+        v-if="userInfo.isNewPeopleFlag == 1"
+        :value="userInfo.npType | idToText('npType')"
+        readonly
+        label="新市民类型"
+        name="新市民类型"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="toSelect('11')"
+      />
       <select-radio :radios="medicalRadio" v-validate="'required'" label="有无社保" name="有无社保" required :value.sync="userInfo.medical"></select-radio>
       <van-field
         :value="userInfo.taxResidentId | idToText('taxIdentity')"
@@ -377,6 +400,11 @@
     </van-popup> -->
     <!--身份证扫描 -->
     <van-popup v-model="isScan" position="bottom"><IdentityCardScan @getScanInfo="getIdentityInfo"></IdentityCardScan></van-popup>
+    <van-popup v-model:show="isNewPeopleFlagTipshow" closeable position="bottom" round  :style="{ height: '30%' }">
+      <div class="isNewPeopleFlagTipClass">
+        新市民是指因本人创业就业、子女上学、投靠子女等原因来到城镇常住，未获得当地户籍或获得当地户籍不满三年的各类群体，包括但不限于进城务工人员、新就业大中专毕业生等。
+      </div>
+    </van-popup>
   </div>
 </template>
 <script>
@@ -423,6 +451,7 @@ export default {
   },
   data() {
     return {
+      isNewPeopleFlagTipshow: false,
       renovate: '', 
       specilFlag: '', //特殊显示-为桂企产品专写 1-桂企 undefind-其他
       productCodes: [], //产品编码-用于“产品允许投保人单位列表获取”接口，作为请求参数
@@ -526,6 +555,8 @@ export default {
         // householdProvince: '', //户籍省
         // householdCity: '' //户籍市
         // addressStatus: '0' //是否是联系地址
+        isNewPeopleFlag: '', //新市民身份
+        npType: '', //新市民类型
       },
       areaList: areaList,
       areaLists: areaLists,
@@ -553,7 +584,7 @@ export default {
 
     // document.body.style.backgroundColor = '#F5F5F5'
     //如果是编辑/导航进来
-    this.isElecCont = '0'
+    // this.isElecCont = '0'
     if (this.$route.query.edit) {
       const orderNo = this.$route.query.orderNo
       getOrderDetail({ orderNo: orderNo }).then((res) => {
@@ -633,6 +664,9 @@ export default {
     this.areaLists = areaLists
   },
   methods: {
+    isNewPeopleFlagTip(){
+      this.isNewPeopleFlagTipshow = true
+    },
     workcompanys(list) {
       // 单位数据
       console.log(list)
@@ -711,7 +745,7 @@ export default {
     //弹框选择
     toSelect(pickerType, valueKey) {
       console.log(valueKey)
-      //pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源
+      //pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源 11、新市民类型
       ;[this.popupShow, this.pickerType] = [true, pickerType]
       if (valueKey) this.valueKey = valueKey
 
@@ -758,6 +792,9 @@ export default {
         case '10':
           this.columns = DataDictionary.marriage
           break
+        case '11':
+          this.columns = DataDictionary.npType
+          break
       }
 
       // if (pickerType == '1') {
@@ -839,6 +876,8 @@ export default {
         this.userInfo.workcompany = value
       } else if (this.pickerType === '10') {
         this.userInfo.marriageStatus = value.text
+      } else if (this.pickerType === '11') {
+        this.userInfo.npType = value.id
       }
     },
     //证件起始截止日期
@@ -860,7 +899,7 @@ export default {
               // 长期按钮是否禁用
               this.effectiveDateTypeAble = age <= 45
               if(this.userInfo.birthday){
-                this.userInfo.certiexpiredate = countCredentialValidity.getEndDate(age,val)
+                this.userInfo.certiexpiredate = countCredentialValidity.getEndDate(this.userInfo.birthday,val)
               }
             }
           }
@@ -876,9 +915,8 @@ export default {
             }
             //身份证证件类型的判断
             if (this.userInfo.idType == '1') {
-              let age = utilsAge.getAge(this.userInfo.birthday, new Date())
               if(this.userInfo.birthday){
-                this.userInfo.certificateValidate = countCredentialValidity.getStartDate(age,val)
+                this.userInfo.certificateValidate = countCredentialValidity.getStartDate(this.userInfo.birthday,val)
               }
             }
           }
@@ -902,10 +940,10 @@ export default {
               this.userInfo.workcompany = this.userInfo.workcompany || '无'
             }
             if (this.userInfo.certificateValidate && !this.userInfo.certiexpiredate) {
-              this.userInfo.certiexpiredate = countCredentialValidity.getEndDate(age,this.userInfo.certificateValidate)
+              this.userInfo.certiexpiredate = countCredentialValidity.getEndDate(this.userInfo.birthday,this.userInfo.certificateValidate)
             }
             if (this.userInfo.certiexpiredate && !this.userInfo.certificateValidate) {
-              this.userInfo.certificateValidate = countCredentialValidity.getEndDate(age,this.userInfo.certiexpiredate)
+              this.userInfo.certificateValidate = countCredentialValidity.getEndDate(this.userInfo.birthday,this.userInfo.certiexpiredate)
             }
           }
           break
@@ -964,11 +1002,13 @@ export default {
       this.userInfo.homeCity = data.homeCity //家庭市
       this.userInfo.homeArea = data.homeArea //家庭区
       this.userInfo.homeAddress = data.homeAddress //家庭详细地址
+      this.userInfo.isNewPeopleFlag = data.isNewPeopleFlag //新市民身份
+      this.userInfo.npType = data.npType //新市民类型
       // this.userInfo.homeZip = data.homeZip //家庭邮编
       // this.userInfo.homePhone = data.homePhone //家庭电话
       // this.userInfo.householdProvince = data.province //户籍省
       // this.userInfo.householdCity = data.city //户籍市
-      this.isElecCont = data.isElecCont || '0' //保单形式
+      this.isElecCont = data.isElecCont //保单形式
       // if (data.province.length) {
       //   this.census = getAreaName([{ code: data.province }, { code: data.city }]) //户籍
       // }
@@ -988,6 +1028,18 @@ export default {
     async nextStep() {
       //表单校验, 成功跳转
       let valid = await this.$validator.validate()
+      if(this.manageComCode == '45'){
+        if(this.userInfo.isNewPeopleFlag == '' || this.userInfo.isNewPeopleFlag == null || this.userInfo.isNewPeopleFlag == undefined ){
+          console.log(this.userInfo.isNewPeopleFlag)
+          debugger
+          this.$toast('新市民身份不能为空')
+          return false
+        }
+      }
+      if(this.isElecCont == '' || this.isElecCont == null || this.isElecCont == undefined){
+        this.$toast('请选择保单形式')
+        return false
+      }
       // .then(valid => {
       if (true === valid) {
         localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
@@ -1479,5 +1531,8 @@ export default {
   /deep/.van-radio {
     margin-left: auto;
   }
+  .isNewPeopleFlagTipClass{
+    margin-top: 45px;line-height: 24px;text-indent: 2em;letter-spacing: 1px;padding: 2px 10px;
+  }
 }
 </style>

src/views/ebiz/sale/SignatureConfirmation.vue

@@ -226,6 +226,12 @@
         }}</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>
   </div>
 </template>
 
@@ -253,6 +259,7 @@ export default {
   data() {
     let isWeixin = this.$utils.device().isWeixin //判断环境
     return {
+      thisnewpeopledialogshow: false,
       isInsuYearFlag: false, //是否为长期险
       isVideo: false, //是否已阅读视频
       isVideoNext: false,
@@ -1477,28 +1484,28 @@ export default {
             this.saleInsuredInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo'))
             this.relationToAppnt = this.saleInsuredPersonInfo.relationToAppnt //将缓存中的与被保险人关系赋值给页面
 
-              that.recmd = res.orderDTO.recmdDTO
-              that.orderInfo = res.orderDTO.orderInfoDTO
-              that.insured = res.orderDTO.insuredDTOs
-              // 初始化RID状态
-              this.realPeopleRidInfo.appntRidFlag = res.orderDTO.appntDTO.ridStatus
-              this.realPeopleRidInfo.insureRidFlag = res.orderDTO.insuredDTOs[0].ridStatus
-              //存code区分万能型产品
-              let productCode, riskName
-              let isDoubleMailRisk = that.orderInfo.isDoubleMailRisk
-              if (isDoubleMailRisk == '1') {
-                productCode = 'GFRS_M0017'
-                riskName = res.orderDTO.insuredDTOs[0].riskDTOLst[1].riskName
-              } else {
-                productCode = that.insured[0].riskDTOLst[0].mainRiskCode
-                riskName = res.orderDTO.insuredDTOs[0].riskDTOLst[0].riskName
-              }
-              if (that.orderInfo && that.orderInfo.activeType) {
-                that.$CacheUtils.setLocItem('activeType',that.orderInfo.activeType)
-              }
-              localStorage.setItem('productCode', productCode)
-              this.riskName = riskName
-              localStorage.setItem('riskName', riskName)
+            that.recmd = res.orderDTO.recmdDTO
+            that.orderInfo = res.orderDTO.orderInfoDTO
+            that.insured = res.orderDTO.insuredDTOs
+            // 初始化RID状态
+            this.realPeopleRidInfo.appntRidFlag = res.orderDTO.appntDTO.ridStatus
+            this.realPeopleRidInfo.insureRidFlag = res.orderDTO.insuredDTOs[0].ridStatus
+            //存code区分万能型产品
+            let productCode, riskName
+            let isDoubleMailRisk = that.orderInfo.isDoubleMailRisk
+            if (isDoubleMailRisk == '1') {
+              productCode = 'GFRS_M0017'
+              riskName = res.orderDTO.insuredDTOs[0].riskDTOLst[1].riskName
+            } else {
+              productCode = that.insured[0].riskDTOLst[0].mainRiskCode
+              riskName = res.orderDTO.insuredDTOs[0].riskDTOLst[0].riskName
+            }
+            if (that.orderInfo && that.orderInfo.activeType) {
+              that.$CacheUtils.setLocItem('activeType',that.orderInfo.activeType)
+            }
+            localStorage.setItem('productCode', productCode)
+            this.riskName = riskName
+            localStorage.setItem('riskName', riskName)
 
           if (this.relationToAppnt != '1') {
             this.activeNames.push(res.orderDTO.insuredDTOs.length + 1)
@@ -1569,6 +1576,9 @@ export default {
               }
             })
           }
+          if(res.orderDTO.orderInfoDTO.productCode == 'GFRS_M0076' || res.orderDTO.orderInfoDTO.productCode == 'GFRS_M0077') {
+            that.thisnewpeopledialogshow = true
+          }
           resolve('success')
         } else {
             Dialog.confirm({