投保流程被保人页面增加新市民身份以及新市民类型和新市民信息提示相关内容

src/views/ebiz/sale/InsuredPerson.vue

@@ -206,6 +206,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;">
+        <van-radio-group v-model="userInfo.newCitizen" class="flex">
+          <label>
+            <i class="red">*</i>
+            新市民身份
+          </label>
+          <van-radio name="1" class="ml30">是</van-radio>
+          <van-radio name="2" class="ml20">否</van-radio>
+        </van-radio-group>
+        <van-icon name="question-o" size="20" @click="newCitizenTip"/>
+      </div>
+      <van-field
+        v-if="userInfo.newCitizen == 1"
+        :value="userInfo.newCitizenType | idToText('newCitizenType')"
+        readonly
+        label="新市民类型"
+        name="新市民类型"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="toSelect('11')"
+      />
       <select-radio
         :radios="medicalRadio"
         label="有无社保"
@@ -440,11 +463,16 @@
     <van-popup v-model="isMarriageStatusShow" position="bottom">
       <van-picker show-toolbar :columns="columns" @confirm="onMarriageConfirm" @cancel="isMarriageStatusShow = false" />
     </van-popup>
+    <van-popup v-model:show="newCitizenTipshow" closeable position="bottom" round  :style="{ height: '30%' }">
+      <div class="newCitizenTipClass">
+        新市民是指因本人创业就业、子女上学、投靠子女等原因来到城镇常住，未获得当地户籍或获得当地户籍不满三年的各类群体，包括但不限于进城务工人员、新就业大中专毕业生等。
+      </div>
+    </van-popup>
   </div>
 </template>
 
 <script>
-import { Field, CellGroup, Checkbox, Popup, Picker, Area, Dialog } from 'vant'
+  import {Field, CellGroup, Checkbox, Popup, Picker, Area, Dialog, RadioGroup, Radio} from 'vant'
 import SelectRadio from '@/components/ebiz/SelectRadio'
 import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
 import OccupationPicker from '@/components/ebiz/occipation/OccupationPicker'
@@ -480,10 +508,13 @@ export default {
     [IdentityCardScan.name]: IdentityCardScan,
     [IndexBar.name]: IndexBar,
     [Dialog.name]: Dialog,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
     SearchField,
   },
   data() {
     return {
+      newCitizenTipshow: false,
       isMarriageStatusShow: false,
       withRootUser: {
         load: false, //防止重复请求
@@ -593,6 +624,8 @@ export default {
         // householdProvince: '', //户籍省
         // householdCity: '' //户籍市
         // addressStatus: '' //是否是联系地址
+        newCitizen: '', //新市民身份
+        newCitizenType: '', //新市民类型
       },
       areaList: areaList,
       areaLists: areaLists,
@@ -783,6 +816,9 @@ export default {
     this.areaLists = areaLists
   },
   methods: {
+    newCitizenTip(){
+      this.newCitizenTipshow = true
+    },
     workcompanys(list) {
       // 单位数据
       console.log(list)
@@ -853,7 +889,7 @@ export default {
       if (this.isAppnt && pickerType != '7') {
         return
       }
-      //pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、被保险人关系
+      //pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源 11、新市民类型
       ;[this.popupShow, this.pickerType] = [true, pickerType]
       if (valueKey) this.valueKey = valueKey
       if (pickerType == '1') {
@@ -882,6 +918,8 @@ export default {
         this.columns = DataDictionary.workCondition
       } else if (pickerType == '9') {
         this.columns = DataDictionary.salarySource
+      } else if (pickerType == '11') {
+        this.columns = DataDictionary.newCitizenType
       }
     },
     //确认选择字段
@@ -1042,6 +1080,8 @@ export default {
         this.userInfo.salarySource = value.id
       } else if (this.pickerType === '10') {
         this.userInfo
+      } else if (this.pickerType === '11') {
+        this.userInfo.newCitizenType = value.id
       }
     },
     //证件起始截止日期
@@ -1340,6 +1380,10 @@ export default {
     //下一步
     async nextStep() {
       let valid = await this.$validator.validate()
+      if(!this.userInfo.newCitizen){
+        this.$toast('新市民身份不能为空')
+        return false
+      }
       // .then(valid => {
       if (true === valid) {
         // 职业 学龄前儿童 2099908， 离休人员 8000003，家庭主妇 4071203，无业人员 8000001，
@@ -2100,5 +2144,8 @@ export default {
     display: flex;
     flex-direction: row-reverse;
   }
+  .newCitizenTipClass{
+    margin-top: 45px;line-height: 24px;text-indent: 2em;letter-spacing: 1px;padding: 2px 10px;
+  }
 }
 </style>