From 37ccfd03a52beced528af70e93a544495831dfbf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9C=B1?= <2671189764@qq.com>
Date: Tue, 6 May 2025 17:57:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=8D=95=E5=88=97=E8=A1=A8=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/devops/workorder/workorderlist.vue  | 148 ++++++++++++++----
 1 file changed, 114 insertions(+), 34 deletions(-)

diff --git a/ebike-maintenance/pages/devops/workorder/workorderlist.vue b/ebike-maintenance/pages/devops/workorder/workorderlist.vue
index 9fbe23e..a444a04 100644
--- a/ebike-maintenance/pages/devops/workorder/workorderlist.vue
+++ b/ebike-maintenance/pages/devops/workorder/workorderlist.vue
@@ -7,8 +7,8 @@
 			</view>
 		</view>
 		<view class="">
-			<uni-search-bar @confirm="search" v-model="searchValue" @blur="blur" @cancel="cancel"
-			  placeholder="输入车辆编号" clearButton="always" cancelButton="always">
+			<uni-search-bar @confirm="search" v-model="searchValue" @blur="blur" @clear="clearSearch" @cancel="cancel"
+				placeholder="输入车辆编号" clearButton="always" cancelButton="always">
 			</uni-search-bar>
 		</view>
 		<z-paging ref="paging" :fixed="false" height="85vh" v-model="dataList" @query="loadMoreData"
@@ -16,54 +16,56 @@
 			<view v-for="(item,index) in dataList" :key="index">
 				<uni-card>
 					<template v-slot:title>
-						<view    class="flex justify-between cardtitle">
+						<view class="flex justify-between cardtitle">
 							<view class="flex align-center ">
 								<view class="cardtitleri">
-									  {{item.orderTypeName}}
+									{{item.orderTypeName}}
 								</view>
-								<view style="margin-left: 10px;">
+								<!-- 			<view style="margin-left: 10px;">
 									<view   class="cu-tag radius line-green"
 										style="background-color:rgba(203,240,204,0.4);">图标</view> 
-								</view>
+								</view> -->
 							</view>
 							<view>
-								<uni-icons type="right" size="20"></uni-icons>
+								<uni-icons @click="gotoPage(item.orderType,item)" type="right" size="20"></uni-icons>
 							</view>
 						</view>
 					</template>
 					<uni-forms>
-						<uni-forms-item v-if="item.longitude" label="">
+						<!-- 		<uni-forms-item v-if="item.longitude &&item.longitude !=''" label="">
 							<view class="deepBlackBoldText">
 								{{getAreaByCoordinates(item.longitude,item.latitude)}}
 							</view>
-						</uni-forms-item> 
-						<uni-forms-item v-if="item.bikeCode" label="车辆编号">
+						</uni-forms-item> -->
+						<uni-forms-item v-if="item.bikeCode && item.bikeCode !=''  " label="车辆编号">
 							<view class="deepBlackBoldText">
-								{{item.bikeCode}}
+								<span style="color: rgb(19,131,255);"
+									@click="gotoebikeInfo(item.bikeCode)">{{item.bikeCode}}</span>
 							</view>
-						</uni-forms-item> 
-						<uni-forms-item v-if="item.bikeCount" label="车辆数量">
+						</uni-forms-item>
+						<uni-forms-item v-if="item.bikeCount  && item.bikeCount !='' " label="车辆数量">
 							<view class="deepBlackBoldText">
 								{{item.bikeCount}}
 							</view>
-						</uni-forms-item> 
-						<uni-forms-item v-if="item.dispatchType" label="调度类型">
+						</uni-forms-item>
+						<uni-forms-item v-if="item.dispatchType  && item.dispatchType !='' " label="调度类型">
 							<view class="deepBlackBoldText">
 								{{item.dispatchType}}
 							</view>
-						</uni-forms-item> 
+						</uni-forms-item>
 						<uni-forms-item label="创建时间">
 							<view class="deepBlackBoldText">
 								{{item.createdAt}}
 							</view>
-						</uni-forms-item> 
-						
+						</uni-forms-item>
+
 					</uni-forms>
 				</uni-card>
-				
+
 			</view>
 		</z-paging>
 	</view>
+	<zero-loading v-if="isloading" color="#c1c1c0" type="pulse" mask="true"></zero-loading>
 </template>
 
 <script setup>
@@ -79,7 +81,9 @@
 		onLoad
 	} from '@dcloudio/uni-app';
 
