409 lines
12 KiB
Vue
409 lines
12 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view class="topBox">
|
||
<!-- <view>
|
||
<span>任务编号：</span>
|
||
<span>111223334455555</span>
|
||
</view>
|
||
<view>
|
||
<span>任务描述：</span>
|
||
<span>样品入库</span>
|
||
</view>
|
||
<view>
|
||
<span>物料编码：</span>
|
||
<span>112222323</span>
|
||
</view>
|
||
<view>
|
||
<span>作业数量：</span>
|
||
<span>4</span>
|
||
</view>
|
||
<view>
|
||
<span>起始位置：</span>
|
||
<span>A1111111</span>
|
||
</view>
|
||
<view>
|
||
<span>目标位置：</span>
|
||
<span>G222222</span>
|
||
</view>
|
||
<view>
|
||
<span>创建时间：</span>
|
||
<span>2025-07-01 11：:11：:22</span>
|
||
</view>
|
||
<view>
|
||
<span>启用联动：</span>
|
||
</view> -->
|
||
<uv-form labelPosition="left" :model="taskDetail" ref="form" labelWidth="120">
|
||
<uv-form-item label="任务编号" borderBottom >
|
||
<uv-input v-model="taskDetail.taskNo" border="none">
|
||
</uv-input>
|
||
</uv-form-item>
|
||
<uv-form-item label="任务描述" borderBottom >
|
||
<uv-input v-model="taskDetail.taskDtl" border="none">
|
||
</uv-input>
|
||
</uv-form-item>
|
||
<uv-form-item label="物料编码" borderBottom >
|
||
<uv-input v-model="taskDetail.mid" border="none">
|
||
</uv-input>
|
||
</uv-form-item>
|
||
<!-- <uv-form-item label="作业数量" borderBottom >
|
||
<uv-input v-model="taskDetail.num" border="none">
|
||
</uv-input>
|
||
</uv-form-item> -->
|
||
<uv-form-item label="起始位置" borderBottom >
|
||
<uv-input v-model="taskDetail.sourceName" border="none">
|
||
</uv-input>
|
||
</uv-form-item>
|
||
<uv-form-item label="目标位置" borderBottom >
|
||
<uv-input v-model="taskDetail.targetName" border="none">
|
||
</uv-input>
|
||
</uv-form-item>
|
||
<uv-form-item label="创建时间" >
|
||
<uv-input v-model="taskDetail.createTime" border="none">
|
||
</uv-input>
|
||
</uv-form-item>
|
||
</uv-form>
|
||
</view>
|
||
<view class="lineBox"></view>
|
||
<view class="statusBox">
|
||
<view class="titleBox">运行状态</view>
|
||
<view class="statusShowBox">
|
||
<view v-for="(item, index) in taskTips" :key="index" class="everyLine">{{ item }}</view>
|
||
<!-- <view class="everyLine">发送物资移库出入台指令成功</view>
|
||
<view class="everyLine">发送物资移库出入台指令成功</view>
|
||
<view class="everyLine">发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view>
|
||
<view>发送物资移库出入台指令成功</view> -->
|
||
</view>
|
||
</view>
|
||
<view class="btn">
|
||
<!-- :disabled="endTask" -->
|
||
<view class="everyBtn"><uv-button type="primary" shape="circle" text="执行任务" class="mainBtn" @click="startTask" :disabled="endTask"></uv-button></view>
|
||
<!-- <view class="everyBtn"><uv-button type="error" :plain="true" shape="circle" text="取消任务" @click="submit" :disabled="endTask"></uv-button></view> -->
|
||
<view class="everyBtn"><uv-button type="error" :plain="true" shape="circle" text="删除任务" @click="delTaskFun" ></uv-button></view>
|
||
<!-- :disabled="endTask" -->
|
||
</view>
|
||
<uv-modal ref="modal" title="提示" cancelText="取消" showCancelButton content='确定要删除吗？' @confirm="confirmDel"></uv-modal>
|
||
</view>
|
||
</template>
|
||
<script >
|
||
// import {executeTask,agvStatus,taskDetailF,wcsTask,wcsStatus} from "@/api/dispatch"
|
||
import {executeTask,agvStatus,wcsTask,wcsStatus,outGoods,taskDetailF,delTask} from "@/api/dispatch"
|
||
export default{
|
||
data(){
|
||
return{
|
||
taskDetail:{
|
||
taskNo:"",
|
||
taskDtl:"",
|
||
mid:"",
|
||
num:null,
|
||
sourceName:"",
|
||
targetName:"",
|
||
createTime:"",
|
||
taskType:"",
|
||
id:null
|
||
},
|
||
taskStatus:false, //任务状态
|
||
endTask:false,
|
||
taskTips:[],
|
||
wcs_TaskID:-1
|
||
}
|
||
},
|
||
onLoad(options){
|
||
// console.log(11111)
|
||
if(options){
|
||
// console.log(options)
|
||
this.taskDetailFun(options.id)
|
||
}
|
||
// console.log(options)
|
||
},
|
||
methods:{
|
||
//任务详情
|
||
taskDetailFun(id){
|
||
taskDetailF(id).then(res => {
|
||
// console.log(1111)
|
||
if(res.code==200){
|
||
this.taskDetail = res.data
|
||
if(this.taskDetail.taskStatus==2 || this.taskDetail.taskStatus==1){
|
||
this.endTask = true
|
||
}
|
||
}
|
||
// console.log(res)
|
||
})
|
||
|
||
},
|
||
//执行任务
|
||
startTask(){
|
||
if(this.taskStatus){
|
||
uni.showToast({
|
||
title: '任务执行中,请勿重复执行',
|
||
icon: 'error',
|
||
mask: true
|
||
})
|
||
return
|
||
}
|
||
if(this.taskDetail.taskType=='0'){ //上架
|
||
this.in_storage()
|
||
}else if(this.taskDetail.taskType=='1'){ //下架
|
||
this.out_storage()
|
||
}
|
||
// if(!confirm("确定执行调度任务?")){
|
||
// return
|
||
// }
|
||
},
|
||
async in_storage(){
|
||
this.taskStatus = true
|
||
// console.log(2222)
|
||
var first = this.taskDetail.targetName.substr(0,1);
|
||
var aindex = this.taskDetail.targetName.substr(5,1);
|
||
let requestId = ""
|
||
if(first == "A"){
|
||
var owner = "wms";
|
||
var type = 0;
|
||
var priority = 1;
|
||
// var sourceName = startLoc;
|
||
var agvTargetName = "V01-010101"; //履带的位置叫V01-010101，也是叉车要放货的位置；页面上输入的起始位置V01-230101，指的是叉车取货的开始位置
|
||
if(aindex == '5' || aindex == '6')
|
||
{
|
||
agvTargetName = "V01-090101";
|
||
}
|
||
// 调用AGV执行接口
|
||
// const agvObj = {"taskNo":this.taskDetail.taskNo,"owner":owner, "type":type, "priority":priority, "sourceName":this.taskDetail.sourceName, "targetName":agvTargetName}
|
||
const agvObj = {"id":this.taskDetail.id,"targetName":agvTargetName,"materialStatus":1}
|
||
const agvResult = await executeTask(agvObj)
|
||
// console.log(1111111)
|
||
// console.log(agvResult)
|
||
// return
|
||
//调用AGV成功
|
||
// agvResult.code==200
|
||
if(agvResult.code==200){
|
||
requestId = agvResult.data.requestId
|
||
this.taskTips.push("发送物资移库出入台指令成功")
|
||
var flag2 = false;
|
||
var ishow = false;
|
||
if(this.taskDetail.targetName == "A01-040903" || this.taskDetail.targetName == "A01-043204"){
|
||
|
||
}else{
|
||
const that = this
|
||
var timId2 = setInterval(function(){
|
||
if(flag2) return;
|
||
flag2 = true;
|
||
//获取AGV执行任务的状态
|
||
agvStatus({"requestId": requestId,"status":"TAKE_DOWN_COMPLETED"}).then(res => {
|
||
flag2 = false;
|
||
if(res.code==200 && res.data !=201){
|
||
clearInterval(timId2);
|
||
that.taskTips.push("AGV放货至出入台完成")
|
||
var Materialstatus = 1;
|
||
if(that.taskDetail.mid == "" || that.taskDetail.mid == "0" || that.taskDetail.mid == 0)
|
||
{
|
||
Materialstatus = 0;
|
||
}
|
||
// this.taskTips.push("WCS入库指令发送成功")
|
||
// 向WCS发送入库指令（可能后端自动调用）
|
||
wcsTask({"taskNo":that.taskDetail.taskNo,"materialStatus":Materialstatus,"Location":that.taskDetail.targetName,"mid":that.taskDetail.mid,"num":that.taskDetail.num}).then(res=>{
|
||
if(res.code==200){
|
||
that.wcs_TaskID = res.taskId;
|
||
that.taskTips.push("WCS入库指令发送成功")
|
||
}else{
|
||
that.taskTips.push("WCS入库指令发送失败!")
|
||
}
|
||
})
|
||
}else{
|
||
if(!ishow)
|
||
{
|
||
that.taskTips.push("等待AGV指令执行完成......")
|
||
ishow = true;
|
||
}
|
||
}
|
||
|
||
})
|
||
},5000)
|
||
}
|
||
var flag3 = false;
|
||
var wcs_finish = false;
|
||
const that = this
|
||
var timId3 = setInterval(function(){
|
||
// console.log(11111111)
|
||
// console.log(that.wcs_TaskID)
|
||
if(!flag3){
|
||
flag3 = true;
|
||
if(!wcs_finish){
|
||
wcsStatus({"TaskID": that.wcs_TaskID}).then(res=>{
|
||
flag3 = false;
|
||
if(res.code==200 && res.msg=="200"){
|
||
clearInterval(timId3);
|
||
wcs_finish = true;
|
||
that.taskTips.push("立库物资上架完成")
|
||
//后端修改的任务状态，所以不调接口，直接提示任务完成
|
||
that.taskTips.push("作业任务完成！")
|
||
that.taskStatus = false;
|
||
that.endTask = true
|
||
}
|
||
})
|
||
}
|
||
}
|
||
},5000)
|
||
|
||
|
||
}
|
||
// const agvResult = await taskList({pageNum: 1,pageSize: 10})
|
||
// console.log(11111)
|
||
// console.log(agvResult)
|
||
|
||
}else if(first == "B"){
|
||
//1、给AGV发指令
|
||
//2、检测AGV执行结果
|
||
}
|
||
},
|
||
//下架
|
||
out_storage(){
|
||
this.taskStatus = true
|
||
//1、调用WCS发送下架指令
|
||
var first = this.taskDetail.sourceName.substr(0,1);
|
||
let requestId = ""
|
||
if(first == "A"){
|
||
var Materialstatus = 1;
|
||
if(this.taskDetail.mid == "" || this.taskDetail.mid == "0" || this.taskDetail.mid == 0)
|
||
{
|
||
Materialstatus = 0;
|
||
}
|
||
|
||
//调立库（后端调立库、调叉车）
|
||
executeTask({"id":this.taskDetail.id,"targetName":this.taskDetail.targetName,"materialStatus":Materialstatus}).then(res=>{
|
||
if(res.code==200){
|
||
// this.wcs_TaskID = res.TaskID;
|
||
requestId = res.data.requestId
|
||
this.taskTips.push("向WCS发送物资出库指令成功")
|
||
this.taskTips.push("发送AGV取货指令成功")
|
||
//调AGV
|
||
// var sourceName = "V01-010101";
|
||
// const agvObj = {"id":this.taskDetail.id}
|
||
// executeTask(agvObj).then(res=>{
|
||
// if(res.code==200){
|
||
// requestId = res.requestId
|
||
// this.taskTips.push("发送AGV取货指令成功")
|
||
// //agvLinkWcs
|
||
// }
|
||
// })
|
||
}else{
|
||
uni.showToast({
|
||
title: '任务执行中,操作失败',
|
||
icon: 'error',
|
||
mask: true
|
||
})
|
||
this.taskStatus = false;
|
||
return
|
||
}
|
||
})
|
||
//定时查询 叉车 执行状态
|
||
let flag3 = false;
|
||
var agv_finish = false;
|
||
const that = this
|
||
let timId3 = setInterval(function(){
|
||
if(!flag3){
|
||
flag3 = true;
|
||
if(!agv_finish){
|
||
// END_ARRIVE
|
||
agvStatus({"requestId": requestId,"status":"TAKE_DOWN_COMPLETED"}).then(res=>{
|
||
flag3 = false;
|
||
if(res.code == 200 && res.data != 201){
|
||
clearInterval(timId3);
|
||
agv_finish = true;
|
||
that.taskTips.push("物资移库完成")
|
||
that.taskTips.push("作业任务完成")
|
||
that.taskStatus = false;
|
||
that.endTask = true
|
||
that.$forceUpdate();
|
||
}
|
||
})
|
||
}
|
||
}
|
||
},8000)
|
||
|
||
}else{
|
||
uni.showToast({
|
||
title: '起始位置有误',
|
||
icon: 'error',
|
||
mask: true
|
||
})
|
||
|
||
}
|
||
|
||
},
|
||
//删除任务
|
||
delTaskFun(){
|
||
// this.taskDetail
|
||
this.$refs.modal.open();
|
||
},
|
||
confirmDel(){
|
||
delTask(this.taskDetail.id).then(res=>{
|
||
|
||
if(res.code==200){
|
||
uni.showToast({
|
||
title: '操作成功',
|
||
icon: 'success',
|
||
mask: true
|
||
})
|
||
uni.navigateTo({
|
||
url: '/pagesDispatch/dispatchList',
|
||
})
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped lang="scss">
|
||
.container{
|
||
// height: calc(100vh - var(--window-top));
|
||
height: 100vh;
|
||
.topBox{
|
||
padding:0 40rpx;
|
||
height: 40%;
|
||
}
|
||
// background-color: #ededed;
|
||
.lineBox{
|
||
background-color: #ededed;
|
||
height: 40rpx;
|
||
margin-top: 40rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
.statusBox{
|
||
height: 42%;
|
||
|
||
padding:0 20rpx;
|
||
.titleBox{
|
||
// padding-left: 20rpx;
|
||
margin-bottom: 20rpx;
|
||
// font-size: 28rpx;
|
||
font-weight: bold;
|
||
}
|
||
.statusShowBox{
|
||
// background-color: #ededed;
|
||
height: 80%;
|
||
border-radius: 20rpx;
|
||
border:2rpx solid rgb(214, 215, 217);
|
||
overflow: auto;
|
||
.everyLine{
|
||
line-height: 40rpx;
|
||
}
|
||
}
|
||
}
|
||
.btn{
|
||
display: flex;
|
||
justify-content: space-around;
|
||
.everyBtn{
|
||
width: 30%;
|
||
}
|
||
}
|
||
}
|
||
</style> |