演示

pages/sys/workbench/order/order.vue

@@ -18,13 +18,13 @@
 
 			<!-- 工单状态按钮 -->
 			<view v-if="activeTab == 1" class="filter-btn" @click.stop="togglePopup('status')">
-				{{ !selectedFilters.status || selectedFilters.status === '全部' ? '工单状态' : selectedFilters.status }}
+				{{ !selectedFilters.status || selectedFilters.status.name === '全部' ? '工单状态' : selectedFilters.status.name }}
 				<image class="filter-img" src="/static/ic_down_arrow_g.png" />
 				<view v-if="activePopup === 'status'" class="dropdown">
 					<view class="dropdown-triangle"></view>
 					<view class="dropdown-list">
 						<view v-for="(item, index) in statusList" :key="index" class="dropdown-item"
-							@click.stop="selectFilter('status', item.name)">
+							@click.stop="selectFilter('status', item)">
 							{{ item.name }}
 						</view>
 					</view>
@@ -33,13 +33,13 @@
 
 			<!-- 处理人按钮 -->
 			<view class="filter-btn" @click.stop="togglePopup('handler')">
-				{{ !selectedFilters.handler || selectedFilters.handler === '全部' ? '处理人' : selectedFilters.handler }}
+				{{ !selectedFilters.handler || selectedFilters.handler.name === '全部' ? '处理人' : selectedFilters.handler.name }}
 				<image class="filter-img" src="/static/ic_down_arrow_g.png" />
 				<view v-if="activePopup === 'handler'" class="dropdown">
 					<view class="dropdown-triangle"></view>
 					<view class="dropdown-list">
 						<view v-for="(item, index) in handlerList" :key="index" class="dropdown-item"
-							@click.stop="selectFilter('handler', item.name)">
+							@click.stop="selectFilter('handler', item)">
 							{{ item.name }}
 						</view>
 					</view>
@@ -108,7 +108,11 @@
 					'orderTypeName': '全部'
 				}],
 				statusList: [],
-				handlerList: [],
+				handlerList: [
+					{
+					    "name": '全部'
+					},
+				],
 			};
 		},
 		computed: {
@@ -116,7 +120,8 @@
 				return this.tabData[this.activeTab];
 			},
 		},
-		created() {
+		created() {
+			console.log("t1","!1111")
 			this.loadTabData(this.activeTab);
 			this.loadFilterData();
 		},
@@ -141,13 +146,23 @@
 					await this.loadTabData(idx);
 				}
 			},
-			async loadTabData(idx) {
+			async loadTabData(idx) {
+				
 				this.loading = true;
 				let params = {};
 				if (this.selectedFilters.type && this.selectedFilters.type.id) {
 					params.type = this.selectedFilters.type.id
+				}
+				if(this.selectedFilters.status&&this.selectedFilters.status.id){
+					params.status = this.selectedFilters.status.id
+				}
+				if(this.selectedFilters.handler&&this.selectedFilters.handler.value){
+					params.handler = this.selectedFilters.handler.value
+				}
+				if(idx == 0){
+					params.status = "1,2"
 				}
-				let res = await this.$u.api.getOrderList(params);
+				let res = await this.$u.api.getOrderList2(params);
 				if (res.code == "200") {
 					this.$set(this.tabData, idx, res.rows);
 				}
@@ -203,63 +218,33 @@
 				let resType = await this.$u.api.getOrdersType();
 				if (resType.code === 200) {
 					this.typeList = [...this.typeList, ...resType.rows];
+				}
+				
+				let handlers = await this.$u.api.getHandler();
+				if(handlers.code === 200){
+					this.handlerList = [...this.handlerList,...handlers.data]
 				}
 
-
 				this.statusList = [{
 						name: "全部"
 					},
 					{
-						name: "创建工单"
+						name: "创建工单",
+						id:"0"
 					},
 					{
-						name: "已接单"
+						name: "已接单",
+						id:"1,2"
 					},
 					{
-						name: "处理中"
+						name: "处理中",
+						id:"3"
 					},
 					{
-						name: "已完成"
+						name: "已完成",
+						id:"4"
 					},
 				];
-
-
-
-				// 处理人
-				try {
-					let resHandler = await this.$u.api.getHandlers();
-					if (resHandler.code === "200" && Array.isArray(resHandler.data)) {
-						this.handlerList = resHandler.data;
-					} else {
-						this.handlerList = [{
-								name: "全部"
-							},
-							{
-								name: "张三"
-							},
-							{
-								name: "李四"
-							},
-							{
-								name: "王五"
-							},
-						];
-					}
-				} catch {
-					this.handlerList = [{
-							name: "全部"
-						},
-						{
-							name: "张三"
-						},
-						{
-							name: "李四"
-						},
-						{
-							name: "王五"
-						},
-					];
-				}
 			},
 		},
 	};

pages/sys/workbench/order/orderDetail.vue

@@ -89,7 +89,6 @@
 				this.detail = item;
 				this.detail.orderImgUrl =
 					"https://picsum.photos/80/80?random=3,https://picsum.photos/80/80?random=3,https://picsum.photos/80/80?random=3";
-				console.log("t1", this.detail)
 				// 现在可以使用item对象了
 				// 进度映射
 				if (item.status == 0) {