attiya/ebike-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

图片路径和车辆信息

Browse Source
This commit is contained in:
小小 2025-04-15 10:56:35 +08:00
parent 977e01fa07
commit d1fca21804
3 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ebike-maintenance/components/bike-info/bike-info.vue
View File

@ -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>

8
ebike-maintenance/components/bike-pay/bike-pay.vue Normal file
View File

@ -0,0 +1,8 @@
<template>
</template>
<script>
</script>
<style>
</style>

18
ebike-maintenance/pages/user/home/home.vue
View File

@ -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();