From b3fa374038f897167c6278c49d053851b508b885 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=B0=8F?= <736883394@qq.com>
Date: Mon, 14 Apr 2025 18:51:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E8=BD=A6=E8=BE=86?=
 =?UTF-8?q?=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        |  63 ++++++++++++++++++
 ebike-maintenance/pages/user/home/home.vue    |   9 ++-
 ebike-maintenance/static/iconfont.css         |  22 +++++-
 ebike-maintenance/static/iconfont.ttf         | Bin 17164 -> 18152 bytes
 4 files changed, 91 insertions(+), 3 deletions(-)
 create mode 100644 ebike-maintenance/components/bike-info/bike-info.vue

diff --git a/ebike-maintenance/components/bike-info/bike-info.vue b/ebike-maintenance/components/bike-info/bike-info.vue
new file mode 100644
index 0000000..bfa0b8e
--- /dev/null
+++ b/ebike-maintenance/components/bike-info/bike-info.vue
@@ -0,0 +1,63 @@
+<template>
+	<div style="padding: 10px;background-color: white;">
+		<div class="divRow" style="justify-content: space-between !important;">
+			<div style="font-size: 14px;">
+				{{data.bikeCode}}
+			</div>
+			<div>
+				<label>状态：</label>
+				<label class="lbImg"><uni-icons custom-prefix="iconfont" type="icon-ebikexuanzhong" :color="color" size="16"/></label>
+				<label>正常</label>
+			</div>
+		</div>
+		<div class="divRow">
+			<div class="lbTitle">剩余电量：</div>
+			<div>
+				<label class="lbImg"><uni-icons custom-prefix="iconfont" type="icon-ebikeelectricity-full" :color="color" size="16"/></label>
+				<label>{{data.dl}}</label>
+			</div>
+		</div>
+		<div class="divRow">
+			<div class="lbTitle">可骑行距离：</div>
+			<div>
+				<label class="lbImg"><uni-icons custom-prefix="iconfont" type="icon-ebikeditu2" :color="color" size="16"/></label>
+				<label>{{data.jl}}</label>
+			</div>
+			
+		</div>
+		<div style="margin-top: 30px;margin-bottom: 30px;">
+			<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>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	const props=defineProps(["bikecode"]);
+	const color=ref("#61D145");
+	const data=ref({
+		bikeCode:props.bikecode,
+		zt:1,
+		dl:"86%",
+		jl:"50km"
+	})
+</script>
+
+<style scoped>
+	.divRow{
+		font-size: 12px;
+		color: #000;
+		line-height: 25px;
+		display: flex;
+	}
+	
+	.lbTitle{
+		text-align: right;
+		width: 80px;
+	}
+	
+	.lbImg{
+		margin-right: 5px;
+	}
+</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 85d03c2..eb1501d 100644
--- a/ebike-maintenance/pages/user/home/home.vue
+++ b/ebike-maintenance/pages/user/home/home.vue
@@ -2,7 +2,7 @@
 	<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" />
-	<div class="divMapTools" style="left: 10px;">
+	<div v-if="!showBikeInfo" class="divMapTools" style="left: 10px;">
 		<div>
 			<image class="divImg" src="/static/userui/home/localtion.png" @click="refresh" />
 		</div>
@@ -10,7 +10,7 @@
 			<image class="divImg" src="/static/userui/home/fault.png" @click="reportFault" />
 		</div>
 	</div>
-	<div class="divMapTools" style="right: 10px;">
+	<div  v-if="!showBikeInfo"  class="divMapTools" style="right: 10px;">
 		<div>
 			<image class="divImg" src="/static/userui/home/packing.png" @click="getSite" />
 		</div>
@@ -103,6 +103,9 @@
 			</div>
 		</uni-card>
 	</div>
+	<div v-if="showBikeInfo" style="position: absolute;z-index: 2000;bottom: 0;width: 100vw;">
+		<bike-info bikecode="123456"/>
+	</div>
 
 </template>
 
@@ -122,6 +125,7 @@
 	} from "@/utils/api.js";
 	
 	import { findIndex } from 'lodash';
