地区选择器

src/apps/AppResidentActivitie/Add.vue

@@ -20,7 +20,8 @@
         <div class="line"></div>
 
         <u-form-item label="发布地区" prop="areaId" required :border-bottom="false" right-icon="arrow-right" class="addresss">
-          <AiAreaPicker v-model="forms.areaId" :areaId="areaId" @select="areaSelect" style="color: #333"></AiAreaPicker>
+          <AiAreaPicker v-model="forms.areaId" :areaId="user.areaId" @select="areaSelect" style="color: #333">
+          </AiAreaPicker>
         </u-form-item>
 
         <div class="line"></div>
@@ -73,7 +74,6 @@ export default {
         content: '',
         url: [],
         areaId: '',
-
         beginTime: '',
         endTime: '',
         address: '',
@@ -234,7 +234,7 @@ export default {
     },
 
     areaSelect(e) {
-      this.forms.areaId = e.id
+      this.forms.areaId = e
     },
   },
 }
@@ -245,6 +245,29 @@ export default {
   height: 100%;
   padding-bottom: 112px;
 
+  .aiArea {
+    display: flex;
+    align-items: center;
+
+    .label {
+      max-width: 480px;
+      height: 112px;
+      line-height: 112px;
+      overflow: hidden;
+      text-overflow:ellipsis;
+      white-space: nowrap;
+      color: #303133 !important;
+      font-size: 30px;
+    }
+
+    i {
+      margin-left: 4px;
+      font-style: normal;
+      color: #999999;
+      font-size: 30px;
+    }
+  }
+
   .header-description {
     padding-bottom: 112px;
     ::v-deep .u-form {