From 4cd943bb07592dec5b4aa44cdb790c34ca825c16 Mon Sep 17 00:00:00 2001
From: 5g0Wp7Zy <yrk@yrkdeMacBook-Pro.local>
Date: Fri, 6 Jun 2025 16:12:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=AF=B9=E6=8E=A5=E6=8D=A2=E7=94=B5?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=95=B0=E6=8D=AE=20&&=20=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E6=89=BE=E8=BD=A6=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devops-home-bikeinfo.vue                  | 31 ++-------
 .../pages/devops/takeOrders/takeOrders.vue    | 30 +++++++--
 ebike-maintenance/pages/home/home.vue         | 26 ++++++--
 ebike-maintenance/pages/map/map-findbike.vue  | 66 +++++++++++++++++--
 ebike-maintenance/utils/commonApi.js          | 25 +++++++
 ebike-maintenance/utils/map.js                |  2 +-
 6 files changed, 135 insertions(+), 45 deletions(-)
 create mode 100644 ebike-maintenance/utils/commonApi.js

diff --git a/ebike-maintenance/components/devops-home-bikeinfo/devops-home-bikeinfo.vue b/ebike-maintenance/components/devops-home-bikeinfo/devops-home-bikeinfo.vue
index cb61be1..66cafb9 100644
--- a/ebike-maintenance/components/devops-home-bikeinfo/devops-home-bikeinfo.vue
+++ b/ebike-maintenance/components/devops-home-bikeinfo/devops-home-bikeinfo.vue
@@ -32,7 +32,7 @@
 					<uni-icons custom-prefix="iconfont" type="icon-ebikeyinlianglabashengyin" color="#0084FF"
 						size="16" />
 				</label>
-				<label style="color: #0084FF;" @click="checkecu('findEbike')">寻车铃</label>
+				<label style="color: #0084FF;" @click="checkecu()">寻车铃</label>
 			</div>
 		</div>
 		<div style="margin-top:15px;display:flex;justify-content:space-between;">
@@ -48,11 +48,9 @@
 </template>
 
 <script setup>
-	import * as api from "@/utils/api.js";
-	import {
-		ref
-	} from 'vue';
-	const props = defineProps(["data"]);
+import {checkEcuBells} from "@/utils/commonApi";
+
+const props = defineProps(["data"]);
 	
 	//查看车辆信息
 	function openBikeInfo() {
@@ -81,25 +79,8 @@
 	}
 	
 	//中控操作
-	function checkecu (url) {
-		const {
-			ecuId,
-			bikeId
-		} = props.data;
-		if (!ecuId) {
-			showModelMessage("请先扫码车辆编号！");
-			return;
-		}
-		api.callCoreApi(url, {
-			ecuId,
-			bikeId
-		}, 'get').then(res => {
-			const {
-				code,
-				message
-			} = res;
-			showModelMessage(message);
-		})
+	function checkecu () {
+    checkEcuBells(props.data)
 	}
 
 	//完成换电
diff --git a/ebike-maintenance/pages/devops/takeOrders/takeOrders.vue b/ebike-maintenance/pages/devops/takeOrders/takeOrders.vue
index 250c8d6..f740ac3 100644
--- a/ebike-maintenance/pages/devops/takeOrders/takeOrders.vue
+++ b/ebike-maintenance/pages/devops/takeOrders/takeOrders.vue
@@ -11,13 +11,19 @@
             <text class="label">车辆编号</text>
             <view class="value">
                 <text style="margin-right: 30rpx;">{{ it?.bikeCode || '-' }}</text>
-                <uni-icons type="sound" size="25" style="position: relative;top: 6rpx;" color="blue"></uni-icons>
+              <uni-icons custom-prefix="iconfont"
+                         type="icon-ebikeyinlianglabashengyin"
+                         style="position: relative;top:5rpx"
+                         color="#0084FF"
+                         size="25"
+                         @click="checkEcu(it)"
+              />
             </view>
         </view>
          <!-- 最新电量  -->
          <view class="row">
             <text class="label">最新电量</text>
-            <text class="value">{{ it?.soc || '-' }}</text>
+            <text class="value">{{ it?.soc }}%</text>
         </view>
         <!-- 最后骑行时间  -->
          <view class="row">
@@ -32,14 +38,18 @@
          <!-- 设备位置  -->
          <view class="row">
             <text class="label">设备位置</text>
-            <view>
+            <view
+                class="value"
+                @click="navigator.to('/pages/map/map-findbike',{
+                longitude:it.longitude,
+                latitude:it.latitude
+              })"
+            >
                 <view>查看地图</view>