+	
 
 	const location = ref({
 		longitude: "",
@@ -158,6 +162,7 @@
 
 	//车辆
 	let arrBikeData = [];
+	const showBikeInfo=ref(false);
 
 	//加载数据
 	function getLoalcationData () {
diff --git a/ebike-maintenance/static/iconfont.css b/ebike-maintenance/static/iconfont.css
index 6105de8..306b80f 100644
--- a/ebike-maintenance/static/iconfont.css
+++ b/ebike-maintenance/static/iconfont.css
@@ -1,6 +1,6 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4868066 */
-  src: url('iconfont.ttf?t=1743500476242') format('truetype');
+  src: url('iconfont.ttf?t=1744624163365') format('truetype');
 }
 
 .iconfont {
@@ -11,6 +11,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-ebikeditu2:before {
+  content: "\e620";
+}
+
+.icon-ebikejinggao:before {
+  content: "\e607";
+}
+
+.icon-ebikexuanzhong:before {
+  content: "\e616";
+}
+
+.icon-ebikeelectricity-full:before {
+  content: "\e996";
+}
+
+.icon-ebikeback:before {
+  content: "\e606";
+}
+
 .icon-ebikedingwei2:before {
   content: "\e619";
 }
diff --git a/ebike-maintenance/static/iconfont.ttf b/ebike-maintenance/static/iconfont.ttf
index 21b2509e353406be6b0a014f0c1af4f68fe4b8bc..6c88f510f704e183df02b099aa6dc97c6aeb2d91 100644
GIT binary patch
delta 2186
zcmbW2d1xHh9ml_KW_M>t+L^sZv)Yxtx-6}%m1JwB-E~x3woD2R4J3rxAts5V!`7<N
zk+^b@d#xZ)o76QeQr!glhe=5ONNH=TVERWO`J?o}7=r0xs7X>VPja1$#3m_7yZt`D
z9^~J?;q&gt`yJnzIrn|B@k8;W-PMKXg0}$Uw?MEmJ$w4Z-P02bK=^0CeO~4G_*DMJ
zWBUQTPf8U|gdYv`v;QX9QJGs@y8d?kV?cbs@%7n-$?>Bv9eSDP`#7GT8((@xOo=?#
zn>lWqAD=rOdu8t>V2l{k&n$e?S$y~7)!V@R++bY&@td9dOAy>kdd;7_bS%2}E*b-z
z0B&}?@XCMM`rZ1e!1LxAj>9n2EQ>l<TFHvPnnrzdC1&hgag57DH}1_t`~~K{ULV^A
zUUmZk@j6dDhyw^BA}tw_QR&N!Y+JcwjCi*$+#age0SReyAt}>b7&S*idST_+z}KpR
zr;p+(J||H5?=y@4=K+S0f`=$9G|?ghIdoztVrWDQwjoWsLnzV*7p>@~-}YWQ(uE}A
zXh%PWk${5;no&R-Ixv79_}GD73}QESp$~avupI$p8LQCRvjIa?xu3;2r)rj>@>fH1
zAQ@5x4TEHu6*Ljj)X-Q+W=BD@A%hw^02$KI6-c#4RH~${p?i>3W<nBr3fZWk&yX}r
zLGK~eC4_N+OllYrNM#6NY#`Nzgi(U@HH;Ue8WTniGNZZYWE=aWsw5$IXc$<?UJXMG
zxl6-fLk?;fcF2MT$`chOq9i3%^ayhTxlhCFK;Exmo**C6Fk_I9@P1Zc@*uyiVHzPH
z)i9xuk7<}%$Z?HInq1N_-H<=kF!7K-*MQ#1UuY->$ZHzP0`jH?Jyl?xRw<|ztkZG@
zRfF}shWf$!uQgN>)_<>|rm%5XLv>-}X$^ITjk6jm4jaGGP<yz=G$^P-+`2%jtSCs_
zW(XBZnk=v3nuv&sc+rR%JB(%HALf+#hd?&)VBlzAHFz+1Ew~w4wtgADXdCv8hLeq-
zL|$`3&XgnFg8N1EVD!`2!Pw<^Z=x@8A-R}*+dJW{`eFacR3J5*`cw0s^gEe>7PsZa
zZ7<M&rQ7=7&9}@}hOdMXJcMI>q38IHbVo(5+ZBGR5!bDVcNK@bJ3`xq6<2Lj-1Ey_
zLH{eFJSvLuVbhA2&3HL3{FFa5SSXjurQ+~_=x{}omns*sY^;#go$D?RkBU_1@Mu+V
z(sM<}fH2o0(GT}I&9)QyYVd407P9Tt+D#`B`CGCjnTm?2*c}K4KZ!)ge#NqNxN+Hz
z#~Z4RUg7Z6kwVj}ZRK{yo|v#5cFNK8_KfRhwx^@UpBv0xFBr)*2YsXV`A##Oh#3R5
zj~@QE?KpPzI~_*FO(xx~lTpv?JuLc+M8r5Bt6gpt$=0n^;bv=h#2-^@j{8PauCH)p
zaPUYW-*bg`Y)i+^{UDxcX)m`eMbpt}I;$#}_09SlfuK3Tw<)1C)g=Z*$P%Hf7-}z!
zimuM$P_Z*UWPVtiYaXkPrEBxe*2r$NYjDJ>Z9Bm7i1E98Hk;oX>3txde;~4dS$t1v
zf}f81ascKs72n3cRYz`s*%@Zw%cVjpD^k8^xxxx1Mb1hMri6jYvB%HndU|r_A3yfa
z|GJghduI<_vBb<WSE^rH(z}eSwfD{(x)KsIP@fQ`PvauL2fMIeX=0yXMmyV8PUGIc
zo#GtrVBKwcA+B{(3njYiH(Bv7Png%knf{i|J1zYgwq`ZLPB`KFM?GirGuQJR({a5^
zwzYN9vTe(F%Cg1PpgnnSd#3ihJ~n9w8@l|M-&L#gh%3J9@L;NTNgWXnv)0ji%bYjI
zXg@#R!W<Pj!DxxnfWc%~O@2!F1#{2bbG8WA&O{>ObXX)acI`<^2ur+dXT)l)WM^!#
z6yf5Mok?)t6INrW(W*TW##&E!ZjUIfTsSaspBNIuq9{tDjNsJF;;Dl5jhXrB>G1`7
q>D2iAw<-(s)3M{T$0rw0&P>iMp6)+!YIZg-F+Tb9+CL8@jeh|o<;^7k

delta 1208
zcmb7@%}Z2a7{$-MbJfuqXU1{HbSksd@~d(ZLrlwsP^$_lw1{j<Q_8Q%!WJ<L!CF{Y
z(+9MOL}+0Mku4%@BT^f25k(L#TG%rawkq63(|LXB59nTg_ulutAMbO{d2Z^KH9lrd
z)W)~3JS_$6=RiiVr|;VNnXkjo0CxpYztY<s>#Bb38wBu$?Cs@*yWQbE%#pI*{^5~@
zH|d{%^_}B|zQJ>`lFFzL$XejIt3Ng}WOZ8AykE$1$v~{XJ22J6wf1|tX3x;z<=o-x
zvE|!9%P=SI-<c~t5QW8O$@JsVOP&6vHFz9O04sUj`~IENYw0V_sOtvDZrEm)n|Uvq
zD7HQ&vhAhl{Q4Ny99-*HH9Y5Vk$E`Q1fM*F7G%IJ8R8Ycge8*5aWw{3>(XgJAlaPE
zm!d?6tI;u&iAm>R+~Qkp=-_?|r~mF}@&7xp3qkl<kBtDfp%`WGAQJ`HfDo&#MK&VX
z%8DJ<SOOos*o2B**o|BY&O$zRVk0)A5~aw)7L=m~)u_S_Y)2S{D54vgQ<IJrr&4-N
z-AB!lTdk3&unGuWGq4^AoiwmAh)Xe^2?H<~rzJyS-84y|0*HBzPz%JPP*ohl<qZ@F
zF&`$B3dvU}8WK_{9}-q*1cW*aCP0ZO>jKJnO=uION}*wp-3qOPL=8s2QL;y&pO89*
z&O+)Hl<?fF&}~SoV!V?h3KM{|Dd0aK#}tMFX;&Bz<b=YYAn_OvgqcA`6s8Axs4zze
ze>ejZh0G|-7V=(U%8(U>c_W#pFnJ`)74`s<)e5@-$rnnTje+Dlg)M^AafQu-)J27D
zgVarh4TRJyg{_2djLN{K!YZ9JnD$!VMlg<))n+Z)wf30((w?_}xu%^)r^`uY7G$}z
zF1VXp-Jf$hJU-8WXVH7u`zZHJ?zHcuZ`xn%zZ<w0_?@>LtOzaze}#rZZ^M1z4+TvH
gPYN3f9~51UAo62&(bL~xMH7v!XD!TrY|Xd-04=5cg8%>k