From d1fca218042ab5df3ad23107a54f008ff5278082 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=B0=8F?= <736883394@qq.com>
Date: Tue, 15 Apr 2025 10:56:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E8=B7=AF=E5=BE=84=E5=92=8C?=
 =?UTF-8?q?=E8=BD=A6=E8=BE=86=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/bike-info/bike-info.vue         |  5 +++++
 .../components/bike-pay/bike-pay.vue           |  8 ++++++++
 ebike-maintenance/pages/user/home/home.vue     | 18 +++++++++++-------
 3 files changed, 24 insertions(+), 7 deletions(-)
 create mode 100644 ebike-maintenance/components/bike-pay/bike-pay.vue

diff --git a/ebike-maintenance/components/bike-info/bike-info.vue b/ebike-maintenance/components/bike-info/bike-info.vue
index bfa0b8e..7cb76f7 100644
--- a/ebike-maintenance/components/bike-info/bike-info.vue
+++ b/ebike-maintenance/components/bike-info/bike-info.vue
@@ -29,12 +29,16 @@
 			<label style="margin-right: 15px;"><uni-icons custom-prefix="iconfont" type="icon-ebikejinggao" color="#FF7200" size="12"/></label>
 			<label style="font-size: 10px;">安全骑行，遵守交通规则</label>
 		</div>
+		<div>
+			<div @click="$emit('close')">关闭</div>
+		</div>
 	</div>
 </template>
 
 <script setup>
 	import { ref } from 'vue';
 	const props=defineProps(["bikecode"]);
+	const methods=defineEmits(["close"])
 	const color=ref("#61D145");
 	const data=ref({
 		bikeCode:props.bikecode,
@@ -42,6 +46,7 @@
 		dl:"86%",
 		jl:"50km"
 	})
+	
 </script>
 
 <style scoped>
diff --git a/ebike-maintenance/components/bike-pay/bike-pay.vue b/ebike-maintenance/components/bike-pay/bike-pay.vue
new file mode 100644
index 0000000..02409e3
--- /dev/null
+++ b/ebike-maintenance/components/bike-pay/bike-pay.vue
@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/ebike-maintenance/pages/user/home/home.vue b/ebike-maintenance/pages/user/home/home.vue
index 1a2adf0..7bfe0c6 100644
--- a/ebike-maintenance/pages/user/home/home.vue
+++ b/ebike-maintenance/pages/user/home/home.vue
@@ -1,7 +1,7 @@
 <template>
 	<map id="mapRef" ref="mapRef" style="width: 100%;height: 100vh;" show-location :longitude="location.longitude"
 		:latitude="location.latitude" :markers="markers" :scale="scale" :polygons="polygons" :polyline="polylines"
-		:circles="circles" @markertap="fnshowBikeInfo" />
+		:circles="circles" @markertap="openBikeInfo" />
 	<div v-if="!showBikeInfo" class="divMapTools" style="left: 10px;">
 		<div>
 			<image class="divImg" :src='imgPath+"static/userui/home/localtion.png"' @click="refresh" />
@@ -68,19 +68,19 @@
 	<div v-if="showMess!=1" class="divMess">
 		<uni-card>
 			<uni-list border>
-				<uni-list-item thumb="/static/userui/home/map1.png" thumb-size="lg">
+				<uni-list-item :thumb='imgPath+"static/userui/home/map1.png"' thumb-size="lg">
 					<template v-slot:body>
 						<div class="divMessTitle1">服务区域</div>
 						<div class="divMessTitle2">请在服务区域内骑行</div>
 					</template>
 				</uni-list-item>
-				<uni-list-item thumb="/static/userui/home/map2.png" thumb-size="lg">
+				<uni-list-item :thumb='imgPath+"static/userui/home/map2.png"' thumb-size="lg">
 					<template v-slot:body>
 						<div class="divMessTitle1">换车区域</div>
 						<div class="divMessTitle2">还车时确保车辆已经到达还车区域或者距你最近的停车网点</div>
 					</template>
 				</uni-list-item>
-				<uni-list-item thumb="/static/userui/home/map3.png" thumb-size="lg">
+				<uni-list-item :thumb='imgPath+"static/userui/home/map3.png"' thumb-size="lg">
 					<template v-slot:body>
 						<div class="divMessTitle1">停车网点</div>
 						<div class="divMessTitle2">还车至停车网点，时长费最多可半价优惠</div>
@@ -103,7 +103,7 @@
 		</uni-card>
 	</div>
 	<div v-if="showBikeInfo" style="position: absolute;z-index: 2000;bottom: 0;width: 100vw;">
-		<bike-info bikecode="123456" />
+		<bike-info bikecode="123456" @close="closeBikeInfo"/>
 	</div>
 
 </template>
@@ -284,7 +284,7 @@
 			width: 30,
 			height: 30,
 			zIndex: "100",
-			iconPath: "/static/userui/home/" + icon,
+			iconPath: imgPath+"static/userui/home/" + icon,
 			joinCluster: joinCluster ? true : false
 		};
 	}
@@ -468,11 +468,15 @@
 	}
 
 	//查看车辆信息
-	function fnshowBikeInfo() {
+	function openBikeInfo() {
 		showModelMessage("该功能暂未实现！");
 		showBikeInfo.value = true;
 	}
 
+	//关闭车辆信息
+	function closeBikeInfo(){
+		showBikeInfo.value =false;
+	}
 
 	getLoalcationData();