-                <view style="color: darkgrey;font-size: 28rpx;">{{ (it?.longitude || '-') + ',' + (it?.latitude || '-')}}</view>
+                <view style="color: darkgrey;font-size: 26rpx;">{{ (it?.longitude || '-') + ',' + (it?.latitude || '-')}}</view>
             </view>
             <uni-icons type="right" size="20" class="arrows" color="grey"></uni-icons>
-        </view>  
-         <!-- 删除  -->
-         <uni-icons type="trash" size="25" class="deleteBtn" color="orange"></uni-icons>
+        </view>
      </view>
      <view style="width: 100%;height: 100rpx;"></view>
         <!-- 确认接单按钮 -->
@@ -56,6 +66,7 @@ import { ref } from 'vue';
 import { onLoad } from '@dcloudio/uni-app';
 import navigator from '@/utils/navigator.js';
 import EmptyComponent from '@/components/empty-component/empty-component.vue';
+import {checkEcuBells} from "@/utils/commonApi";
 
 const orderList = ref([]);
 
@@ -64,6 +75,11 @@ onLoad((options) => {
     orderList.value = changeBatteryArr
 });
 
+const checkEcu = (it) => {
+  checkEcuBells(it)
+}
+
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/ebike-maintenance/pages/home/home.vue b/ebike-maintenance/pages/home/home.vue
index e2088b0..435736a 100644
--- a/ebike-maintenance/pages/home/home.vue
+++ b/ebike-maintenance/pages/home/home.vue
@@ -25,9 +25,7 @@
 						border-radius: 15px;
 						background-color: #35374dc2;
 						color: white;"
-						@click="navigator.to('/pages/devops/takeOrders/takeOrders',{
-							changeBatteryArr,
-						})"
+						@click="navigatePageByOrder"
 				    >
 						当前范围内可接单车辆
 						<label style="margin-left: 5px;">{{orderCount}}</label>
@@ -209,7 +207,7 @@
 		<map :style="{width: '100%',height:height}" show-location  id="mapRef" ref="mapRef" :scale="scale" 
 			:markers="markers" :longitude="mapcenter.longitude" :latitude="mapcenter.latitude" :circles="circles"
 			:polygons="polygons" :polyline="polylines" @markertap="markerTap" @labeltap="markerTap"
-			@regionchange="regionchange"  />
+			@regionchange="regionchange" />
 	</div>
 </template>
 
@@ -888,7 +886,6 @@
 	     	markers.value=oData.arrPoints;	
 		}
 		const {icnt_2,icnt_0,icnt_1,changeBattery}=oData;
-		console.log(changeBattery);
 		changeBatteryArr.value=changeBattery;
 		return {icnt_2,icnt_0,icnt_1};
 	}
@@ -980,6 +977,25 @@
 			url:"/pages/warehouse/vehicledispatch/vehicledispatch"
 		})
 	}
+
+  //接单类型页面跳转
+  const navigatePageByOrder = () => {
+    const {
+      lx
+    } = selRight.value;
+    switch(lx){
+      case "hd":
+        navigator.to('/pages/devops/takeOrders/takeOrders',{
+          changeBatteryArr:changeBatteryArr.value,
+        })
+        break;
+      case "dd":
+        break;
+      case "wx":
+        break;
+    }
+  }
+
 </script>
 
 <style scoped>
diff --git a/ebike-maintenance/pages/map/map-findbike.vue b/ebike-maintenance/pages/map/map-findbike.vue
index fe82405..41d52bb 100644
--- a/ebike-maintenance/pages/map/map-findbike.vue
+++ b/ebike-maintenance/pages/map/map-findbike.vue
@@ -17,7 +17,7 @@
 			</div>
 		</div>
 		<map id="mapRef" ref="mapRef" show-location style="width: 100%;height: 100vh;" :scale="scale"  :markers="markers"
