客户管理的新增客户以及编辑客户页面增加新市民身份以及新市民类型和新市民信息提示相关内容

src/components/ebiz/customer/formBlock.vue

@@ -85,6 +85,27 @@
     <!-- 工作信息 -->
     <van-cell-group>
       <p class="title pl10 pv12 mt10">工作信息</p>
+      <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="pr5"></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="新市民类型"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('11')"
+      />
       <van-field
         :value="userInfo.degree | idToText('degree')"
         readonly
@@ -196,11 +217,16 @@
     <van-popup v-model="censusShow" position="bottom">
       <van-area :area-list="areaList" value="110101" :columns-num="2" @confirm="sureArea($event, '3')" @cancel="areaShow = 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, Cell, Popup, Picker, Checkbox, Area } from 'vant'
+  import {Field, CellGroup, Cell, Popup, Picker, Checkbox, Area, RadioGroup, Radio} from 'vant'
 import SelectRadio from '@/components/ebiz/SelectRadio'
 import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
 import DataDictionary from '@/assets/js/utils/data-dictionary'
@@ -226,11 +252,14 @@ export default {
     [FieldDatePicter.name]: FieldDatePicter,
     [OccupationPicker.name]: OccupationPicker,
     [SelectRadio.name]: SelectRadio,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
     [Area.name]: Area
   },
   props: ['userInfo'],
   data() {
     return {
+      newCitizenTipshow: false,
       popupShow: false,
       areaShow: false, //省级联动
       homeShow: false,
@@ -252,6 +281,8 @@ export default {
       customerType: '',
       customerSource: '',
       age: '',
+      newCitizen: '', //新市民身份
+      newCitizenType: '', //新市民类型
       effectiveDateTypeAble: false, //长期按钮是否禁用
       occupationShowPicker: false,
       sexRadio: [
@@ -322,6 +353,9 @@ export default {
     this.areaLists = areaLists
   },
   methods: {
+    newCitizenTip(){
+      this.newCitizenTipshow = true
+    },
     selectClick() {
       let title = ''
       ;[this.occupationShowPicker, title] = [true, '职业类别']
@@ -566,6 +600,8 @@ export default {
         this.columns = DataDictionary.customerSource
       } else if (pickerType == '9') {
         this.columns = DataDictionary.workCondition
+      } else if (pickerType == '11') {
+        this.columns = DataDictionary.newCitizenType
       }
     },
     //确认选择字段
@@ -602,6 +638,8 @@ export default {
         ;[this.userInfo.customerSource, this.customerSource] = [value.id, value.text]
       } else if (this.pickerType == '9') {
         ;[this.userInfo.workCondition, this.workCondition] = [value.id, value.text]
+      } else if (this.pickerType == '11') {
+        ;[this.userInfo.newCitizenType, this.newCitizenType] = [value.id, value.text]
       }
     },
     //区域选择
@@ -739,4 +777,7 @@ export default {
 .van-checkbox {
   margin-left: auto;
 }
+.newCitizenTipClass{
+  margin-top: 45px;line-height: 24px;text-indent: 2em;letter-spacing: 1px;padding: 2px 10px;
+}
 </style>