投保流程 保单形式必填校验

src/views/ebiz/sale/InsuredInfo.vue

@@ -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,
@@ -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
       }
     },
     //证件起始截止日期
@@ -963,6 +1002,8 @@ 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 //户籍省
@@ -987,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
@@ -1478,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>