BUG 28232 28235

src/components/AiAreaPicker.vue

@@ -4,7 +4,7 @@
       <div slot="btn" @tap="handleInit">
         <slot v-if="$slots.default"/>
         <div v-else-if="isForm">
-          <u-icon name="arrow-right" :label="areaName||'请选择'" label-pos="left" color="#ddd"/>
+          <ai-more v-model="areaName"/>
         </div>
         <div v-else class="areaSelector">
           <image :src="locationIcon" class="location"/>
@@ -49,12 +49,12 @@
 
 <script>
 import AiSearchPopup from './AiSearchPopup'
-import AiCell from './AiCell.vue'
 import {mapState} from 'vuex'
+import AiMore from "./AiMore";
 
 export default {
   name: 'AiAreaPicker',
-  components: {AiCell, AiSearchPopup},
+  components: {AiMore, AiSearchPopup},
   props: {
     areaId: {default: ''},
     name: {default: ''},

src/components/AiMore.vue

@@ -0,0 +1,32 @@
+<template>
+  <section class="AiMore">
+    <u-icon name="arrow-right" color="#ddd" :label="value||placeholder" label-pos="left" :label-color="labelColor" label-size="32"/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiMore",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    placeholder: {default: "请选择"},
+    value: String
+  },
+  computed: {
+    isEmpty() {
+      return !this.value
+    },
+    labelColor() {
+      return this.isEmpty ? "#999" : "#333"
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiMore {
+}
+</style>