From 2197bd2ebcc92fd2aab9002cf8d7fa5ab4ab7cac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Thu, 23 Dec 2021 18:06:25 +0800
Subject: [PATCH] 25856

---
 src/apps/AppMarryAndDie/Add.vue | 33 +++++++++++++++++++++++++++++----
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/apps/AppMarryAndDie/Add.vue b/src/apps/AppMarryAndDie/Add.vue
index 4f8e3308..5e8fdc7f 100644
--- a/src/apps/AppMarryAndDie/Add.vue
+++ b/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;