BUG 29320

src/apps/AppMonitoringObject/Add.vue

@@ -124,12 +124,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 :fullName.sync="form.currentAreaName" v-model="form.currentAreaId" :root="user.areaId">
-                  <div class="aiArea">
+                <AiMore v-model="form.currentAreaName"/>
-                    <span class="label" v-if="form.currentAreaName">{{ form.currentAreaName }}</span>
-                    <i v-else>请选择</i>
-                    <u-icon name="arrow-right" color="#ddd"/>
-                  </div>
               </AiAreaPicker>
             </div>
           </div>
@@ -306,8 +302,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>
@@ -381,8 +379,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>
@@ -433,7 +433,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import listVue from '../AppBuilding/list.vue';
+
 export default {
   data() {
     return {
@@ -635,8 +635,6 @@ export default {
       }
 
 
-
-
       // const rules = this.rules()
 
       // for (let v of Object.keys(rules)) {
@@ -725,10 +723,6 @@ export default {
       })
     },
 
-    onAreaChange(e) {
-      this.form.currentAreaId = e
-    },
-
     onChange(e) {
       this.form.placeAreaId = e
     },
@@ -807,6 +801,7 @@ export default {
 
   .steps {
     height: 176px;
+
     ::v-deep .u-steps {
       box-sizing: border-box;
       padding-top: 40px;
@@ -863,18 +858,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;
@@ -893,6 +892,7 @@ export default {
           font-size: 30px;
           color: #999999;
         }
+
         .check-item {
           display: inline-block;
           width: 140px;
@@ -906,16 +906,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;
@@ -998,12 +1002,14 @@ export default {
 
   .condition {
     margin-top: 16px;
+
     .risk {
       display: flex;
       justify-content: space-between;
       padding: 30px 32px;
       box-sizing: border-box;
     }
+
     .remark {
       padding: 30px 32px;
       box-sizing: border-box;
@@ -1024,14 +1030,17 @@ 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;
   }
+
   ::v-deep .AiSelect .display .selectedLabel {
     font-size: 28px;
   }