车辆调度问题
This commit is contained in:
小朱
parent
f414712b37
commit
bf9a74e60b
@ -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 {
|
||||
|
||||
@ -1,75 +1,136 @@
|
||||
<template>
|
||||
|
||||
<view class="container">
|
||||
<view class="cu-btn bg-blue" @click="getInfoList">
|
||||
调度
|
||||
|
||||
<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';
|
||||
|
||||
const orderId=ref("");
|
||||
onLoad((options)=>{
|
||||
debugger;
|
||||
orderId.value=options.orderId;;
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app';
|
||||
import {
|
||||
showModelMessage
|
||||
} from '@/utils/tools.js';
|
||||
|
||||
const orderId = ref("");
|
||||
|
||||
const newbikeCode = ref("");
|
||||
|
||||
const dispatchRecords = ref([]);
|
||||
|
||||
onLoad((options) => {
|
||||
orderId.value = options.orderId;;
|
||||
})
|
||||
const getInfoList =()=>{
|
||||
debugger;
|
||||
api.callEbikeInfo("getDispatchVehicleByOrderId?orderId="+orderId.value, {}, "get").then(
|
||||
const getInfoList = () => {
|
||||
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>
|
||||
Loading…
x
Reference in New Issue
Block a user