过期红包作废和过期红包不显示问题

hdApp/src/admin/hb/list.vue

@@ -35,7 +35,9 @@
               <text class="name">{{ item.customName }}</text>
               <text class="amount">¥ {{ item.amount?parseFloat(item.amount):0 }}</text>
             </view>
-            <view class="status" :class="item.statusClass">{{ item.status==0?'待使用':item.status==1?'已使用':item.status==-1?'已失效':'未知'}}</view>
+            <view class="status" :class="{ 'status-wait': item.status == 0, 'status-used': item.status == 1, 'status-expired': item.status == -1 }">
+              {{ item.status==0?'待使用':item.status==1?'已使用':item.status==-1?'已失效':'未知'}}
+            </view>
           </view>
           <view class="card-body">
             <view class="row">开始时间：{{ formatDateTime(item.beginTime) }}</view>
@@ -74,12 +76,11 @@ export default {
   data() {
     return {
       tabIndex: 0,
-      status: 0,
       tabs: [
-        {name: '全部', value: 0},
-        {name: '待使用', value: 0},
-        {name: '已使用', value: 0},
-        {name: '已失效', value: 0}
+        {name: '全部', value: 0,status:''},
+        {name: '待使用', value: 0,status:'0'},
+        {name: '已使用', value: 0,status:'1'},
+        {name: '已失效', value: 0,status:'-1'}
       ],
       searchText: '',
       showSearch: false,
@@ -118,41 +119,13 @@ export default {
       this.getHbList()
     },
     getHbList() {
-      return hbList({
-        status: this.status,
-        page: this.list.page,
-        limit: this.list.pageSize,
-        customId: this.customId
-      }).then((res) => {
-        if (res.data && res.data.list) {
-          res.data.list.forEach(item => {
-            if (item.statusText === '待使用') item.statusClass = 'status-wait'
-            else if (item.statusText === '已使用') item.statusClass = 'status-used'
-            else if (item.statusText === '已失效') item.statusClass = 'status-expired'
-            else item.statusClass = ''
-          })
-        }
+      let status = this.tabs[this.tabIndex].status||0
+      return hbList({ status: status, page: this.list.page, limit: this.list.pageSize, customId: this.customId }).then((res) => {
         this.completes(res)
       })
     },
     change(e) {
       this.tabIndex = e.index
-      // 状态 -1作废 0未使用 1已使用。0时还要结合endTime来判断是否过期
-      switch (e.index) {
-        case 0:
-          this.status = ''
-          break
-        case 1:
-          this.status = 0
-          break
-        case 2:
-          this.status = 1
-          break
-        case 3:
-          this.status = -1
-          break
-      }
-      
       this.loadData()
     },
     searchFn(e) {
@@ -335,7 +308,7 @@ export default {
         color: #666;
       }
       &.status-expired {
-        color: #999;
+        color: red;
       }
     }
   }

mallApp/src/pages/hb/list.vue

@@ -77,22 +77,22 @@ export default {
 				{
 					name: '未使用',
 					value: 0,
-					key: '0'
+					status: '0'
 				},
 				{
 					name: '已使用',
 					value: 0,
-					key: '0'
+					status: '1'
 				},
 				{
 					name: '已过期',
 					value: 0,
-					key: '0'
+					status: '-1'
 				},
 				{
 					name: '全部',
 					value: 0,
-					key: '0'
+					status: ''
 				}
 			]
 		}
@@ -117,7 +117,8 @@ export default {
 			this.getHbList()
 		},
 		getHbList() {
-			return getList({ status: this.tabIndex }).then(res => {
+			let status = this.tabs[this.tabIndex].status||0
+			return getList({ status: status }).then(res => {
 				if(res.code == 1){
 					this.completes(res)
 				}else{