From b81b324b6c86fc3c65bc13ea3ccddef121db815d Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Fri, 29 Apr 2022 18:38:41 +0800
Subject: [PATCH] BUG 29463

---
 .../MonitorAddFamilyMember.vue                | 822 +++++++++---------
 1 file changed, 420 insertions(+), 402 deletions(-)

diff --git a/src/apps/AppMonitoringObject/MonitorAddFamilyMember.vue b/src/apps/AppMonitoringObject/MonitorAddFamilyMember.vue
index 7e03edea..21347995 100644
--- a/src/apps/AppMonitoringObject/MonitorAddFamilyMember.vue
+++ b/src/apps/AppMonitoringObject/MonitorAddFamilyMember.vue
@@ -1,391 +1,397 @@
 <template>
-<div class="add">
-  <div class="form">
-    <div class="form-group">
-      <!-- <div class="form-item" v-if="!id">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i>*</i>
-            <span>监测对象类型</span>
+  <div class="add">
+    <div class="form">
+      <div class="form-group">
+        <!-- <div class="form-item" v-if="!id">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i>*</i>
+              <span>监测对象类型</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpType" v-model="form.objectType"></AiSelect>
+            </div>
           </div>
-          <div class="right">
-            <AiSelect dict="fpType" v-model="form.objectType"></AiSelect>
+        </div> -->
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="width: 8px;">*</i>
+              <span>与户主关系</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpRelationship" v-model="form.householdRelation"></AiSelect>
+            </div>
           </div>
         </div>
-      </div> -->
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="width: 8px;">*</i>
-            <span>与户主关系</span>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="width: 8px;"></i>
+              <span>选择人员</span>
+            </div>
+            <div class="right">
+              <AiPagePicker class="select" :selected.sync="userList" single>
+                <AiMore v-model="form.name"/>
+              </AiPagePicker>
+            </div>
           </div>
-          <div class="right">
-            <AiSelect dict="fpRelationship" v-model="form.householdRelation"></AiSelect>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i>*</i>
+              <span>成员姓名</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" type="text" v-model="form.name" :maxlength="8"
+                     placeholder-style="color: #999; font-size: 30rpx;"/>
+            </div>
+          </div>
+        </div>
+        <!-- <div class="form-item" v-if="!id">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i>*</i>
+              <span>户主姓名</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" type="text" v-model="form.name" :maxlength="8"
+                    placeholder-style="color: #999; font-size: 30rpx;" :disabled="isEdit" />
+            </div>
+          </div>
+        </div> -->
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i>*</i>
+              <span>证件号码</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" type="idcard" v-model="form.idNumber" :maxlength="20"
+                     placeholder-style="color: #999; font-size: 30rpx;" @input="changeIdNumber" :disabled="userList.length? true : false"/>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i>*</i>
+              <span>性别</span>
+            </div>
+            <div class="right">
+              <span :style="form.sex === '' ? 'color:#999;' : 'color:#333;' ">{{ $dict.getLabel('sex', form.sex) || '自动识别' }}</span>
+            </div>
           </div>
         </div>
       </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="width: 8px;"></i>
