<template style="width:1700px;height:650px">
|
<el-card class="card">
|
<el-card class="box-card" style="height:328px">
|
<el-table :data="lineData" border align="center">
|
<el-table-column prop="name" label="名称"></el-table-column>
|
<el-table-column prop="barcode" label="托盘号"></el-table-column>
|
<el-table-column prop="taskNumber" label="任务号"></el-table-column>
|
<el-table-column prop="startStation" label="起始地址"></el-table-column>
|
<el-table-column prop="endStation" label="目标位置"></el-table-column>
|
<el-table-column prop="logic" label="逻辑控制"></el-table-column>
|
</el-table>
|
</el-card>
|
<el-card class="box-card" style="height:420px">
|
<el-row>
|
<el-col :span="8">
|
<el-table :data="inboundData" border style="width: 100%">
|
<el-table-column prop="station" label="入库站台号" style="height:20px;"></el-table-column>
|
<el-table-column prop="barcode" label="托盘号"></el-table-column>
|
<el-table-column prop="taskNumber" label="任务号"></el-table-column>
|
</el-table>
|
</el-col>
|
<el-col :span="8">
|
<el-table :data="outStationData" border style="width: 100%;">
|
<el-table-column prop="station" label="出库站台号"></el-table-column>
|
<el-table-column prop="barcode" label="托盘号"></el-table-column>
|
<el-table-column prop="taskNumber" label="任务号"></el-table-column>
|
</el-table>
|
</el-col>
|
<el-col :span="8">
|
<el-table :data="bearingOutData" border style="width: 100%;">
|
<el-table-column prop="station" label="轴承目的站台号"></el-table-column>
|
<el-table-column prop="barcode" label="托盘号"></el-table-column>
|
<el-table-column prop="taskNumber" label="任务号"></el-table-column>
|
</el-table>
|
</el-col>
|
</el-row>
|
</el-card>
|
|
<el-card class="box-card" style="height:230px">
|
<el-descriptions title="" :column="8" border direction="vertical">
|
<el-descriptions-item label="联机状态" align="center">
|
<el-button size="small" type="primary" style="width:120px;">
|
入库区：{{EQState.eqState.inboundState}}</el-button><br /><br />
|
<el-button size="small" type="success" style="width:120px;">
|
出库区：{{EQState.eqState.outboundState}}</el-button><br />
|
</el-descriptions-item>
|
<el-descriptions-item label="20101(入库申请)" align="center">
|
<!-- <el-button size="small" type="primary" style="width:120px;">
|
任务号：{{111111}}</el-button><br /> -->
|
<el-button size="small" type="warning" style="width:120px;">
|
入库申请：{{EQState.inboundRequstState.inboundRequest}}</el-button><br /><br />
|
<el-button size="small" type="success" style="width:120px;">
|
托盘号：{{EQState.inboundRequstState.barcode}}</el-button>
|
|
</el-descriptions-item>
|
<el-descriptions-item label="20201(称重站台)" align="center">
|
<!-- <el-button size="small" type="primary" style="width:120px;">
|
任务号：{{111111}}</el-button><br /> -->
|
<el-button size="small" type="warning" style="width:120px;">
|
重量：{{EQState.weighStationState.weigh}}</el-button><br /><br />
|
<el-button size="small" type="success" style="width:120px;">
|
托盘号：{{EQState.weighStationState.barcode}}</el-button>
|
|
</el-descriptions-item>
|
<el-descriptions-item label="30301(入库检测)" align="center">
|
<el-button size="small" type="primary" style="width:120px;">
|
任务号：{{EQState.inboundCheck.taskNumber}}</el-button><br /><br />
|
<el-button size="small" type="success" style="width:120px;">
|
托盘号：{{EQState.inboundCheck.barcode}}</el-button><br />
|
</el-descriptions-item>
|
<el-descriptions-item label="30302(测量检测)" align="center">
|
<el-button size="small" type="primary" style="width:120px;">
|
任务号：{{EQState.outboundCheck.taskNumber}}</el-button><br /><br />
|
<el-button size="small" type="success" style="width:120px;">
|
托盘号：{{EQState.outboundCheck.barcode}}</el-button><br />
|
</el-descriptions-item>
|
<el-descriptions-item label="10301(测量站台)" align="center">
|
<el-button size="small" type="primary" style="width:120px;">
|
任务号：{{EQState.measureState.taskNumber}}</el-button><br /><br />
|
<el-button size="small" type="success" style="width:120px;">
|
托盘号：{{EQState.measureState.barcode}}</el-button><br />
|
</el-descriptions-item>
|
<el-descriptions-item label="90101(回库申请)" align="center">
|
<el-button size="small" type="primary" style="width:120px;">
|
负载待机：{{EQState.reInboundState.loadState}}</el-button><br /><br />
|
<el-button size="small" type="success" style="width:120px;">
|
托盘号：{{EQState.reInboundState.barcode}}</el-button><br />
|
</el-descriptions-item>
|
<el-descriptions-item label="90100(提升机)" align="center">
|
<el-button size="small" type="primary" style="width:120px;">
|
当前层:{{EQState.hoisterState.histerLayer}}</el-button>
|
<el-button size="small" type="success" style="width:120px;">
|
车存储中：{{EQState.hoisterState.rgvRunState}}</el-button><br />
|
<el-button size="small" type="primary" style="width:120px;">
|
滚筒状态：{{EQState.hoisterState.rollerState}}</el-button>
|
<el-button size="small" type="warning" style="width:120px;">
|
提升状态：{{EQState.hoisterState.histerState}}</el-button><br />
|
<el-button size="small" type="primary" style="width:120px;">
|
任务号：{{EQState.hoisterState.taskNumber}}</el-button>
|
<el-button size="small" type="success" style="width:120px;">
|
托盘号：{{EQState.hoisterState.barcode}}</el-button>
|
</el-descriptions-item>
|
<!-- <el-descriptions-item label="70114(提升机)"> 托盘号： {{}} 任务号:{{}} </el-descriptions-item> -->
|
</el-descriptions>
|
|
</el-card>
|
</el-card>
|
|
</template>
|
|
<script>
|
import { ElNotification } from 'element-plus';
|
import http from '@../../../src/api/http.js';
|
let _this;
|
export default {
|
data() {
|
return {
|
lineData: [],
|
inboundData: [],
|
bearingOutData: [],
|
outStationData: [],
|
EQState: {
|
eqState: { inboundState: '', outboundState: '' },
|
inboundRequstState: { inboundRequest: '', barcode: '' },
|
weighStationState: { barcode: '', weigh: '' },
|
inboundCheck: { barcode: '', taskNumber: '' },
|
outboundCheck: { barcode: '', taskNumber: '' },
|
measureState: { barcode: '', taskNumber: '' },
|
reInboundState: { barcode: '', loadState: '' },
|
hoisterState: {
|
barcode: '',
|
taskNumber: '',
|
histerState: '',
|
rollerState: '',
|
histerLayer: '',
|
rgvRunState: '',
|
},
|
},
|
};
|
},
|
methods: {
|
getstartjsondata() {
|
// _this.lineData = [];
|
// _this.bearingOutData = [];
|
// _this.outStationData = [];
|
// _this.inboundData = [];
|
// _this.EQState = {};
|
|
http.post('/api/Dt_TaskWCSinfo/QueryEQInfo', null, '').then((x) => {
|
// debugger;
|
if (x.status) {
|
let dataObj = JSON.parse(JSON.stringify(x.data));
|
_this.lineData = dataObj.lineInfo;
|
_this.bearingOutData = dataObj.bearingOutInfo;
|
_this.outStationData = dataObj.outStationInfo;
|
_this.inboundData = dataObj.inStationInfo;
|
_this.EQState = dataObj.eqState;
|
}
|
});
|
},
|
},
|
created() {},
|
mounted() {
|
_this = this;
|
this.getstartjsondata();
|
//this.equipjsondataInterval = setInterval(this.getstartjsondata, 4000);
|
},
|
destroyed() {
|
clearInterval(this.equipjsondataInterval);
|
},
|
};
|
</script>
|
|
<style>
|
.buttongroup {
|
display: block;
|
}
|
.volbutton {
|
display: block;
|
}
|
.topLine {
|
margin-left: 156px;
|
}
|
.stack1 {
|
width: 551px;
|
position: relative;
|
left: 525px;
|
top: -286px;
|
}
|
.stack1_rover {
|
width: 246px;
|
color: #ffffff;
|
background-color: #409eff;
|
}
|
.stack2 {
|
width: 551px;
|
position: relative;
|
left: -37px;
|
top: -178px;
|
}
|
.stack3 {
|
width: 551px;
|
position: relative;
|
left: 514px;
|
top: -102px;
|
}
|
|
.rgvStyle {
|
width: 71px;
|
margin-top: 70px;
|
height: 255px;
|
font-size: 15pt;
|
color: #ffffff;
|
background-color: #409eff;
|
}
|
|
.scrollbar-demo-item {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
height: 40px;
|
margin: 10px;
|
text-align: center;
|
border-radius: 4px;
|
background: var(--el-color-primary-light-9);
|
color: var(--el-color-primary);
|
}
|
|
.my_box {
|
/* background-color:#909090; */
|
/* border-radius:2px; */
|
/* margin-left: 5px;
|
margin-right: 5px; */
|
background: linear-gradient(
|
to top right,
|
rgba(0, 0, 0, 0) 0%,
|
rgba(0, 1, 0, 0) calc(50% - 1px),
|
rgba(0, 0, 0, 0.5) 50%,
|
rgba(0, 0, 1, 0) calc(50% + 1px),
|
rgba(0, 0, 0, 0) 100%
|
),
|
linear-gradient(
|
to bottom right,
|
rgba(0, 0, 0, 0) 0%,
|
rgba(0, 0, 0, 0) calc(50% - 1px),
|
rgba(0, 0, 0, 0.5) 50%,
|
rgba(0, 0, 0, 0) calc(50% + 1px),
|
rgba(0, 0, 0, 0) 100%
|
);
|
border: 1px solid;
|
border-color: #909090;
|
width: 18px;
|
height: 18px;
|
}
|
|
.card {
|
overflow-y: auto; /* 开启滚动显示溢出内容 overflow-x: scroll; */
|
overflow-x: auto;
|
}
|
|
.hangche {
|
/* background-image: linear-gradient(135deg, #95bdf4af 10%, #2f62fc); */
|
background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimages.mfcad.com%2Ftuzhi%2F2021%2F02%2F07%2F1612707837720.jpg%40%21water-w2020.jpg&refer=http%3A%2F%2Fimages.mfcad.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1664003264&t=2cf65de7918b4a3a786a08eb5cb29814');
|
background-size: 100% 100%;
|
}
|
</style>
|
