走访慰问bug

src/apps/AppWalkask/add.vue

@@ -3,35 +3,41 @@
     <div v-if="addList">
       <div class="header-description">
         <u-form :model="forms" ref="uForm" label-width="auto">
-          <u-form-item label="区域选择" prop="areaId" style="position: relative">
-            <AiAreaPicker v-model="forms.areaId" ref="areaIds" :areaId="areaIdProps" @select="areaSelect" style="color: #333"></AiAreaPicker>
+          <u-form-item label="区域选择" prop="areaId" class="areaIds" style="position: relative">
+            <AiAreaPicker v-model="forms.areaId" :areaId="areaIdProps" @select="areaSelect" style="color: #333"></AiAreaPicker>
           </u-form-item>
 
-          <u-form-item label="走访对象" prop="create_user_name" required style="position: relative">
+          <div class="line"></div>
+
+          <u-form-item label="走访对象" prop="create_user_name" required right-icon="arrow-right" class="create_user_names">
             <u-input v-model="forms.create_user_name" disabled placeholder="请选择走访对象" @click="toWalkObject" />
-
-            <u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
           </u-form-item>
 
-          <u-form-item label="现实状态" prop="reality" style="position: relative">
-            <u-input v-model="forms.reality" disabled placeholder="请选择走访慰问对象" @click="showStstus = true" />
+          <div class="line"></div>
+
+          <u-form-item label="现实状态" prop="reality" right-icon="arrow-right" class="realitys">
+            <u-input v-model="forms.reality" disabled placeholder="请选择现实状态" @click="showStstus = true" />
 
             <u-select v-model="showStstus" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="realityStstus"></u-select>
-
-            <u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
           </u-form-item>
 
+          <div class="line"></div>
+
           <u-form-item label="入户走访事项" prop="title" required label-position="top">
             <u-input v-model="forms.title" placeholder="请输入入户走访事项(30字以内)" type="textarea" auto-height height="60" maxlength="30" />
             <div>{{ forms.title.length }}/30</div>
           </u-form-item>
 
+          <div class="line"></div>
+
           <u-form-item label="入户走访内容" prop="description" label-position="top">
             <u-input v-model="forms.description" placeholder="请输入入户走访事项(500字以内)" type="textarea" auto-height height="60" maxlength="500" />
             <div>{{ forms.description.length }}/500</div>
           </u-form-item>
 
-          <u-form-item label="图片(最多9张)" prop="images" class="avatars" label-position="top">
+          <div class="line"></div>
+
+          <u-form-item label="图片(最多9张)" prop="images" class="avatars" label-position="top" :border-bottom="false">
             <AiUploader :def.sync="forms.images" multiple placeholder="上传图片" :limit="9"></AiUploader>
           </u-form-item>
         </u-form>
@@ -67,6 +73,7 @@ export default {
         create_user_name: '',
         reality: '',
         realityValue: '',
+        menuLevel3Name: '',
         title: '',
         description: '',
         images: [],
@@ -82,6 +89,7 @@ export default {
   computed: { ...mapState(['user']) },
   created() {
     this.areaIdProps = this.user.areaId
+    this.forms.areaId = this.user.areaId
     this.$dict.load('realityStatus').then(() => {
       this.getDetail()
     })
@@ -126,6 +134,7 @@ export default {
               areaId: this.forms.areaId,
               applicationId: this.forms.applicationId,
               name: this.forms.create_user_name,
+              menuLevel3Name: this.forms.menuLevel3Name,
               optionId: this.forms.applicationId,
               reality: this.forms.realityValue ? this.forms.realityValue : this.forms.reality,
               title: this.forms.title,
@@ -151,14 +160,15 @@ export default {
     areaSelect(e) {
       if (e.type == 5) {
         this.forms.areaId = e.id
-      } else {
-        return this.$u.toast('请选择到村')
+      }
+      if (e.type == 4) {
+        this.forms.areaId = e.id
       }
     },
 
     backlist(e) {
-      console.log(e.item)
       this.forms.create_user_name = e.item.create_user_name
+      this.forms.menuLevel3Name = e.menuLevel3Name
       this.forms.applicationId = e.appId
       this.forms.optionId = e.item.id
       this.addList = true
@@ -181,13 +191,14 @@ export default {
 <style lang="scss" scoped>
 .add {
   height: 100%;
-  padding-bottom: 112px;
+  background: #f3f6f9;
 
   .header-description {
+    padding-bottom: 162px;
+    background: #f3f6f9;
     ::v-deep .u-form {
+      background: #fff;
       .u-form-item {
-        margin-bottom: 16px;
-
         .u-form-item__body {
           .u-form-item--right__content__slot {
             padding-bottom: 0;
@@ -200,6 +211,47 @@ export default {
         padding-bottom: 20px !important;
       }
 
+      .areaIds {
+        .u-form-item__body {
+          .u-form-item--right {
+            .u-form-item--right__content {
+              .u-form-item--right__content__slot {
+                .AiAreaPicker {
+                  width: 100%;
+                  .AiSearchPopup {
+                    .areaSelector {
+                      .location {
+                        opacity: 0;
+                      }
+                      div {
+                        width: 100%;
+                        text-align: right;
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+
+      .create_user_names,
+      .realitys {
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            .u-input {
+              text-align: right !important;
+            }
+          }
+        }
+      }
+
+      .line {
+        height: 16px;
+        background: #f3f6f9;
+      }
+
       .avatars {
         .u-form-item__body {
           .default {