BUG 29463

src/apps/AppMonitoringObject/MonitorAddFamilyMember.vue

@@ -106,7 +106,8 @@
             </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">
+              <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>
@@ -287,8 +288,10 @@
               <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='01'">是<img
-            <div class="check-item" :class="form.mandarin != '01' ? 'check-active' : '' " @click="form.mandarin='02'">否<img src="./components/img/check-icon.png" alt=""></div>
+                  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>
@@ -362,8 +365,10 @@
               <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='01'">是<img
-            <div class="check-item" :class="form.foreignWorkers != '01' ? 'check-active' : '' " @click="form.foreignWorkers='02'">否<img src="./components/img/check-icon.png" alt=""></div>
+                  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>
@@ -386,6 +391,7 @@
 
 <script>
 import {mapState} from 'vuex'
+
 export default {
   data() {
     return {
@@ -473,13 +479,14 @@ 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
+      } else {
+        this.form.currentAreaId = this.user.areaId
       }
     })
     this.$dict.getDict('fpHealth').map((item) => {
@@ -720,18 +727,22 @@ export default {
       .form-item__wrappers {
         padding-right: 30px;
         box-sizing: border-box;
+
         .top {
           font-size: 32px;
           padding: 32px 0;
         }
+
         .bottoms {
           padding-bottom: 20px;
+
           .cards {
             padding: 20px;
             box-sizing: border-box;
             border: 1px solid #CCCCCC;
             border-radius: 16px;
             margin-bottom: 16px;
+
             .changeActive {
               color: #1174FE;
               border: 1px solid #1174FE;
@@ -750,6 +761,7 @@ export default {
           font-size: 30px;
           color: #999999;
         }
+
         .check-item {
           display: inline-block;
           width: 140px;
@@ -763,16 +775,20 @@ export default {
           font-weight: 500;
           color: #333;
           position: relative;
+
           img {
             display: none;
           }
         }
+
         .check-item:nth-of-type(1) {
           margin-right: 36px;
         }
+
         .check-active {
           background: #E7F1FE;
           color: #1174FE;
+
           img {
             display: block;
             position: absolute;
@@ -867,11 +883,13 @@ 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;
   }