+	const isCancelOrClear = ref(false);
 
+	const isloading = ref(false);
 	var qqmapsdk = new QQMapWX({
 		key: map.sdkKey
 	});
@@ -115,14 +119,16 @@
 	});
 
 	const loadMoreData = (pageNo, pageSize) => {
+
 		const params = {
-			"orderType": 1,
+			"orderType": selectedOption.value,
+			"bikeCode": searchValue.value,
 			"pageParam": {
 				"pageNum": pageNo,
 				"pageSize": pageSize
 			}
 		};
-		api.callEbikeInfo("getWorkOrderList", params).then((res) => { 
+		api.callEbikeInfo("getWorkOrderList", params).then((res) => {
 			if (res.code === 200) {
 				const records = res.data.records;
 				paging.value.complete(records);
@@ -134,22 +140,80 @@
 
 	const selectOption = (option) => {
 		selectedOption.value = option;
-	}; 
-	const blur = () => { 
+		paging.value.reload();
 	};
+	const blur = (value) => {
+		if (value == searchValue.value) return;
+		paging.value.reload();
 
-	const cancel = () => { 
 	};
-	
-	const getAreaByCoordinates =(lng, lat)=>{
-			debugger;  
+	const cancel = (value) => {
+
+		if (value == "") return;
+		searchValue.value = "";
+		paging.value.reload();
+	}
+	const clearSearch = (value) => {
+		if (value == "") return;
+		searchValue.value = "";
+		paging.value.reload();
+	}
+	const getAreaByCoordinates = (lng, lat) => {
 		map.reverseGeocoder(qqmapsdk, lng, lat, (res) => {
-			debugger;  
-			return city;
+			const {
+				address
+			} = res
+			return address;
 		}, (res) => {
 			return "";
 		});
 	}
+	const gotoebikeInfo = (bikeCode) => {
+		isloading.value = true;
+		api.callEbikeInfo("getBikeINfoData?bikeCode=" + bikeCode).then((res) => {
+			if (res.code == 200) {
+				const bikeId = res.data.bikeId;
+				const ecuId = res.data.ecuId;
+				const ecuSn = res.data.ecuSn;
+				uni.navigateTo({
+					url: "/pages/devops/ebikeinfo/ebikeinfo?bikeId=" + bikeId + "&ecuId=" + ecuId +
+						"&ecuSn=" + ecuSn,
+				});
+				setTimeout(() => {
+					isloading.value = false;
+				}, 500);
+			}
+		})
+
+	}
+
+	const gotoPage = (orderType, item) => {
+		switch (orderType) {
+			case "1":
+				uni.navigateTo({
+					url: `/pages/devops/maintenancepage/maintenancepage?bikeCode=${item.bikeCode}`
+				})
+				console.log("跳转到维修页面");
+				// 可以使用例如 window.location.href 或路由跳转来进行页面跳转
+				break;
+			case "2":
+				// 跳转到换电页面
+				console.log("跳转到换电页面");
+				// 同样可以使用跳转操作
+				break;
+			case "3":
+				uni.navigateTo({
+					url: `/pages/warehouse/vehicledispatch/vehicledispatch?orderId=${item.orderId}`
+				});
+				console.log("跳转到调度页面");
+				// 跳转相关的操作
+				break;
+			default:
+				// 如果orderType不是1、2、3中的任意值
+				console.log("无效的orderType");
+				break;
+		}
+	};
 </script>
 
 <style>
@@ -179,22 +243,38 @@
 		color: #ffffff;
 		background: rgb(0, 132, 255);
 	}
-	
+
 	.cardtitleri {
 		font-size: 15px;
 		color: #3a3a3a;
 		padding: 5px;
 		font-weight: bold;
-	
+
 	}
-	
+
 	.cardtitle {
 		margin: 5px 0px;
 		padding: 5px 0px;
-		border-bottom: solid 1px #f1f1f1; 
+		border-bottom: solid 1px #f1f1f1;
 	}
-	
+
 	.deepBlackBoldText {
 		font-weight: bold;
 	}
+
+	.uni-forms-item__content {
+		position: relative;
+		font-size: 14px;
+		flex: 1;
+		box-sizing: border-box;
+		line-height: 36px;
+		flex-direction: row;
+	}
+
+	.uni-forms-item {
+		position: relative;
+		display: flex;
+		margin-bottom: 2px !important;
+		flex-direction: row;
+	}
 </style>
\ No newline at end of file