443 lines
11 KiB
Vue
443 lines
11 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view>
|
|
<uni-forms>
|
|
<uni-forms-item label="站点">
|
|
<uni-data-select
|
|
v-model="scheduleExtension.siteId"
|
|
:localdata="regindata"
|
|
@change="changeZT"
|
|
></uni-data-select>
|
|
</uni-forms-item>
|
|
<uni-forms-item label="车辆编号">
|
|
<bikeCodeScan
|
|
ref="childComponent"
|
|
@scan-change="bikeCodeScanChange"
|
|
:codeValue="newbikeCode"
|
|
/>
|
|
</uni-forms-item>
|
|
</uni-forms>
|
|
</view>
|
|
<view class="">
|
|
<uni-section title="上传图片" type="line">
|
|
<view class="example-body">
|
|
<uni-file-picker
|
|
limit="9"
|
|
@select="selectImg"
|
|
@delete="delChangeImg"
|
|
:value="fileLists"
|
|
></uni-file-picker>
|
|
</view>
|
|
</uni-section>
|
|
</view>
|
|
<view class="button-container">
|
|
<view class="button-group flex justify-between padding">
|
|
<button class="cu-btn bg-blue margin-tb-sm lg" @click="unlockHandler">
|
|
开锁
|
|
</button>
|
|
<button class="cu-btn bg-blue margin-tb-sm lg" @click="unlockHandler">
|
|
<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">{{ item.connected ? "在线" : "离线" }}</view>
|
|
</uni-td>
|
|
<uni-td align="center">
|
|
<view class="cu-tag line-blue">
|
|
<uni-icons
|
|
type="sound"
|
|
@click="onRingClick(item.bikeCode)"
|
|
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>
|
|
<view class="nav-panel">
|
|
<uni-goods-nav
|
|
:fill="true"
|
|
:options="[]"
|
|
:buttonGroup="navButtonGroup"
|
|
@buttonClick="navButtonClick"
|
|
/>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, onMounted } from "vue";
|
|
import * as api from "@/utils/api.js";
|
|
import { onLoad } from "@dcloudio/uni-app";
|
|
import { showModelMessage } from "@/utils/tools.js";
|
|
|
|
const orderId = ref("");
|
|
const fileLists = ref([]);
|
|
const reginvalue = ref("");
|
|
const regindata = ref([]);
|
|
const newbikeCode = ref("");
|
|
const pageBack = ref(1);
|
|
|
|
const dispatchRecords = ref([]);
|
|
const scheduleExtension = ref({});
|
|
const navButtonGroup = [
|
|
{
|
|
text: "完成投放",
|
|
backgroundColor: "rgb(0,120,212)",
|
|
color: "#fff",
|
|
},
|
|
];
|
|
|
|
const changeZT = (e) => {
|
|
console.log("e:", e);
|
|
};
|
|
onLoad((options) => {
|
|
orderId.value = options.orderId;
|
|
if (options.page) {
|
|
pageBack.value = Number(options.page);
|
|
}
|
|
});
|
|
|
|
onMounted(() => {
|
|
let userDefultOperation = uni.getStorageSync("userDefultOperation");
|
|
//获取站点信息
|
|
api
|
|
.callOperateApi(
|
|
"ebikeRegion/getRegion?regionId=" + userDefultOperation.operationRegionId,
|
|
{},
|
|
"get"
|
|
)
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
res.data.forEach((res) => {
|
|
let quyuemap = {
|
|
text: res.siteName,
|
|
value: res.siteRegionId,
|
|
};
|
|
regindata.value.push(quyuemap);
|
|
});
|
|
}
|
|
});
|
|
getInfoList();
|
|
});
|
|
const getInfoList = () => {
|
|
if (!orderId.value) return;
|
|
api
|
|
.callEbikeInfo(
|
|
"getDispatchVehicleByOrderId?orderId=" + orderId.value,
|
|
{},
|
|
"get"
|
|
)
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
dispatchRecords.value = res.data.dispatchRecords;
|
|
scheduleExtension.value = res.data.scheduleExtension;
|
|
}
|
|
});
|
|
};
|
|
const delChangeImg = (res) => {
|
|
const fileUniqueKey = fileLists.value[res.index].fileUniqueKey;
|
|
fileLists.value.splice(res.index, 1);
|
|
api.callEbikeInfo("deletedFile?fileUniqueKey=" + fileUniqueKey, {}, "get");
|
|
};
|
|
const selectImg = (data) => {
|
|
const file = data.tempFiles[0];
|
|
api
|
|
.fileUpload(file)
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
fileLists.value.push(res.data);
|
|
} else {
|
|
if (fileLists.value.length > 0) {
|
|
fileLists.value.pop();
|
|
} else {
|
|
fileLists.value = [];
|
|
}
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
console.log("文件上传失败", err);
|
|
});
|
|
};
|
|
const deleteDispatchRecord = (recordId, index) => {
|
|
if (dispatchRecords.value.length == 1) {
|
|
uni.showModal({
|
|
title: "确认删除",
|
|
content: "删除将会取消工单，确认要删除吗？",
|
|
success: (res) => {
|
|
if (res.confirm) {
|
|
cancelWorkOrder(index);
|
|
} else {
|
|
// 用户取消删除，什么都不做
|
|
}
|
|
},
|
|
});
|
|
} else {
|
|
api
|
|
.callEbikeInfo("deleteDispatchRecord?recordId=" + recordId, {}, "get")
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
dispatchRecords.value.splice(index, 1);
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
const cancelWorkOrder = (index) => {
|
|
api
|
|
.callEbikeInfo(
|
|
"canCellWorkOrder?orderId=" + orderId.value + "&orderType=3",
|
|
{},
|
|
"get"
|
|
)
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
uni.showToast({
|
|
title: "成功！",
|
|
icon: "success",
|
|
duration: 1000,
|
|
mask: true,
|
|
success: () => {
|
|
dispatchRecords.value.splice(index, 1);
|
|
setTimeout(() => {
|
|
// 返回上一页
|
|
uni.navigateBack({
|
|
delta: pageBack.value, // 返回上一页
|
|
});
|
|
}, 1000);
|
|
},
|
|
});
|
|
} else {
|
|
uni.showToast({
|
|
title: "取消工单失败！",
|
|
icon: "error",
|
|
duration: 1000,
|
|
mask: true,
|
|
});
|
|
}
|
|
});
|
|
};
|
|
const bikeCodeScanChange = (bikeCode) => {
|
|
api.callEbikeInfo("getBikeINfoData?bikeCode=" + bikeCode).then((res) => {
|
|
if (res.code == 200) {
|
|
const ecuSn = res.data.ecuSn;
|
|
const ecuId = res.data.ecuId;
|
|
const bikeId = res.data.bikeId;
|
|
//获取车辆经纬度
|
|
api
|
|
.callCoreApi("gps?ecuId=" + ecuSn + "&bikeId=" + bikeId, {}, "get")
|
|
.then((res) => {
|
|
api
|
|
.callCoreApi("gpsMsg" + "?ecuSn=" + ecuSn, {}, "get")
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
const latitude = res.data.latitude;
|
|
const longitude = res.data.longitude;
|
|
const params = {
|
|
orderId: orderId.value,
|
|
bikeCode: bikeCode,
|
|
dispatchState: 0,
|
|
startVehicleLat: latitude,
|
|
startVehicleLng: longitude,
|
|
};
|
|
newbikeCode.value = bikeCode;
|
|
api.callEbikeInfo("createDispatchRecord", params).then((re) => {
|
|
if (re.code == "200") {
|
|
dispatchRecords.value.push(re.data);
|
|
} else {
|
|
showModelMessage(re.msg);
|
|
}
|
|
});
|
|
} else {
|
|
showModelMessage("车辆经纬度获取失败！");
|
|
}
|
|
});
|
|
});
|
|
} else {
|
|
showModelMessage("车辆不存在！");
|
|
}
|
|
});
|
|
};
|
|
|
|
//批量出库事件按钮
|
|
const navButtonClick = (res) => {
|
|
const { index, content } = res;
|
|
if (index == 0) {
|
|
//完成投放
|
|
if (!scheduleExtension.value.siteId) {
|
|
uni.showToast({
|
|
title: "请选择站点",
|
|
icon: "none",
|
|
});
|
|
return;
|
|
}
|
|
if (!fileLists.value.length) {
|
|
uni.showToast({
|
|
title: "请上传投放的照片",
|
|
icon: "none",
|
|
});
|
|
return;
|
|
}
|
|
const params = {
|
|
orderId: orderId.value,
|
|
siteId: scheduleExtension.value.siteId,
|
|
fileLists: fileLists.value,
|
|
};
|
|
api.callEbikeInfo("completeDeployment", params).then((res) => {
|
|
console.log(pageBack.value);
|
|
if (res.code == 200) {
|
|
showModelMessage("已完成投放!").then((res) => {
|
|
// 返回上一页
|
|
uni.navigateBack({
|
|
delta: pageBack.value, // 返回上一页
|
|
});
|
|
});
|
|
}
|
|
});
|
|
}
|
|
};
|
|
const unlockHandler = () => {
|
|
dispatchRecords.value.forEach((ebbikeinfo) => {
|
|
uni.showLoading({
|
|
title: "指令下发中...",
|
|
mask: true,
|
|
});
|
|
api
|
|
.callEbikeInfo("getBikeINfoData?bikeCode=" + ebbikeinfo.bikeCode)
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
const ecuId = res.data.ecuId;
|
|
const bikeId = res.data.bikeId;
|
|
// 处理开锁逻辑
|
|
api
|
|
.callCoreApi(
|
|
"unlock?ecuId=" + ecuId + "&bikeId=" + bikeId,
|
|
{},
|
|
"get"
|
|
)
|
|
.then((res) => {
|
|
uni.hideLoading();
|
|
var title = res.data.message;
|
|
var icon = "";
|
|
if (res.data.code == 200) {
|
|
icon = "success";
|
|
} else {
|
|
icon = "error";
|
|
}
|
|
uni.showToast({
|
|
title: title,
|
|
icon: icon,
|
|
duration: 1000,
|
|
mask: true,
|
|
});
|
|
});
|
|
}
|
|
});
|
|
});
|
|
};
|
|
const pushCarHandler = () => {
|
|
// 处理推车逻辑
|
|
console.log("推车操作");
|
|
};
|
|
const onRingClick = (bikeCode) => {
|
|
uni.showLoading({
|
|
title: "指令下发中...",
|
|
mask: true,
|
|
});
|
|
console.log(1111);
|
|
|
|
api
|
|
.callEbikeInfo("getBikeINfoData?bikeCode=" + bikeCode)
|
|
.then((res) => {
|
|
console.log(res);
|
|
if (res.code == 200) {
|
|
const ecuId = res.data.ecuId;
|
|
const bikeId = res.data.bikeId;
|
|
// 处理开锁逻辑
|
|
api
|
|
.callCoreApi(
|
|
"findEbike?ecuId=" + ecuId + "&bikeId=" + bikeId,
|
|
{},
|
|
"get"
|
|
)
|
|
.then((res) => {
|
|
uni.hideLoading();
|
|
var title = res.data.message;
|
|
var icon = "";
|
|
if (res.data.code == 200) {
|
|
icon = "success";
|
|
} else {
|
|
icon = "error";
|
|
}
|
|
uni.showToast({
|
|
title: title,
|
|
icon: icon,
|
|
duration: 1000,
|
|
mask: true,
|
|
});
|
|
})
|
|
.catch((err) => {
|
|
console.log(err);
|
|
uni.hideLoading();
|
|
});
|
|
} else {
|
|
uni.showToast({
|
|
title: res.message,
|
|
icon: "error",
|
|
duration: 1000,
|
|
mask: true,
|
|
});
|
|
uni.hideLoading();
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
uni.hideLoading();
|
|
});
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.container {
|
|
padding: 10px;
|
|
}
|
|
|
|
.button-group button {
|
|
width: 48%;
|
|
}
|
|
|
|
.table-container {
|
|
height: 400px;
|
|
width: 100%;
|
|
padding: 5px;
|
|
}
|
|
|
|
.nav-panel {
|
|
position: fixed;
|
|
bottom: 0rpx;
|
|
width: 100%;
|
|
padding-bottom: 20px;
|
|
z-index: 999;
|
|
background-color: #fff;
|
|
}
|
|
</style>
|