新市民字段位置调整 新市民提示弹窗样式调整

src/components/ebiz/customer/formBlock.vue

@@ -62,6 +62,27 @@
       <van-field v-model="userInfo.email" label="电子邮箱" name="电子邮箱" v-validate="'email'" placeholder="请输入" clearable maxlength="50" />
       <van-field v-model="userInfo.stature" label="身高（cm）" name="身高" placeholder="请输入" clearable v-validate="'onlyNumber|stature'" maxlength="5" />
       <van-field v-model="userInfo.weight" label=" 体重（kg）" name="体重" placeholder="请输入" clearable v-validate="'onlyNumber|avoirdupois'" />
+      <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="pr5"></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 && manageComCode == '45'"
+        :value="userInfo.npType | idToText('npType')"
+        readonly
+        label="新市民类型"
+        name="新市民类型"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('11')"
+      />
       <van-field
         :value="userInfo.customerType | idToText('customerType')"
         readonly
@@ -85,27 +106,6 @@
     <!-- 工作信息 -->
     <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;" v-if="manageComCode == '45'">
-        <van-radio-group v-model="userInfo.isNewPeopleFlag" class="flex">
-          <label>
-            <i class="pr5"></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 && manageComCode == '45'"
-        :value="userInfo.npType | idToText('npType')"
-        readonly
-        label="新市民类型"
-        name="新市民类型"
-        right-icon="arrow"
-        placeholder="请选择"
-        @click="toSelect('11')"
-      />
       <van-field
         :value="userInfo.degree | idToText('degree')"
         readonly
@@ -217,11 +217,17 @@
     <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="isNewPeopleFlagTipshow" closeable position="bottom" round  :style="{ height: '30%' }">
-      <div class="isNewPeopleFlagTipClass">
-        新市民是指因本人创业就业、子女上学、投靠子女等原因来到城镇常住，未获得当地户籍或获得当地户籍不满三年的各类群体，包括但不限于进城务工人员、新就业大中专毕业生等。
+    <van-dialog v-model="isNewPeopleFlagTipshow" :showConfirmButton="false">
+      <div slot="title">
+        <p style="color: #E9332E;">新市民身份说明</p>
       </div>
-    </van-popup>
+      <div style="padding: 20px;font-size: 14px;">
+        <div style="letter-spacing: 1px;line-height: 25px;">新市民是指因本人创业就业、子女上学、投靠子女等原因来到城镇常住，未获得当地户籍或获得当地户籍不满三年的各类群体，包括但不限于进城务工人员、新就业大中专毕业生等。</div>
+      </div>
+      <div style="text-align: center;margin-bottom: 15px;">
+        <van-button round type="danger" size="small" style="padding:0px 35px;font-size: 14px;" @click="isNewPeopleFlagTipshow = false">我知道了</van-button>
+      </div>
+    </van-dialog>
   </div>
 </template>
 

src/views/ebiz/sale/InsuredInfo.vue

@@ -145,6 +145,29 @@
         clearable
         @blur="checkAvoirdupois(userInfo.avoirdupois)"
       />
+      <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')"
+      />
       <div class="p15 pl8 fs14">
         <van-radio-group v-model="isElecCont" class="flex">
           <label>
@@ -171,29 +194,6 @@
         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')"
@@ -400,11 +400,17 @@
     </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">
-        新市民是指因本人创业就业、子女上学、投靠子女等原因来到城镇常住，未获得当地户籍或获得当地户籍不满三年的各类群体，包括但不限于进城务工人员、新就业大中专毕业生等。
+    <van-dialog v-model="isNewPeopleFlagTipshow" :showConfirmButton="false">
+      <div slot="title">
+        <p style="color: #E9332E;">新市民身份说明</p>
       </div>
-    </van-popup>
+      <div style="padding: 20px;font-size: 14px;">
+        <div style="letter-spacing: 1px;line-height: 25px;">新市民是指因本人创业就业、子女上学、投靠子女等原因来到城镇常住，未获得当地户籍或获得当地户籍不满三年的各类群体，包括但不限于进城务工人员、新就业大中专毕业生等。</div>
+      </div>
+      <div style="text-align: center;margin-bottom: 15px;">
+        <van-button round type="danger" size="small" style="padding:0px 35px;font-size: 14px;" @click="isNewPeopleFlagTipshow = false">我知道了</van-button>
+      </div>
+    </van-dialog>
   </div>
 </template>
 <script>