停车缴费页面，提取公用filter，更改订单逻辑

pages/payLists/payLists.vue

@@ -10,7 +10,7 @@
 								<view class="car">{{payItem.vehicleNo}}</view>
 								<view class="addr">{{payItem.roadName}}</view>
 							</view>
-							<view class="pay-top-right">{{payItem.orderStatus | verifyStatusFilter}}</view>
+							<view class="pay-top-right">{{payItem.orderStatus | filterOrderStatus}}</view>
 						</view>
 						<view class="pay-center">
 							<view class="pay-center-item">停车泊位：{{payItem.spaceName}}</view>
@@ -81,7 +81,7 @@
 				let pageNum = page.num; // 页码, 默认从1开始
 				let pageSize = page.size; // 页长, 默认每页10条
 				// this.getMessageList()
-				this.$u.api.getOrderList({pageSize:pageSize ,pageNum: pageNum, orderStatus: 2})
+				this.$u.api.getOrderList({pageSize:pageSize ,pageNum: pageNum, paying: true})
 				.then(res=>{
 					// 接口返回的当前页数据列表 (数组)
 					let curPageData = res.data.rows;
@@ -158,15 +158,6 @@
 					});
 				});
 			}
-		},
-		filters:{
-			verifyStatusFilter(value) {
-				if (value === 2) {
-				  return '未缴费';
-				} else {
-				  return '';
-				}
-			},
 		}
 	};
 </script>

utils/filter.js

@@ -63,5 +63,50 @@ Vue.filter("kmUnit",function(m){
 	return v;
 });
 
+// 订单状态
+Vue.filter("filterOrderStatus",function(status){
+	status = Number(status);
+	switch (status){
+		case 1:
+			return '停放中'
+			break;
+		case 2:
+			return '出场中'
+			break;
+		case 3:
+			return '欠费'
+			break;
+		case 4:
+			return '已完成'
+			break;
+		default:
+			return '未知'
+			break;
+	}
+	
+});
+
+// 支付状态
+Vue.filter("filterPayStatus",function(status){
+	status = Number(status);
+	switch (status){
+		case 0:
+			return '未支付'
+			break;
+		case 1:
+			return '已支付'
+			break;
+		case 2:
+			return '支付中'
+			break;
+		case 3:
+			return '支付失败'
+			break;
+		default:
+			return '未知'
+			break;
+	}
+	
+});