积分

project/pidu/app/AppGoods/components/List.vue

@@ -8,37 +8,23 @@
     <template slot="content">
       <ai-search-bar bottomBorder>
         <template #left>
-          <ai-user-selecter :instance="instance" @change="onUserChange" :isMultiple="false" v-model="user">
-            <div class="userSelcet">
-              <span style="color: #606266;" v-if="search.createUserId">{{ name }}</span>
-              <span v-else>兑换人</span>
-              <i class="el-icon-arrow-up"  v-if="!search.createUserId"></i>
-              <i class="el-icon-circle-close" v-if="search.createUserId" @click.stop="user = [], search.createUserId = '', name = '', search.current = 1, getList()"></i>
+          <ai-picker
+            :instance="instance"
+            dialogTitle="选择网格"
+            :ops="{label: 'girdName'}"
+            pageTitle="网格"
+            action="/app/appgirdinfo/girdList"
+            @pick="onPick"
+            @change="search.current = 1, getList()">
+            <div class="AppAnnounceDetail-select">
+              <div class="userSelcet">
+                <span style="color: #606266;" v-if="girdList.length">{{ girdList.length ? girdList[0].girdName : '' }}</span>
+                <span v-else>可选范围</span>
+                <i class="el-icon-arrow-up"  v-if="!girdList.length"></i>
+                <i class="el-icon-circle-close" v-if="girdList.length" @click.stop="girdList = [], search.rangeIds = '', search.current = 1, getList()"></i>
+              </div>
             </div>
-          </ai-user-selecter>
-          <ai-select
-            v-model="search.source"
-            clearable
-            placeholder="请选择订单状态"
-            :selectList="dict.getDict('EP_source')"
-            @change="search.current = 1, getList()">
-          </ai-select>
-          <el-date-picker
-            v-model="search.queryBeginTime"
-            type="date"
-            size="small"
-            value-format="yyyy-MM-dd"
-            placeholder="选择兑换开始日期"
-            @change="search.current = 1, getList()">
-          </el-date-picker>
-          <el-date-picker
-            v-model="search.queryEndTime"
-            type="date"
-            size="small"
-            value-format="yyyy-MM-dd"
-            placeholder="选择兑换结束日期"
-            @change="search.current = 1, getList()">
-          </el-date-picker>
+          </ai-picker>
         </template>
         <template #right>
           <el-input
@@ -106,7 +92,7 @@
           current: 1,
           size: 10,
           name: '',
-          createUserId: ''
+          rangeIds: ''
         },
         name: '',
         info: {},
@@ -136,24 +122,28 @@
         tableData: [],
         total: 0,
         loading: false,
-        disabledLevel: 0
+        girdList: []
       }
     },
 
     created () {
-      this.dict.load(['EP_riskLevel']).then(() => {
-        this.getList()
-      })
+      this.getList()
     },
 
     methods: {
+      onPick (e) {
+        this.girdList = e
+
+        if (e.length) {
+          this.search.rangeIds = e[0].id
+        } else {
+          this.search.rangeIds = ''
+        }
+      },
       getList () {
         this.instance.post(`/app/appintegralmerchandise/list`, null, {
           params: {
-            ...this.search,
-            arriveAreaId: this.search.arriveAreaId,
-            queryBeginTime: this.search.queryBeginTime ? this.search.queryBeginTime + ' 00:00:00' : '',
-            queryEndTime: this.search.queryEndTime ? this.search.queryEndTime + ' 23:59:59' : ''
+            ...this.search
           }
         }).then(res => {
           if (res.code == 0) {
@@ -163,10 +153,6 @@
         })
       },
 
-      onUserChange () {
-        
-      },
-
       mapStatus (status) {
         return {
           '0': '可兑换',