地区选择器

src/apps/AppPovertyAlleviation/Monitor/List.vue

@@ -7,11 +7,11 @@
         <div class="label" v-if="addressArea">{{ addressArea }}</div>
         <i v-else>请选择</i>
       </AiArea> -->
-      <AiAreaPicker ref="area" class="aiArea" :name.sync="addressArea" :areaId="areaId" mode="custom"
+      <ai-area-picker ref="area" class="aiArea" :value="addressAreaId" :name.sync="addressArea" :areaId="areaId" mode="custom"
                     @select="onChange">
         <span class="label" v-if="addressArea">{{ addressArea }}</span>
         <i v-else>请选择</i>
-      </AiAreaPicker>
+      </ai-area-picker>
     </div>
     <div class="list-wrapper">
       <div class="tab">
@@ -45,6 +45,7 @@
 </template>
 
 <script>
+import AiAreaPicker from '@/components/AiAreaPicker'
 
 export default {
   name: 'list',
@@ -62,6 +63,10 @@ export default {
     }
   },
 
+  components: {
+    AiAreaPicker
+  },
+
   created() {
     uni.showLoading()
     this.areaId = this.$store.state.user.areaId
@@ -86,7 +91,7 @@ export default {
     },
 
     onChange(e) {
-      this.addressAreaId = e.id
+      this.addressAreaId = e
 
       this.$nextTick(() => {
         this.reload()

src/apps/AppPovertyAlleviation/Monitor/Statistics.vue

@@ -3,7 +3,7 @@
     <div class="area">
       <i>可选范围</i>
       <span class="separat">/</span>
-      <AiAreaPicker ref="area" class="aiArea" :areaId="areaId" :name.sync="addressArea" mode="custom"
+      <AiAreaPicker ref="area" class="aiArea" :value="addressAreaId" :areaId="areaId" :name.sync="addressArea" mode="custom"
                     @select="onChange">
         <span class="label" v-if="addressArea">{{ addressArea }}</span>
         <i v-else>请选择</i>
@@ -100,7 +100,7 @@ export default {
     },
 
     onChange(e) {
-      this.addressAreaId = e.id
+      this.addressAreaId = e
 
       this.$nextTick(() => {
         this.reload()