下拉清除

project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue

@@ -6,17 +6,19 @@
       </div>
       <div class="select">
         <div class="item" >
-          <AiSelect v-model="status" dict="partyFourLinkageStatus" @data="typeSelect">
+          <AiSelect v-model="status" :list='array' @data='typeSelect'>
             <span v-if="!status">全部状态</span>
             <span v-else>{{ $dict.getLabel('partyFourLinkageStatus',status) }}</span>
             <u-icon name="arrow-down-fill" color="#666666" size="28"></u-icon>
+            <!-- <u-icon name="close-circle" color="#666666" size="28" v-else @click="status='',getList()"></u-icon> -->
           </AiSelect>
         </div>
         
-        <div class="item" @click="isShowDate = true">
+        <div class="item">
           <span v-if="!linksageDate">时间选择</span>
           <span v-else>{{ linksageDate }}</span>
-          <u-icon name="arrow-down-fill" color="#666666" size="28"></u-icon>
+          <u-icon name="arrow-down-fill" color="#666666" size="28" v-if="!linksageDate" @click="isShowDate = true"></u-icon>
+          <u-icon name="close-circle" color="#666666" size="28" v-else @click="linksageDate='',getList()"></u-icon>
         </div>
         <u-picker mode="time" :params="params" v-model="isShowDate" @confirm="onDateChange"></u-picker>
       </div>
@@ -64,10 +66,22 @@ export default {
       },
       list: [],
       current: 1,
+      array: [],
     }
   },
   onShow() {
-    this.$dict.load('partyFourLinkageStatus')
+    this.$dict.load('partyFourLinkageStatus').then(()=>{
+      this.array = this.$dict.getDict('partyFourLinkageStatus').map(item=>{
+        return {
+          label: item.dictName,
+          value: item.dictValue,
+        }
+      })
+      this.array.unshift({
+        label: '全部',
+        value: ''
+      })
+    })
     uni.$on('update', ()=>{
       this.getList()
     })