-		 :longitude="mapcenter.longitude" :latitude="mapcenter.latitude"/>
+		 :longitude="mapcenter.longitude" :latitude="mapcenter.latitude" :polyline="polylines"/>
 		
 	</div>
 </template>
@@ -27,10 +27,17 @@
 		onLoad
 	} from "@dcloudio/uni-app";
 	import {
-		ref,onMounted,getCurrentInstance
+		ref,
+    onMounted,
+    getCurrentInstance,
+    nextTick
 	} from "vue";
 	import * as map from "@/utils/map.js";
-	
+  import AMapWX from "@/utils/amap-wx.130";
+  var amapsdk = new AMapWX({
+    key: map.sdkKey
+  });
+
 	const mapRef=ref("mapRef");
 	let oMap=null;
 	const scale=ref(15);
@@ -38,9 +45,11 @@
 	const mapcenter=ref({
 		longitude:"",latitude:""
 	})
+  const polylines = ref([]);
 	
 	onMounted(()=>{
 		oMap= map.getMap("mapRef",getCurrentInstance());
+    pathPlanning()
 	});
 	
 	onLoad((option) => {
@@ -66,12 +75,55 @@
 	//定位
 	const getLocation = () => {
 		map.getLoalcation(oMap, (res) => {
-			const {
-				latitude,
-				longitude
-			} = res;
+        const {
+          latitude,
+          longitude
+        } = res;
 		})
 	}
+
+  //路线规划
+  const pathPlanning = () => {
+
+    map.getLoalcation(oMap, (res) => {
+      const {
+        latitude: slat,
+        longitude: slng
+      } = res;
+
+      const options = {
+        mapsdk:amapsdk,
+        slng,
+        slat,
+        elng:mapcenter.value.longitude,
+        elat:mapcenter.value.latitude,
+        success: (res) => {
+          let {
+            arrPoint,
+            distance
+          } = res;
+
+          oMap.includePoints({
+            points: arrPoint,
+            padding: [50, 50, 50, 50], // 视野边缘与点的间距
+            success: () => {
+              polylines.value = [map.addLine("#1082FF", arrPoint)]
+              console.log(oMap)
+            }
+          });
+        },
+        fail: (res) => {
+          console.log("fail", res);
+        }
+      }
+
+      map.direction(options)
+
+    },null, true)
+
+  }
+
+
 </script>
 
 <style scoped>
diff --git a/ebike-maintenance/utils/commonApi.js b/ebike-maintenance/utils/commonApi.js
new file mode 100644
index 0000000..5c85de1
--- /dev/null
+++ b/ebike-maintenance/utils/commonApi.js
@@ -0,0 +1,25 @@
+import * as api from "./api";
+import {showModelMessage,showMessage} from "./tools";
+
+//寻车铃声启动
+export function checkEcuBells (item) {
+    const {ecuId,bikeId} = item;
+    if (!ecuId) {
+        showModelMessage("请先扫码车辆编号！");
+        return;
+    }
+    uni.showLoading({
+        title:'正在操作'
+    });
+    api.callCoreApi('findEbike', {
+        ecuId,
+        bikeId
+    }, 'get').then(res => {
+        const {
+            code,
+            message
+        } = res;
+        uni.hideLoading();
+        showMessage('指令已下达','success',2000)
+    })
+}
\ No newline at end of file
diff --git a/ebike-maintenance/utils/map.js b/ebike-maintenance/utils/map.js
index 16b7843..3f2dc04 100644
--- a/ebike-maintenance/utils/map.js
+++ b/ebike-maintenance/utils/map.js
@@ -6,7 +6,7 @@ import config from "./config.js";
 
 const imgPath = config.imgPath;
 
-export const sdkKey = '1f8f159583f28dfba6eb06deb55e3b56';
+export const sdkKey = '1f8f159583f28dfba6eb06deb55e3b56';//高德key
 
 export const getMap = (mapid, instance) => {
 	return uni.createMapContext(mapid, {