-            <span>选择人员</span>
-          </div>
-          <div class="right">
-            <AiPagePicker class="select" :selected.sync="userList" single>
-              <AiMore v-model="form.name"/>
-            </AiPagePicker>
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i>*</i>
+              <span>联系方式</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" type="number" v-model="form.phone" :maxlength="11"
+                     placeholder-style="color: #999; font-size: 30rpx;"/>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i>*</i>
-            <span>成员姓名</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" type="text" v-model="form.name" :maxlength="8"
-                  placeholder-style="color: #999; font-size: 30rpx;"/>
-          </div>
-        </div>
-      </div>
-      <!-- <div class="form-item" v-if="!id">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i>*</i>
-            <span>户主姓名</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" type="text" v-model="form.name" :maxlength="8"
-                  placeholder-style="color: #999; font-size: 30rpx;" :disabled="isEdit" />
-          </div>
-        </div>
-      </div> -->
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i>*</i>
-            <span>证件号码</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" type="idcard" v-model="form.idNumber" :maxlength="20"
-                  placeholder-style="color: #999; font-size: 30rpx;" @input="changeIdNumber" :disabled ="userList.length? true : false" />
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i>*</i>
-            <span>性别</span>
-          </div>
-          <div class="right">
-            <span :style="form.sex === '' ? 'color:#999;' : 'color:#333;' ">{{$dict.getLabel('sex', form.sex) || '自动识别'}}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i>*</i>
-            <span>联系方式</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" type="number" v-model="form.phone" :maxlength="11"
-                  placeholder-style="color: #999; font-size: 30rpx;"/>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i>*</i>
-            <span>现住址</span>
-          </div>
-          <div class="right">
-            <!-- :areaId="user.areaId"   v-model="form.currentAreaId"-->
-            <AiAreaPicker ref="address" class="aiArea" :fullName.sync="form.currentAreaName" v-model="form.currentAreaId" :root="user.areaId" @select="onAreaChange">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i>*</i>
+              <span>现住址</span>
+            </div>
+            <div class="right">
+              <!-- :areaId="user.areaId"   v-model="form.currentAreaId"-->
+              <AiAreaPicker ref="address" class="aiArea" :fullName.sync="form.currentAreaName" v-model="form.currentAreaId" :root="user.areaId"
+                            @select="onAreaChange">
                 <div class="aiArea">
                   <span class="label" style="color: #333;" v-if="form.currentAreaName">{{ form.currentAreaName }}</span>
                   <i v-else>请选择</i>
                   <u-icon name="arrow-right" color="#ddd"/>
                 </div>
-            </AiAreaPicker>
+              </AiAreaPicker>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>详细地址</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" v-model="form.currentAddress" placeholder-style="color: #999; font-size: 30rpx;"/>
+            </div>
           </div>
         </div>
       </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>详细地址</span>
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>民族</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpNation" v-model="form.nation"></AiSelect>
+            </div>
           </div>
-          <div class="right">
-            <input placeholder="请输入" v-model="form.currentAddress" placeholder-style="color: #999; font-size: 30rpx;"/>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>政治面貌</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpPoliticalOutlook" v-model="form.politicsStatus"></AiSelect>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="width: 8px;"></i>
+              <span>文化程度</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpEducation" v-model="form.education"></AiSelect>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>民族</span>
-          </div>
-          <div class="right">
-            <AiSelect dict="fpNation" v-model="form.nation"></AiSelect>
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrapper border-b0">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>个人照片</span>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>政治面貌</span>
-          </div>
-          <div class="right">
-            <AiSelect dict="fpPoliticalOutlook" v-model="form.politicsStatus"></AiSelect>
-          </div>
+        <div class="upload">
+          <AiUploader :def.sync="photo" multiple placeholder="上传图片" :limit="1" action="/admin/file/add2" :disabled="id != ''"></AiUploader>
         </div>
       </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="width: 8px;"></i>
-            <span>文化程度</span>
-          </div>
-          <div class="right">
-            <AiSelect dict="fpEducation" v-model="form.education"></AiSelect>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrapper border-b0">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>个人照片</span>
-          </div>
-        </div>
-      </div>
-      <div class="upload">
-        <AiUploader :def.sync="photo" multiple placeholder="上传图片" :limit="1" action="/admin/file/add2" :disabled="id != ''"></AiUploader>
-      </div>
-    </div>
 
-    <div class="form-group" >
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="width: 8px;"></i>
-            <span>在校生状况</span>
-          </div>
-          <div class="right">
-            <AiSelect dict="fpStudentsInSchool" v-model="form.schoolStatus"></AiSelect>
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="width: 8px;"></i>
+              <span>在校生状况</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpStudentsInSchool" v-model="form.schoolStatus"></AiSelect>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    <!-- 个人健康状况 -->
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrappers">
-          <div class="top">
-            <i style="opacity: 0;">*</i>
-            <span>个人健康状况(可多选)</span>
+      <!-- 个人健康状况 -->
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrappers">
+            <div class="top">
+              <i style="opacity: 0;">*</i>
+              <span>个人健康状况(可多选)</span>
+            </div>
+            <div class="bottoms">
+              <div class="cards" v-for="(e, index) in helthList" :key="index">
+                <div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="userClick(e, index)">{{ e.dictName }}</div>
+              </div>
+            </div>
           </div>
