fix: order-list

pages/order-list/order-list.vue

@@ -1,5 +1,17 @@
 <template>
 	<view class="container">
+		<view class="filter-tabs">
+			<view 
+				v-for="(item, index) in filterOptions" 
+				:key="index"
+				class="tab-item"
+				:class="{ active: filterIndex === index }"
+				@tap="onFilterChange(index)"
+			>
+				{{ item.label }}
+			</view>
+		</view>
+
 		<view v-if="orderList.length === 0 && !loading" class="empty-state">
 			<view class="empty-icon">📋</view>
 			<view class="empty-title">暂无订单</view>
@@ -53,6 +65,14 @@
 	let noMore = ref(false);
 	let page = ref(1);
 	const pageSize = 10;
+	let filterIndex = ref(0);
+	let filterOptions = [
+		{ label: '全部', value: null },
+		{ label: '待支付', value: 1 },
+		{ label: '已支付', value: 2 },
+		{ label: '已取消', value: 3 },
+		{ label: '已退款', value: 4 }
+	];
 
 	const formatMoney = (amount) => {
 		if (!amount && amount !== 0) return '0.00';
@@ -61,27 +81,38 @@
 
 	const getStatusClass = (status) => {
 		const classMap = {
-			'0': 'tag-warning',
-			'1': 'tag-success',
-			'2': 'tag-danger'
+			1: 'tag-warning',
+			2: 'tag-success',
+			3: 'tag-secondary',
+			4: 'tag-info'
 		};
 		return classMap[status] || '';
 	};
 
+	const onFilterChange = (index) => {
+		filterIndex.value = index;
+		page.value = 1;
+		noMore.value = false;
+		loadOrderList();
+	};
+
 	const loadOrderList = async (append = false) => {
 		if (loading.value || noMore.value) return;
 		loading.value = true;
 
+		const paymentStatus = filterOptions[filterIndex.value].value;
+
 		try {
 			const data = await orderApi.getList(
 				userStore.state.identifier,
 				page.value,
-				pageSize
+				pageSize,
+				paymentStatus
 			);
 
 			const newData = (data.items || []).map(item => ({
 				...item,
-				payment_status_name: item.payment_status === 1 ? '已支付' : item.payment_status === 0 ? '待支付' : '已取消',
+				payment_status_name: item.payment_status === 1 ? '待支付' : item.payment_status === 2 ? '已支付' : item.payment_status === 3 ? '已取消' : item.payment_status === 4 ? '已退款' : '未知',
 				created_at: item.created_at ? item.created_at.split('T').join(' ').slice(0, 19) : ''
 			}));
 
@@ -115,6 +146,25 @@
 
 <style lang="scss" scoped>
 	.container {
+		.filter-tabs {
+			display: flex;
+			padding: var(--space-md) var(--space-lg);
+			background: var(--bg-card);
+			border-bottom: 1rpx solid var(--border-light);
+			.tab-item {
+				flex: 1;
+				text-align: center;
+				font-size: 28rpx;
+				color: var(--text-secondary);
+				padding: var(--space-sm) 0;
+				&.active {
+					color: var(--primary);
+					font-weight: 600;
+					border-bottom: 4rpx solid var(--primary);
+				}
+			}
+		}
+
 		.empty-state {
 			display: flex;
 			flex-direction: column;