25856

src/apps/AppMarryAndDie/Add.vue

@@ -26,8 +26,8 @@
 
         <div class="line"></div>
 
-        <u-form-item label="地址" prop="address" required :border-bottom="false" right-icon="arrow-right">
-          <u-input v-model="forms.address" placeholder="请输入地址" />
+        <u-form-item label="地址" prop="address" required :border-bottom="false" right-icon="arrow-right" class="addresss">
+          <AiAreaPicker v-model="forms.areaId" all :areaId="user.areaId" @select="areaSelect"></AiAreaPicker>
         </u-form-item>
 
         <div class="line"></div>
@@ -69,7 +69,7 @@ export default {
 
         modeTypeValue: '',
         phone: '',
-        address: '',
+        areaId: '',
         content: '',
 
         personType: 1,
@@ -124,7 +124,7 @@ export default {
               modeType: this.forms.modeTypeValue,
               phone: this.forms.phone,
 
-              address: this.forms.address,
+              address: this.forms.areaId,
               content: this.forms.content,
               createUserId: this.user.id,
               personType: this.forms.personType,
@@ -156,6 +156,10 @@ export default {
         this.forms.modeTypeValue = e[0].value
       }
     },
+
+    areaSelect(e) {
+      this.forms.areaId = e.id
+    },
   },
 }
 </script>
@@ -191,6 +195,27 @@ export default {
         margin-bottom: 40px;
       }
 
+      .addresss {
+        .u-form-item__body {
+          .u-form-item--right {
+            .u-form-item--right__content {
+              .u-form-item--right__content__slot {
+                .AiAreaPicker {
+                  width: 100%;
+                  display: flex;
+                  justify-content: flex-end;
+                  .areaSelector {
+                    .location {
+                      opacity: 0;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+
       .avatars,
       .contents {
         padding-bottom: 20px !important;