-          <div class="bottoms">
-            <div class="cards" v-for="(e, index) in helthList" :key="index">
-              <div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="userClick(e, index)"  >{{ e.dictName }}</div>
+        </div>
+      </div>
+
+      <!-- 残疾类别 -->
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="width: 8px;"></i>
+              <span>残疾类别</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpDisabilityType" v-model="form.disabilityType"></AiSelect>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>残疾证办理年度</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpYear" v-model="form.disabilityCertificateYear"></AiSelect>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 基础保险 -->
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrappers">
+            <div class="top">
+              <i style="opacity: 0;">*</i>
+              <span>基础保险(可多选)</span>
+            </div>
+            <div class="bottoms">
+              <div class="cards" v-for="(e, index) in basicsCheckList" :key="index">
+                <div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="basicsCheck(e, index)">{{ e.dictName }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 保障措施 -->
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrappers">
+            <div class="top">
+              <i style="opacity: 0;">*</i>
+              <span>保障措施(可多选)</span>
+            </div>
+            <div class="bottoms">
+              <div class="cards" v-for="(e, index) in guaranteeCheckList" :key="index">
+                <div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="guaranteeCheck(e, index)">{{ e.dictName }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 劳动技能 -->
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>劳动技能</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>是否会讲普通话</span>
+            </div>
+            <div class="right">
+              <div class="check-item" :class="form.mandarin == '01' ? 'check-active' : '' " @click="form.mandarin='01'">是<img
+                  src="./components/img/check-icon.png" alt=""></div>
+              <div class="check-item" :class="form.mandarin != '01' ? 'check-active' : '' " @click="form.mandarin='02'">否<img
+                  src="./components/img/check-icon.png" alt=""></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 就业渠道 -->
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>就业渠道</span>
+            </div>
+            <div class="right">
+              <AiSelect dict="fpEmploymentChannels" v-model="form.employmentChannels"></AiSelect>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>务工企业名称</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" type="text" v-model="form.migrantEnterprises" placeholder-style="color: #999; font-size: 30rpx;"/>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>务工时间/月</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" v-model="form.workeMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="9"/>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>公益性岗位</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" v-model="form.publicWelfarePosts" type="text" placeholder-style="color: #999; font-size: 30rpx;" maxlength="20"/>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>公益性岗位（月数）</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" v-model="form.publicWelfarePostsMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="9"/>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 是否国外务工 -->
+      <div class="form-group">
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>是否国外务工</span>
+            </div>
+            <div class="right">
+              <div class="check-item" :class="form.foreignWorkers == '01' ? 'check-active' : '' " @click="form.foreignWorkers='01'">是<img
+                  src="./components/img/check-icon.png" alt=""></div>
+              <div class="check-item" :class="form.foreignWorkers != '01' ? 'check-active' : '' " @click="form.foreignWorkers='02'">否<img
+                  src="./components/img/check-icon.png" alt=""></div>
+            </div>
+          </div>
+        </div>
+        <div class="form-item">
+          <div class="form-item__wrapper">
+            <div class="left">
+              <i style="opacity: 0;">*</i>
+              <span>务工所在地</span>
+            </div>
+            <div class="right">
+              <input placeholder="请输入" type="text" v-model="form.foreignWorkersAddress" placeholder-style="color: #999; font-size: 30rpx;"/>
             </div>
           </div>
         </div>
       </div>
     </div>
-
-    <!-- 残疾类别 -->
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="width: 8px;"></i>
-            <span>残疾类别</span>
-          </div>
-          <div class="right">
-            <AiSelect dict="fpDisabilityType" v-model="form.disabilityType"></AiSelect>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>残疾证办理年度</span>
-          </div>
-          <div class="right">
-            <AiSelect dict="fpYear" v-model="form.disabilityCertificateYear"></AiSelect>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 基础保险 -->
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrappers">
-          <div class="top">
-            <i style="opacity: 0;">*</i>
-            <span>基础保险(可多选)</span>
-          </div>
-          <div class="bottoms">
-            <div class="cards" v-for="(e, index) in basicsCheckList" :key="index">
-              <div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="basicsCheck(e, index)"  >{{ e.dictName }}</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 保障措施 -->
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrappers">
-          <div class="top">
-            <i style="opacity: 0;">*</i>
-            <span>保障措施(可多选)</span>
-          </div>
-          <div class="bottoms">
-            <div class="cards" v-for="(e, index) in guaranteeCheckList" :key="index">
-              <div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="guaranteeCheck(e, index)"  >{{ e.dictName }}</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 劳动技能 -->
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>劳动技能</span>
-          </div>
-          <div class="right">
-            <AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>是否会讲普通话</span>
-          </div>
-          <div class="right">
-            <div class="check-item" :class="form.mandarin == '01' ? 'check-active' : '' " @click="form.mandarin='01'">是<img src="./components/img/check-icon.png" alt=""></div>
-            <div class="check-item" :class="form.mandarin != '01' ? 'check-active' : '' " @click="form.mandarin='02'">否<img src="./components/img/check-icon.png" alt=""></div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 就业渠道 -->
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>就业渠道</span>
-          </div>
-          <div class="right">
-            <AiSelect dict="fpEmploymentChannels" v-model="form.employmentChannels"></AiSelect>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>务工企业名称</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" type="text" v-model="form.migrantEnterprises" placeholder-style="color: #999; font-size: 30rpx;"/>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>务工时间/月</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" v-model="form.workeMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="9"/>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>公益性岗位</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" v-model="form.publicWelfarePosts" type="text" placeholder-style="color: #999; font-size: 30rpx;" maxlength="20"/>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>公益性岗位（月数）</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" v-model="form.publicWelfarePostsMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="9"/>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 是否国外务工 -->
-    <div class="form-group">
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>是否国外务工</span>
-          </div>
-          <div class="right">
-            <div class="check-item" :class="form.foreignWorkers == '01' ? 'check-active' : '' " @click="form.foreignWorkers='01'">是<img src="./components/img/check-icon.png" alt=""></div>
-            <div class="check-item" :class="form.foreignWorkers != '01' ? 'check-active' : '' " @click="form.foreignWorkers='02'">否<img src="./components/img/check-icon.png" alt=""></div>
-          </div>
-        </div>
-      </div>
-      <div class="form-item">
-        <div class="form-item__wrapper">
-          <div class="left">
-            <i style="opacity: 0;">*</i>
-            <span>务工所在地</span>
-          </div>
-          <div class="right">
-            <input placeholder="请输入" type="text" v-model="form.foreignWorkersAddress" placeholder-style="color: #999; font-size: 30rpx;"/>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
     <div class="btn" hover-class="text" @click="submit">保存</div>
   </div>
 </template>
 
 <script>
 import {mapState} from 'vuex'
+
 export default {
   data() {
     return {
@@ -443,15 +449,15 @@ export default {
       photo: [],
       flag: false,
       helthList: [],
-      namelist:[],
+      namelist: [],
       basicsCheckList: [
         {dictName: '城乡居民基本医疗保险', checked: false},
-        {dictName: '城镇职工基本医疗保险',checked: false},
-        {dictName: '大病保险',checked: false},
-        {dictName: '商业补充医疗保险',checked: false},
-        {dictName: '城乡居民基本养老保险',checked: false},
-        {dictName: '城镇职工基本养老保险',checked: false},
-        {dictName: '享受人身意外保险补贴',checked: false},
+        {dictName: '城镇职工基本医疗保险', checked: false},
+        {dictName: '大病保险', checked: false},
+        {dictName: '商业补充医疗保险', checked: false},
+        {dictName: '城乡居民基本养老保险', checked: false},
+        {dictName: '城镇职工基本养老保险', checked: false},
+        {dictName: '享受人身意外保险补贴', checked: false},
       ],
       basicsList: [],
       guaranteeCheckList: [
@@ -473,22 +479,23 @@ export default {
   onLoad(query) {
     this.householdIdNumber = query.houseIdNumber
     this.objectType = query.objectType
-    this.form.currentAreaId = this.user.areaId
-    this.$dict.load(['fpRelationship','riskEliminationMethod', 'fpRiskType', 'fpYesOrNo', 'fpNation', 'fpEducation', 'fpStudentsInSchool', 'fpHealth',
-    'fpLaborSkills', 'fpPoliticalOutlook', 'sex', 'fpHealth']).then(() => {
-        if(query.id) {
-          this.id = query.id
-          this.getInfo(query.id)
-          this.isEdit = true
-        }
+    this.$dict.load(['fpRelationship', 'riskEliminationMethod', 'fpRiskType', 'fpYesOrNo', 'fpNation', 'fpEducation', 'fpStudentsInSchool', 'fpHealth',
+      'fpLaborSkills', 'fpPoliticalOutlook', 'sex', 'fpHealth']).then(() => {
+      if (query.id) {
+        this.id = query.id
+        this.getInfo(query.id)
+        this.isEdit = true
+      } else {
+        this.form.currentAreaId = this.user.areaId
+      }
     })
-    this.$dict.getDict('fpHealth').map((item) =>{
-        this.helthList.push({
-          dictName: item.dictName,
-          dictValue: item.dictValue,
-          checked: false,
-        })
+    this.$dict.getDict('fpHealth').map((item) => {
+      this.helthList.push({
+        dictName: item.dictName,
+        dictValue: item.dictValue,
+        checked: false,
       })
+    })
     if (query.index > -1) {
       this.isEdit = true
       this.index = Number(query.index)
@@ -512,17 +519,17 @@ export default {
     userClick(row, i) {
       if (!this.helthList[i].checked) {
         this.helthList[i].checked = true // 确定
-        this.namelist.push({ dictValue: row.dictValue, dictName: row.dictName }) // 赋值
+        this.namelist.push({dictValue: row.dictValue, dictName: row.dictName}) // 赋值
       } else {
         this.helthList[i].checked = false // 取消
         this.namelist.map((item, index) => {
-       if (item.dictValue == row.dictValue) {
+          if (item.dictValue == row.dictValue) {
             this.namelist.splice(index, 1)
           }
         })
 
       }
-      this.form.healthyStatus = this.namelist.map(v=>v.dictValue).join(',')
+      this.form.healthyStatus = this.namelist.map(v => v.dictValue).join(',')
     },
 
     // 医疗保险
@@ -536,10 +543,10 @@ export default {
     getInfo(id) {
       this.$http.post(`/app/apppreventionreturntopoverty/queryDetailById?id=${id}`).then(res => {
         if (res.code === 0) {
-          this.form = { ...res.data }
-          if(this.form.photo) {
+          this.form = {...res.data}
+          if (this.form.photo) {
             this.form.files = [{url: this.form.photo}]
-          }else {
+          } else {
             this.form.files = []
           }
         }
@@ -557,9 +564,9 @@ export default {
     },
 
     checkInit(formName, list, index) {
-      if(list[index].checked) {
+      if (list[index].checked) {
         this.form[formName] = '01'
-      }else {
+      } else {
         this.form[formName] = '02'
       }
     },
@@ -577,14 +584,14 @@ export default {
       if (this.form.phone.length == 11 && !regTel.test(this.form.phone)) {
         return this.$u.toast('请输入正确的手机号')
       }
-      if(!/[^0]0{0,2}$/.test(this.form.currentAreaId)) {
+      if (!/[^0]0{0,2}$/.test(this.form.currentAreaId)) {
         return this.$u.toast('现住址必须选到村级')
       }
 
-      if(this.form.files.length) {
+      if (this.form.files.length) {
         this.form.photo = this.form.files[0].url
       }
-      if(this.photo.length) {
+      if (this.photo.length) {
         this.form.photo = this.photo[0].accessUrl
       }
 
@@ -600,7 +607,7 @@ export default {
       // }
 
       this.basicsCheckList.map((item, index) => {
-      if (item.checked) {
+        if (item.checked) {
           this.basicsList.push(index)
         }
       })
@@ -608,31 +615,31 @@ export default {
       this.form.basicsCheck = this.basicsList.join(',')
 
       this.guaranteeCheckList.map((item, index) => {
-      if (item.checked) {
+        if (item.checked) {
           this.guaranteeList.push(index)
         }
       })
 
       this.form.guaranteeCheck = this.guaranteeList.join(',')
 
-      this.checkInit('jcbxCxyiliao',this.basicsCheckList, 0)
-      this.checkInit('jcbxCzyiliao',this.basicsCheckList, 1)
-      this.checkInit('jcbxDabing',this.basicsCheckList, 2)
-      this.checkInit('jcbxShangye',this.basicsCheckList, 3)
-      this.checkInit('jcbxCxyanglao',this.basicsCheckList, 4)
-      this.checkInit('jcbxCzyanglao',this.basicsCheckList, 5)
-      this.checkInit('jcbxRenshenyiwai',this.basicsCheckList, 6)
+      this.checkInit('jcbxCxyiliao', this.basicsCheckList, 0)
+      this.checkInit('jcbxCzyiliao', this.basicsCheckList, 1)
+      this.checkInit('jcbxDabing', this.basicsCheckList, 2)
+      this.checkInit('jcbxShangye', this.basicsCheckList, 3)
+      this.checkInit('jcbxCxyanglao', this.basicsCheckList, 4)
+      this.checkInit('jcbxCzyanglao', this.basicsCheckList, 5)
+      this.checkInit('jcbxRenshenyiwai', this.basicsCheckList, 6)
 
-      this.checkInit('bzcsNongcundibao',this.guaranteeCheckList, 0)
-      this.checkInit('bzcsTekungongyang',this.guaranteeCheckList, 1)
-      this.checkInit('bzcsWubaohu',this.guaranteeCheckList, 2)
-      this.checkInit('bzcsYiliaojiuzhu',this.guaranteeCheckList, 3)
-      this.checkInit('bzcsQita',this.guaranteeCheckList, 4)
+      this.checkInit('bzcsNongcundibao', this.guaranteeCheckList, 0)
+      this.checkInit('bzcsTekungongyang', this.guaranteeCheckList, 1)
+      this.checkInit('bzcsWubaohu', this.guaranteeCheckList, 2)
+      this.checkInit('bzcsYiliaojiuzhu', this.guaranteeCheckList, 3)
+      this.checkInit('bzcsQita', this.guaranteeCheckList, 4)
 
       this.$http.post('/app/apppreventionreturntopoverty/addByEwechat', {
         ...this.form,
         id: this.id || '',
-        girdId: this.user.girdCheckType == 1? this.user.girdId:'',
+        girdId: this.user.girdCheckType == 1 ? this.user.girdId : '',
         householdIdNumber: this.householdIdNumber
       }).then(res => {
         if (res.code == 0) {
@@ -718,21 +725,25 @@ export default {
       }
 
       .form-item__wrappers {
-        padding-right:30px;
+        padding-right: 30px;
         box-sizing: border-box;
+
         .top {
           font-size: 32px;
           padding: 32px 0;
         }
-        .bottoms{
+
+        .bottoms {
           padding-bottom: 20px;
+
           .cards {
             padding: 20px;
             box-sizing: border-box;
             border: 1px solid #CCCCCC;
             border-radius: 16px;
             margin-bottom: 16px;
-              .changeActive {
+
+            .changeActive {
               color: #1174FE;
               border: 1px solid #1174FE;
             }
@@ -750,7 +761,8 @@ export default {
           font-size: 30px;
           color: #999999;
         }
-        .check-item{
+
+        .check-item {
           display: inline-block;
           width: 140px;
           height: 64px;
@@ -763,17 +775,21 @@ export default {
           font-weight: 500;
           color: #333;
           position: relative;
-          img{
+
+          img {
             display: none;
           }
         }
+
         .check-item:nth-of-type(1) {
           margin-right: 36px;
         }
-        .check-active{
+
+        .check-active {
           background: #E7F1FE;
           color: #1174FE;
-          img{
+
+          img {
             display: block;
             position: absolute;
             bottom: 0;
@@ -867,13 +883,15 @@ export default {
     font-size: 32px;
     background: #3192F4;
   }
+
   .upload {
     width: 100%;
     padding: 10px 32px 32px 32px;
     box-sizing: border-box;
   }
-  .border-b0{
-    border-bottom: 0!important;
+
+  .border-b0 {
+    border-bottom: 0 !important;
   }
 
   ::v-deep .familyMember .item {