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:19:23 +08:00
parent b3fa374038
commit 977e01fa07
2 changed files with 129 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,27 +1,27 @@
<template> <template>
<map id="mapRef" ref="mapRef" style="width: 100%;height: 100vh;" show-location :longitude="location.longitude" <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" :latitude="location.latitude" :markers="markers" :scale="scale" :polygons="polygons" :polyline="polylines"
:circles="circles" /> :circles="circles" @markertap="fnshowBikeInfo" />
<div v-if="!showBikeInfo" class="divMapTools" style="left: 10px;"> <div v-if="!showBikeInfo" class="divMapTools" style="left: 10px;">
<div> <div>
<image class="divImg" src="/static/userui/home/localtion.png" @click="refresh" /> <image class="divImg" :src='imgPath+"static/userui/home/localtion.png"' @click="refresh" />
</div> </div>
<div> <div>
<image class="divImg" src="/static/userui/home/fault.png" @click="reportFault" /> <image class="divImg" :src='imgPath+"static/userui/home/fault.png"' @click="reportFault" />
</div> </div>
</div> </div>
<div v-if="!showBikeInfo" class="divMapTools" style="right: 10px;"> <div v-if="!showBikeInfo" class="divMapTools" style="right: 10px;">
<div> <div>
<image class="divImg" src="/static/userui/home/packing.png" @click="getSite" /> <image class="divImg" :src='imgPath+"static/userui/home/packing.png"' @click="getSite" />
</div> </div>
<div> <div>
<image class="divImg" src="/static/userui/home/mine.png" @click="getMine" /> <image class="divImg" :src='imgPath+"static/userui/home/mine.png"' @click="getMine" />
</div> </div>
</div> </div>
<div v-if="hasOrder" class="divMapOrder" @click="showOrderInfo"> <div v-if="hasOrder" class="divMapOrder" @click="showOrderInfo">
<div> <div>
<image style="width: 15px;height: 15px;margin-left: 15px;margin-right: 10px;" <image style="width: 15px;height: 15px;margin-left: 15px;margin-right: 10px;"
src="/static/userui/home/speaker.png" /> :src='imgPath+"static/userui/home/speaker.png"' />
<label>有骑行订单未支付，请查看</label> <label>有骑行订单未支付，请查看</label>
</div> </div>
<div style="margin-right: 15px;"> <div style="margin-right: 15px;">
@ -37,7 +37,7 @@
<div v-if="showOrder" class="divOrder"> <div v-if="showOrder" class="divOrder">
<div class="divOrderRow"> <div class="divOrderRow">
<div class="divOrderCell"> <div class="divOrderCell">
<image class="divOrderImg" src="/static/userui/home/money.png" /> <image class="divOrderImg" :src='imgPath+"static/userui/home/money.png"' />
<label>费用：</label> <label>费用：</label>
<label>{{order.money}}元</label> <label>{{order.money}}元</label>
</div> </div>
@ -47,25 +47,24 @@
</div> </div>
<div class="divOrderRow" style="font-size: 12px;"> <div class="divOrderRow" style="font-size: 12px;">
<div class="divOrderCell"> <div class="divOrderCell">
<image class="divOrderImg" src="/static/userui/home/timer.png" /> <image class="divOrderImg" :src='imgPath+"static/userui/home/timer.png"' />
<label>计时：</label> <label>计时：</label>
<label style="color: #61D246;">{{order.time}}</label> <label style="color: #61D246;">{{order.time}}</label>
</div> </div>
<div class="divOrderCell2"> <div class="divOrderCell2">
<image class="divOrderImg" src="/static/userui/home/bike.png" /> <image class="divOrderImg" :src='imgPath+"static/userui/home/bike.png"' />
<label>骑行：</label> <label>骑行：</label>
<label style="color: #61D246;">{{order.mileage}}</label> <label style="color: #61D246;">{{order.mileage}}</label>
</div> </div>
</div> </div>
<div class="divOderBtn"> <div class="divOderBtn">
<image v-if="orderState==0" style="width: 120px;height: 40px;" src="/static/userui/home/lock.png" <image v-if="orderState==0" style="width: 120px;height: 40px;" :src='imgPath+"static/userui/home/lock.png"'
@click="lockRiding" /> @click="lockRiding" />
<image v-if="orderState==1" style="width: 120px;height: 40px;" src="/static/userui/home/run.png" <image v-if="orderState==1" style="width: 120px;height: 40px;" :src=' imgPath+"static/userui/home/run.png"'
@click="continueRiding" /> @click="continueRiding" />
<image style="width: 160px;height: 40px;" src="/static/userui/home/end.png" @click="endRiding" /> <image style="width: 160px;height: 40px;" :src='imgPath+"static/userui/home/end.png"' @click="endRiding" />
</div> </div>
</div> </div>
<div v-if="showMess!=1" class="divMess"> <div v-if="showMess!=1" class="divMess">
<uni-card> <uni-card>
<uni-list border> <uni-list border>
@ -104,7 +103,7 @@
</uni-card> </uni-card>
</div> </div>
<div v-if="showBikeInfo" style="position: absolute;z-index: 2000;bottom: 0;width: 100vw;"> <div v-if="showBikeInfo" style="position: absolute;z-index: 2000;bottom: 0;width: 100vw;">
<bike-info bikecode="123456"/> <bike-info bikecode="123456" />
</div> </div>
</template> </template>
@ -124,8 +123,12 @@
callOperateApi callOperateApi
} from "@/utils/api.js"; } from "@/utils/api.js";
import { findIndex } from 'lodash'; import {
findIndex
} from 'lodash';
import config from '@/utils/config';
const imgPath = config.imgPath;
const location = ref({ const location = ref({
longitude: "", longitude: "",
@ -162,10 +165,10 @@
//车辆 //车辆
let arrBikeData = []; let arrBikeData = [];
const showBikeInfo=ref(false); const showBikeInfo = ref(false);
//加载数据 //加载数据
function getLoalcationData () { function getLoalcationData() {
uni.getLocation({ uni.getLocation({
type: 'gcj02', type: 'gcj02',
geocode: true, geocode: true,
@ -175,25 +178,40 @@
longitude longitude
} = res; } = res;
location.value = { location.value = {
longitude:103.975457,latitude:30.633199 longitude: 103.975457,
latitude: 30.633199
}; };
const params={longitude:103.975457,latitude:30.633199}; const params = {
callOrdereApi("userOrders/bikeList",params,"post").then(res=>{ longitude: 103.975457,
console.log("11111111111111111","userOrders/bikeList",res); latitude: 30.633199
const{code,data,message}=res; };
if(code!=200){ callOrdereApi("userOrders/bikeList", params, "post").then(res => {
console.log("11111111111111111", "userOrders/bikeList", res);
const {
code,
data,
message
} = res;
if (code != 200) {
showModelMessage(message); showModelMessage(message);
return; return;
} }
arrBikeData=data||[]; arrBikeData = data || [];
const arrData=markers.value||[]; const arrData = markers.value || [];
arrBikeData.map((item) => { arrBikeData.map((item) => {
const{longitude,latitude}=item; const {
let index=findIndex(arrData,{longitude,latitude}); longitude,
index=index==-1?arrData.length:index; latitude
arrData[index]=addMarker(index, longitude, latitude, "mapbike.png",true); } = item;
let index = findIndex(arrData, {
longitude,
latitude
});
index = index == -1 ? arrData.length : index;
arrData[index] = addMarker(index, longitude, latitude, "mapbike.png",
true);
}) })
markers.value =arrData ; markers.value = arrData;
}) })
@ -204,41 +222,45 @@
}); });
} }
function clickMess () { function clickMess() {
uni.setStorageSync("kbike-mess", 1); uni.setStorageSync("kbike-mess", 1);
showMess.value = 1; showMess.value = 1;
} }
//刷新 //刷新
function refresh () { function refresh() {
getLoalcationData(); getLoalcationData();
} }
//故障上报 //故障上报
function reportFault () { function reportFault() {
if (!oUser) { if (!oUser) {
tologin(); tologin();
return; return;
} }
showModelMessage("该功能暂未实现！"); uni.navigateTo({
url: "/pages/user/login/TroubleReportUser"
})
} }
//站点 //站点
function getSite () { function getSite() {
showModelMessage("该功能暂未实现！"); showModelMessage("该功能暂未实现！");
} }
//个人中心 //个人中心
function getMine () { function getMine() {
if (!oUser) { if (!oUser) {
tologin(); tologin();
return; return;
} }
showModelMessage("该功能暂未实现！"); uni.navigateTo({
url: "/pages/user/mine/MePage"
})
} }
//扫描 //扫描
function scanBike () { function scanBike() {
if (!oUser) { if (!oUser) {
tologin(); tologin();
return; return;
@ -247,14 +269,14 @@
userId userId
} = oUser; } = oUser;
uni.navigateTo({ uni.navigateTo({
url:"/pages/user/scan/scancode?type=ride" url: "/pages/user/scan/scancode?type=ride"
}) })
} }
//添加点 //添加点
function addMarker (id, longitude, latitude, icon,joinCluster) { function addMarker(id, longitude, latitude, icon, joinCluster) {
return { return {
id: id, id: id,
latitude, latitude,
@ -263,7 +285,7 @@
height: 30, height: 30,
zIndex: "100", zIndex: "100",
iconPath: "/static/userui/home/" + icon, iconPath: "/static/userui/home/" + icon,
joinCluster: joinCluster?true:false joinCluster: joinCluster ? true : false
}; };
} }
@ -276,7 +298,7 @@
} }
} }
//显示订单 //显示订单
function showOrderInfo () { function showOrderInfo() {
showOrder.value = true; showOrder.value = true;
} }
@ -314,12 +336,11 @@
//0-进行中 1-已取消 2-待支付 3-已支付 4-退款中 5-已退款 //0-进行中 1-已取消 2-待支付 3-已支付 4-退款中 5-已退款
orderState.value = tempLock ? 1 : 0; orderState.value = tempLock ? 1 : 0;
orderData = data; orderData = data;
if(status==2){ if (status == 2) {
completeRiding(); completeRiding();
hasOrder.value = true; hasOrder.value = true;
return; return;
} } else if (status != 0) {
else if(status!=0){
completeRiding(); completeRiding();
return; return;
} }
@ -335,7 +356,9 @@
function getTracking() { function getTracking() {
const { const {
bikeCode, bikeCode,
createdAt,ridePoint, returnPoint createdAt,
ridePoint,
returnPoint
} = orderData; } = orderData;
const params = { const params = {
ebikeCode: bikeCode, ebikeCode: bikeCode,
@ -351,7 +374,7 @@
if (code != 200) { if (code != 200) {
return; return;
} }
const arrPoints =!data?[]: data.map(item => { const arrPoints = !data ? [] : data.map(item => {
const { const {
lngGCJ02, lngGCJ02,
latGCJ02 latGCJ02
@ -361,37 +384,39 @@
latitude: latGCJ02 latitude: latGCJ02
} }
}) })
const lng= startPoint[0]; const lng = startPoint[0];
const lat=startPoint[1]; const lat = startPoint[1];
const start={ const start = {
longitude:lng, longitude: lng,
latitude: lat latitude: lat
} }
// const end={ // const end={
// longitude: endPoint[0], // longitude: endPoint[0],
// latitude: endPoint[1] // latitude: endPoint[1]
// } // }
arrPoints.splice(0,0,start); arrPoints.splice(0, 0, start);
// arrPoints.push(end); // arrPoints.push(end);
const arrMakers=markers.value||[]; const arrMakers = markers.value || [];
const id=10000000; const id = 10000000;
let index=findIndex(arrMakers,{id}); let index = findIndex(arrMakers, {
index=index==-1?arrMakers.length:index; id
arrMakers[index]=addMarker(id,lng,lat,"mapstart.png"); });
markers.value=arrMakers[index]; index = index == -1 ? arrMakers.length : index;
polylines.value=[addLine("#168DED",arrPoints)]; arrMakers[index] = addMarker(id, lng, lat, "mapstart.png");
markers.value = arrMakers[index];
polylines.value = [addLine("#168DED", arrPoints)];
}) })
} }
//完成骑行 //完成骑行
function completeRiding(){ function completeRiding() {
if(!orderTimer) return; if (!orderTimer) return;
clearInterval(orderTimer); clearInterval(orderTimer);
orderTimer=null; orderTimer = null;
showOrder.value = false; showOrder.value = false;
hasOrder.value = false; hasOrder.value = false;
orderState.value=0; orderState.value = 0;
} }
function tologin() { function tologin() {
@ -409,15 +434,24 @@
//结束用车 //结束用车
function endRiding() { function endRiding() {
showModelMessage("该功能暂未实现！"); showModelMessage("该功能暂未实现！");
const {userId}=oUser; const {
userId
} = oUser;
const { const {
bikeCode bikeCode
} = orderData; } = orderData;
const params={userId,bikeCode} const params = {
callOrdereApi("userOrders/doneRide",params,"post").then(res=>{ userId,
const{code,data,message}=res; bikeCode
console.log("111111111111111111111111","endRiding",res); }
if(code!=200){ callOrdereApi("userOrders/doneRide", params, "post").then(res => {
const {
code,
data,
message
} = res;
console.log("111111111111111111111111", "endRiding", res);
if (code != 200) {
showModelMessage(message); showModelMessage(message);
return; return;
} }
@ -433,6 +467,12 @@
//getOrder(); //getOrder();
} }
//查看车辆信息
function fnshowBikeInfo() {
showModelMessage("该功能暂未实现！");
showBikeInfo.value = true;
}
getLoalcationData(); getLoalcationData();

5
ebike-maintenance/utils/config.js
View File

@ -1,7 +1,8 @@
const config = { const config = {
apiUrl: "https://attiya.fun/ebike/", apiUrl: "http://192.168.2.156:10010/",
cdnPath: "/", cdnPath: "/",
ERR_OK: 200, ERR_OK: 200,
sm2PublicKey: "04f5084ee12767d932f293508e30e3b0100185042ec0f061dedaf92b793b93f79fd6179d5e47e25b7aec98e00cf90dd56df1f8191012537187e7bbfd2d1de299fc" //f8209a2ebe6691e41e1f2b667bfe71f0b511716cc0f7c4452502fc12ec3957e4 sm2PublicKey: "04f5084ee12767d932f293508e30e3b0100185042ec0f061dedaf92b793b93f79fd6179d5e47e25b7aec98e00cf90dd56df1f8191012537187e7bbfd2d1de299fc", //f8209a2ebe6691e41e1f2b667bfe71f0b511716cc0f7c4452502fc12ec3957e4
imgPath:"https://attiya.fun/ebike-file/cdn-bucket/maintenance/"
} }
export default config; export default config;