Merge branch 'main' of http://47.109.71.130:3000/attiya/ebike-ui into main
This commit is contained in:
LHG
commit
e4adbe3a0a
@ -5,18 +5,17 @@
|
||||
padding-left: 10px;
|
||||
font-size: 16px;
|
||||
color: #d8d3d3db;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.divHead label {
|
||||
margin-right: 20px;
|
||||
margin-right: 30px;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 2px solid #bdb9b9a1;
|
||||
}
|
||||
|
||||
.divHeadSel {
|
||||
margin-right: 20px;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 2px solid white;
|
||||
|
||||
border-bottom: 2px solid white !important;
|
||||
font-weight: bold;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<view class="uni-common-mt container">
|
||||
<view class="title">欢迎使用乐享运维</view>
|
||||
<view class="title">欢迎使用景上运维</view>
|
||||
|
||||
<!-- 用户名输入框 -->
|
||||
<view class="input-group">
|
||||
@ -135,7 +135,7 @@
|
||||
|
||||
<style scoped>
|
||||
.container {
|
||||
padding: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.container .title {
|
||||
|
||||
@ -62,7 +62,8 @@
|
||||
@click="lockRiding" />
|
||||
<image v-if="orderState==1" style="width: 120px;height: 40px;" :src=' imgPath+"static/userui/home/run.png"'
|
||||
@click="continueRiding" />
|
||||
<image style="width: 160px;height: 40px;" :src='imgPath+"static/userui/home/end.png"' @click="endRiding" />
|
||||
<image style="width: 160px;height: 40px;" :src='imgPath+"static/userui/home/endride.png"'
|
||||
@click="endRiding" />
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="showMess!=1" class="divMess">
|
||||
@ -131,7 +132,10 @@
|
||||
findIndex
|
||||
} from 'lodash';
|
||||
import config from '@/utils/config';
|
||||
import {onShow} from "@dcloudio/uni-app";
|
||||
import {
|
||||
onShow,
|
||||
onUnload
|
||||
} from "@dcloudio/uni-app";
|
||||
import * as map from "@/utils/usermap.js";
|
||||
|
||||
const imgPath = config.imgPath;
|
||||
@ -145,6 +149,8 @@
|
||||
const polygons = ref([]); //面
|
||||
const polylines = ref([]); //线
|
||||
const circles = ref([]); //圆
|
||||
const pointStart=100000000000;
|
||||
const pointEnd=100000000001;
|
||||
|
||||
let oMap = null;
|
||||
|
||||
@ -171,16 +177,14 @@
|
||||
const showOrderPay = ref(false);
|
||||
|
||||
|
||||
|
||||
//车辆
|
||||
let arrBikeData = [];
|
||||
const showBikeInfo = ref(false);
|
||||
|
||||
//加载数据
|
||||
function getLoalcationData() {
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
geocode: true,
|
||||
success(res) {
|
||||
map.getLoalcation(res=>{
|
||||
const {
|
||||
latitude,
|
||||
longitude
|
||||
@ -189,6 +193,7 @@
|
||||
latitude,
|
||||
longitude
|
||||
};
|
||||
oMap.moveToLocation({})
|
||||
const params = {
|
||||
latitude,
|
||||
longitude,
|
||||
@ -221,13 +226,23 @@
|
||||
true);
|
||||
})
|
||||
markers.value = arrData;
|
||||
})
|
||||
|
||||
},
|
||||
fail(res) {
|
||||
|
||||
}
|
||||
});
|
||||
})
|
||||
// uni.getLocation({
|
||||
// type: 'gcj02',
|
||||
// geocode: true,
|
||||
// success(res) {
|
||||
// location.value = {
|
||||
// latitude,
|
||||
// longitude
|
||||
// };
|
||||
|
||||
|
||||
// },
|
||||
// fail(res) {
|
||||
|
||||
// }
|
||||
// });
|
||||
}
|
||||
|
||||
function clickMess() {
|
||||
@ -342,9 +357,14 @@
|
||||
return;
|
||||
}
|
||||
showOrder.value = true;
|
||||
if (!orderTimer) {
|
||||
orderTimer = setInterval(getTracking, 10000);
|
||||
if(tempLock==1){
|
||||
getTracking();
|
||||
return;
|
||||
}
|
||||
getTracking();
|
||||
// if (!orderTimer) {
|
||||
// orderTimer = setInterval(getTracking, 100000);
|
||||
// }
|
||||
})
|
||||
}
|
||||
|
||||
@ -361,10 +381,14 @@
|
||||
ebikeCode: bikeCode,
|
||||
startTime: createdAt
|
||||
}
|
||||
if(endTime) params={...params,endTime}
|
||||
if (endTime) params = {
|
||||
...params,
|
||||
endTime
|
||||
}
|
||||
|
||||
console.log("7777777777777", params);
|
||||
callOperateApi("ebikeTracking/query", params, "post").then(res => {
|
||||
console.log("7777777777777", "ebikeTracking/query", res);
|
||||
const {
|
||||
code,
|
||||
data,
|
||||
@ -373,7 +397,7 @@
|
||||
if (code != 200) {
|
||||
return;
|
||||
}
|
||||
const arrPoints = !data ? [] : data.map(item => {
|
||||
const arrPoints = (!data || data.length == 0) ? [] : data.map(item => {
|
||||
const {
|
||||
lngGCJ02,
|
||||
latGCJ02
|
||||
@ -382,11 +406,8 @@
|
||||
longitude: lngGCJ02,
|
||||
latitude: latGCJ02
|
||||
}
|
||||
})
|
||||
if(data){
|
||||
let {lngGCJ02:endlng,latGCJ02:endlat}=data[data.length-1];
|
||||
arrMakers[index+1] = map.addMarker(id, endlng, endlat, "end.png");
|
||||
}
|
||||
});
|
||||
|
||||
const startPoint = ridePoint.split(",");
|
||||
const lng = startPoint[0];
|
||||
const lat = startPoint[1];
|
||||
@ -394,15 +415,18 @@
|
||||
longitude: lng,
|
||||
latitude: lat
|
||||
}
|
||||
arrPoints.splice(0, 0, start);
|
||||
|
||||
const arrMakers = markers.value || [];
|
||||
const id = 10000000;
|
||||
let index = findIndex(arrMakers, {
|
||||
id
|
||||
});
|
||||
index = index == -1 ? arrMakers.length : index;
|
||||
arrMakers[index] = map.addMarker(id, lng, lat, "start.png");
|
||||
arrPoints.splice(0, 0, start);
|
||||
let indexStart = findIndex(arrMakers, {pointStart});
|
||||
indexStart = indexStart == -1 ? arrMakers.length : indexStart;
|
||||
arrMakers[indexStart] = map.addMarker(pointStart, lng, lat, "start.png");
|
||||
if (data && data.length > 0) {
|
||||
let {
|
||||
lngGCJ02: endlng,
|
||||
latGCJ02: endlat
|
||||
} = data[data.length - 1];
|
||||
arrMakers[indexStart + 1] = map.addMarker(pointEnd, endlng, endlat, "end.png");
|
||||
}
|
||||
markers.value = arrMakers;
|
||||
if (arrPoints.length > 1) {
|
||||
polylines.value = [map.addLine("#168DED", arrPoints)];
|
||||
@ -428,25 +452,35 @@
|
||||
|
||||
//临时锁车
|
||||
function lockRiding() {
|
||||
showModelMessage("该功能暂未实现！");
|
||||
const {
|
||||
userId
|
||||
} = oUser;
|
||||
const{bikeCode}=orderData;
|
||||
const {
|
||||
bikeCode
|
||||
} = orderData;
|
||||
const params = {
|
||||
userId,
|
||||
bikeCode
|
||||
}
|
||||
callOrdereApi("userOrders/tempLock", params, "post").then(res => {
|
||||
const{code,message,data}=res;
|
||||
console.log("6666666666666666","lockRiding",res);
|
||||
});
|
||||
const {
|
||||
code,
|
||||
message,
|
||||
data
|
||||
} = res;
|
||||
showModelMessage(message)
|
||||
if(code==200){
|
||||
if(orderTimer) {
|
||||
clearInterval(orderTimer);
|
||||
orderTimer=null;
|
||||
}
|
||||
orderState.value = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//结束用车
|
||||
function endRiding() {
|
||||
showModelMessage("该功能暂未实现！");
|
||||
const {
|
||||
userId
|
||||
} = oUser;
|
||||
@ -463,20 +497,43 @@
|
||||
data,
|
||||
message
|
||||
} = res;
|
||||
console.log("111111111111111111111111", "endRiding", res);
|
||||
if (code != 200) {
|
||||
showModelMessage(message);
|
||||
return;
|
||||
}
|
||||
completeRiding();
|
||||
openOrderPay();
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
//继续骑行 需要开锁
|
||||
function continueRiding() {
|
||||
showModelMessage("该功能暂未实现！");
|
||||
const {
|
||||
userId
|
||||
} = oUser;
|
||||
const {
|
||||
bikeCode
|
||||
} = orderData;
|
||||
const params = {
|
||||
userId,
|
||||
bikeCode
|
||||
}
|
||||
callOrdereApi("userOrders/continueCycling", params, "post").then(res => {
|
||||
const {
|
||||
code,
|
||||
message,
|
||||
data
|
||||
} = res;
|
||||
showModelMessage(message)
|
||||
if(code==200){
|
||||
if(orderTimer) {
|
||||
clearInterval(orderTimer);
|
||||
orderTimer=null;
|
||||
}
|
||||
orderState.value = 0;
|
||||
}
|
||||
});
|
||||
//getOrder();
|
||||
}
|
||||
|
||||
@ -498,15 +555,17 @@
|
||||
showTools.value = true;
|
||||
}
|
||||
|
||||
getLoalcationData();
|
||||
|
||||
onShow(() => {
|
||||
oUser=uni.getStorageSync("wechat_user");
|
||||
console.log("7777777777777777777777",oUser)
|
||||
onMounted(()=>{
|
||||
const instance = getCurrentInstance();
|
||||
oMap = uni.createMapContext("mapRef", {
|
||||
this: instance.proxy
|
||||
});
|
||||
})
|
||||
onShow(() => {
|
||||
oUser = uni.getStorageSync("wechat_user");
|
||||
console.log("7777777777777777777777","oUser", oUser)
|
||||
getLoalcationData();
|
||||
|
||||
const {
|
||||
userId
|
||||
} = oUser;
|
||||
@ -515,6 +574,10 @@
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
onUnload(() => {
|
||||
console.log("9999999999999999999", "onUnload",orderTimer);
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
@ -53,7 +53,9 @@
|
||||
callOrdereApi
|
||||
} from "@/utils/api.js";
|
||||
import config from '@/utils/config';
|
||||
import {addOrder} from "@/utils/usermap.js";
|
||||
import {
|
||||
addOrder
|
||||
} from "@/utils/usermap.js";
|
||||
|
||||
const imgPath = config.imgPath;
|
||||
|
||||
@ -86,13 +88,13 @@
|
||||
bikeCode = options["number"];
|
||||
if (type == "ride") {
|
||||
addOrder(bikeCode, (res) => {
|
||||
console.log("00000000000000000000", res);
|
||||
if (!res) {
|
||||
setTimeout(() => {
|
||||
bikeCode = null;
|
||||
}, 1000);
|
||||
return;
|
||||
}
|
||||
else{
|
||||
} else {
|
||||
showWorn.value = true;
|
||||
}
|
||||
})
|
||||
|
||||
@ -1,75 +1,136 @@
|
||||
<template>
|
||||
|
||||
<view class="container">
|
||||
|
||||
<view>
|
||||
<uni-forms>
|
||||
<uni-forms-item label="车辆编号">
|
||||
<bikeCodeScan ref="childComponent" @scan-change="bikeCodeScanChange" :codeValue="newbikeCode" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="button-group flex justify-between padding">
|
||||
<button class="cu-btn bg-blue margin-tb-sm lg">开锁</button>
|
||||
<button class="cu-btn bg-blue margin-tb-sm lg"><strong>推车</strong></button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="table-container">
|
||||
<uni-table>
|
||||
<uni-tr>
|
||||
<uni-th width="100" align="center">车辆编号</uni-th>
|
||||
<uni-th width="50" align="center">状态</uni-th>
|
||||
<uni-th width="80" align="center">响铃</uni-th>
|
||||
<uni-th width="80" align="center">操作</uni-th>
|
||||
</uni-tr>
|
||||
<uni-tr v-for="(item, index) in dispatchRecords" :key="index">
|
||||
<uni-td>{{ item.bikeCode }}</uni-td>
|
||||
<uni-td>
|
||||
<view class="name">离线</view>
|
||||
</uni-td>
|
||||
<uni-td align="center">
|
||||
<view class="cu-tag line-blue">
|
||||
<uni-icons type="plus" color="rgb(102,179,255)" size="20"></uni-icons>
|
||||
</view>
|
||||
</uni-td>
|
||||
<uni-td align="center">
|
||||
<uni-icons type="minus-filled" color="black" size="30"
|
||||
@click="deleteDispatchRecord(item.id,index)"></uni-icons>
|
||||
</uni-td>
|
||||
</uni-tr>
|
||||
</uni-table>
|
||||
</view>
|
||||
|
||||
<view class="dispatch-btn-container">
|
||||
<view class="cu-btn bg-blue" @click="getInfoList">
|
||||
调度
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref
|
||||
} from 'vue';
|
||||
import * as api from '@/utils/api.js';
|
||||
import {onLoad} from '@dcloudio/uni-app';
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app';
|
||||
import {
|
||||
showModelMessage
|
||||
} from '@/utils/tools.js';
|
||||
|
||||
const orderId = ref("");
|
||||
|
||||
const newbikeCode = ref("");
|
||||
|
||||
const dispatchRecords = ref([]);
|
||||
|
||||
onLoad((options) => {
|
||||
debugger;
|
||||
orderId.value = options.orderId;;
|
||||
})
|
||||
const getInfoList = () => {
|
||||
debugger;
|
||||
api.callEbikeInfo("getDispatchVehicleByOrderId?orderId=" + orderId.value, {}, "get").then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
debugger;
|
||||
|
||||
dispatchRecords.value = res.data.dispatchRecords;
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const deleteDispatchRecord = (recordId,index) => {
|
||||
|
||||
// 使用 splice 删除指定索引的元素
|
||||
dispatchRecords.value.splice(index, 1);
|
||||
// api.callEbikeInfo("deleteDispatchRecord?recordId=" + recordId, {}, "get").then(res=>{
|
||||
// if(res.code==200){
|
||||
// dispatchRecords.value.slice(index,1)
|
||||
// }
|
||||
// })
|
||||
|
||||
}
|
||||
const bikeCodeScanChange = (bikeCode) => {
|
||||
api.callEbikeInfo("getBikeINfoData?bikeCode=" + bikeCode).then((res) => {
|
||||
if (res.code == 200) {
|
||||
const params = {
|
||||
"orderId": orderId.value,
|
||||
"bikeCode": bikeCode,
|
||||
"dispatchState": 0
|
||||
}
|
||||
debugger;
|
||||
newbikeCode.value = bikeCode;
|
||||
api.callEbikeInfo("createDispatchRecord", params)
|
||||
.then(re => {
|
||||
if (re.code == "200") {
|
||||
dispatchRecords.value.push(re.data)
|
||||
} else {
|
||||
showModelMessage(re.msg)
|
||||
}
|
||||
|
||||
})
|
||||
} else {
|
||||
showModelMessage("车辆不存在！")
|
||||
}
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.dispatch-container {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
.container {
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
.dispatch-button {
|
||||
padding: 10px 20px;
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
.button-group button {
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.dispatch-button:hover {
|
||||
background-color: #45a049;
|
||||
}
|
||||
.table-container {
|
||||
height: 400px;
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
|
||||
.loading {
|
||||
margin-top: 10px;
|
||||
font-size: 18px;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.data-display {
|
||||
margin-top: 20px;
|
||||
background-color: #f4f4f4;
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.error-message {
|
||||
margin-top: 10px;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
@ -72,7 +72,7 @@ export function addLine(scolor, arrPoints) {
|
||||
}
|
||||
|
||||
//创建订单
|
||||
export function addOrder(bikeCode, icnt, callback) {
|
||||
export function addOrder(bikeCode, callback) {
|
||||
const oUser = uni.getStorageSync("wechat_user");
|
||||
if (!oUser) {
|
||||
uni.navigateTo({
|
||||
@ -102,14 +102,15 @@ function saveRide(params, icnt, callback) {
|
||||
return;
|
||||
}
|
||||
showModelMessage(message);
|
||||
callback(false);
|
||||
if(callback) callback(false);
|
||||
return;
|
||||
}
|
||||
callback(true);
|
||||
if(callback)callback(true);
|
||||
setTimeout(() => {
|
||||
uni.navigateTo({
|
||||
uni.switchTab({
|
||||
url: "/pages/user/home/home"
|
||||
})
|
||||
}, 1000);
|
||||
}, 1000)
|
||||
|
||||
})
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user