修改

src/views/HomeView/PointsMall.vue

@@ -47,18 +47,24 @@
                             {{ item.dictLabel }}
                         </div>
                     </div>
+                    <div class="tab-list" style="margin-top: 10px;">
+                        <div :class="{ 'tab': true, 'checked': item.checked }" v-for="(item) in pointsRangeList"
+                            :key="item.dictValue" @click="chosePointsRange(item)">
+                            {{ item.dictLabel }}
+                        </div>
+                    </div>
                     <!-- <div class="tab-list" style="margin-top: 10px;">
                         <div :class="{ 'tab': true, 'checked': item.checked }" v-for="(item) in deliveryTypeList"
                             :key="item.type" @click="choseDeliveryType(item)">
                             {{ item.name }}
                         </div>
                     </div> -->
-                    <div class="tab-list" style="margin-top: 10px;">
+                    <!-- <div class="tab-list" style="margin-top: 10px;">
                         <div :class="{ 'tab': true, 'checked': item.checked }" v-for="(item) in orderByClauseList"
                             :key="item.orderByClause" @click="changeOrderByClause(item)">
                             <i :class="item.icon"></i>积分
                         </div>
-                    </div>
+                    </div> -->
                     <div class="list-container">
                         <el-empty v-if="goodsList.length == 0" :image-size="200"></el-empty>
                         <div v-else class="prize-list">
@@ -184,9 +190,11 @@ export default {
             pages: 1,
             // tab 列表
             options: [],
+            pointsRangeList:[],
             goodsName: '',
-            productAttribute: '',
-            orderByClause: 'desc',
+            productAttribute: '',//商品类型
+            pointsRange: '',//积分区间
+            orderByClause: 'desc',//积分升降
             deliveryType: '',
             deliveryTypeList: [
                 {
@@ -242,6 +250,7 @@ export default {
             this.activeName = 'giftNotice';
         };
         this.getIntegralTypes();
+        this.getPointsRangeList();
         this.getWelfareList();
         this.getFirstList();
         this.getNotice(this.activeName);
@@ -301,6 +310,27 @@ export default {
                 }
             })
         },
+        getPointsRangeList() {
+            dictList({ dictType: 'points_range' }).then(response => {
+                const dataList = response.data.data;
+                const data = {
+                    dictValue: '',
+                    dictLabel: '全部'
+                }
+                dataList.unshift(data);
+                if (dataList.length > 0) {
+                    dataList.forEach((item, index) => {
+                        if (index == 0) {
+                            item.checked = true;
+                        } else {
+                            item.checked = false;
+                        }
+
+                    });
+                    this.pointsRangeList = dataList;
+                }
+            })
+        },
         getWelfareList() {
             welfareType().then(response => {
                 console.log(response.data.data);
@@ -352,6 +382,15 @@ export default {
             this.page = 1;
             this.getFirstList();
         },
+        chosePointsRange(item) {
+            this.pointsRangeList.forEach((element) => {
+                element.checked = false;
+            });
+            item.checked = true;
+            this.pointsRange = item.dictValue;
+            this.page = 1;
+            this.getFirstList();
+        },
         choseType(item) {
             this.choseList.forEach((element) => {
                 element.checked = false;
@@ -372,6 +411,7 @@ export default {
                 page: this.page,
                 name: this.goodsName,
                 productAttribute: this.productAttribute,
+                pointsRange:this.pointsRange,
                 orderByClause: this.orderByClause,
                 // deliveryType: this.deliveryType
             }