更新
This commit is contained in:
@@ -127,6 +127,7 @@ public class OvenGantryManipulatorDeviceDriver extends AbstractOpcDeviceDriver i
|
|||||||
if (mode != last_mode) {
|
if (mode != last_mode) {
|
||||||
if (mode == 2) {
|
if (mode == 2) {
|
||||||
this.setRequireSucess(false);
|
this.setRequireSucess(false);
|
||||||
|
message = null;
|
||||||
}
|
}
|
||||||
logServer.deviceItemValue(this.device_code, "mode", String.valueOf(mode));
|
logServer.deviceItemValue(this.device_code, "mode", String.valueOf(mode));
|
||||||
logServer.deviceExecuteLog(this.device_code, "", "", "信号mode:" + last_mode + "->" + mode);
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号mode:" + last_mode + "->" + mode);
|
||||||
@@ -760,7 +761,11 @@ public class OvenGantryManipulatorDeviceDriver extends AbstractOpcDeviceDriver i
|
|||||||
} else if (this.getMove() == 1) {
|
} else if (this.getMove() == 1) {
|
||||||
move = "有货";
|
move = "有货";
|
||||||
}
|
}
|
||||||
|
String requireSucess = "0";
|
||||||
|
if (this.requireSucess) {
|
||||||
|
requireSucess = "1";
|
||||||
|
}
|
||||||
|
jo.put("requireSucess", requireSucess);
|
||||||
if (this.getAction() == 1) {
|
if (this.getAction() == 1) {
|
||||||
action = "取货中";
|
action = "取货中";
|
||||||
} else if (this.getAction() == 2) {
|
} else if (this.getAction() == 2) {
|
||||||
|
|||||||
@@ -145,6 +145,7 @@ public class SiemensConveyorDeviceDriver extends AbstractOpcDeviceDriver impleme
|
|||||||
task = this.itemProtocol.getTask();
|
task = this.itemProtocol.getTask();
|
||||||
if (mode != last_mode) {
|
if (mode != last_mode) {
|
||||||
if( mode == 2){
|
if( mode == 2){
|
||||||
|
message = null;
|
||||||
requireSucess = false;
|
requireSucess = false;
|
||||||
requireApplyLabelingSuccess = false;
|
requireApplyLabelingSuccess = false;
|
||||||
requireApplyLaStrangulationSuccess =false;
|
requireApplyLaStrangulationSuccess =false;
|
||||||
@@ -152,7 +153,6 @@ public class SiemensConveyorDeviceDriver extends AbstractOpcDeviceDriver impleme
|
|||||||
requireEmptyOutSuccess =false;
|
requireEmptyOutSuccess =false;
|
||||||
logServer.deviceExecuteLog(this.device_code, "", "", "信号mode:" + last_mode + "->" + mode +"复位请求标记");
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号mode:" + last_mode + "->" + mode +"复位请求标记");
|
||||||
}
|
}
|
||||||
|
|
||||||
logServer.deviceItemValue(this.device_code, "mode", String.valueOf(mode));
|
logServer.deviceItemValue(this.device_code, "mode", String.valueOf(mode));
|
||||||
logServer.deviceExecuteLog(this.device_code, "", "", "信号mode:" + last_mode + "->" + mode);
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号mode:" + last_mode + "->" + mode);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -85,7 +85,9 @@ public class StandardCoveyorControlWithScannerDeviceDriver extends AbstractOpcDe
|
|||||||
int error = 0;
|
int error = 0;
|
||||||
int task = 0;
|
int task = 0;
|
||||||
String plcbarcode = null;
|
String plcbarcode = null;
|
||||||
|
String last_plcbarcode = null;
|
||||||
int plcbarcode_length = 0;
|
int plcbarcode_length = 0;
|
||||||
|
int last_plcbarcode_length = 0;
|
||||||
|
|
||||||
Boolean isonline = true;
|
Boolean isonline = true;
|
||||||
|
|
||||||
@@ -185,16 +187,31 @@ public class StandardCoveyorControlWithScannerDeviceDriver extends AbstractOpcDe
|
|||||||
|
|
||||||
if (mode != last_mode) {
|
if (mode != last_mode) {
|
||||||
logServer.deviceExecuteLog(this.device_code, "", "", "信号mode:" + last_mode + "->" + mode +"复位请求标记");
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号mode:" + last_mode + "->" + mode +"复位请求标记");
|
||||||
this.setRequireSucess(false);
|
if(mode == 2){
|
||||||
|
this.setRequireSucess(false);
|
||||||
|
this.setApplySucess(false);
|
||||||
|
message = null;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
if (move != last_move) {
|
if (move != last_move) {
|
||||||
if (move == 0 && mode == 2) {
|
if (move == 0 && mode == 2) {
|
||||||
thingToNothing();
|
thingToNothing();
|
||||||
}
|
}
|
||||||
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号move:" + last_move + "->" + move);
|
||||||
}
|
}
|
||||||
if (error != last_error) {
|
if (error != last_error) {
|
||||||
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号error:" + last_error + "->" + error);
|
||||||
|
}
|
||||||
|
if (plcbarcode_length != last_plcbarcode_length) {
|
||||||
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号plcbarcode_length:" + last_plcbarcode_length + "->" + plcbarcode_length);
|
||||||
|
}
|
||||||
|
if (!StrUtil.equals(plcbarcode,last_plcbarcode) ) {
|
||||||
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号plcbarcode:" + last_plcbarcode + "->" + plcbarcode);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (task != last_task) {
|
||||||
|
logServer.deviceExecuteLog(this.device_code, "", "", "信号task:" + last_task+ "->" + task);
|
||||||
|
}
|
||||||
if (mode == 2 && move != 0 && task > 0) {
|
if (mode == 2 && move != 0 && task > 0) {
|
||||||
//inst_message
|
//inst_message
|
||||||
inst = instructionService.findByCodeFromCache(String.valueOf(task));
|
inst = instructionService.findByCodeFromCache(String.valueOf(task));
|
||||||
@@ -271,6 +288,7 @@ public class StandardCoveyorControlWithScannerDeviceDriver extends AbstractOpcDe
|
|||||||
last_error = error;
|
last_error = error;
|
||||||
last_move = move;
|
last_move = move;
|
||||||
last_task = task;
|
last_task = task;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public boolean exe_error() {
|
public boolean exe_error() {
|
||||||
@@ -734,7 +752,8 @@ public class StandardCoveyorControlWithScannerDeviceDriver extends AbstractOpcDe
|
|||||||
jo.put("isError", this.getIserror());
|
jo.put("isError", this.getIserror());
|
||||||
jo.put("message", this.getMessage());
|
jo.put("message", this.getMessage());
|
||||||
jo.put("task", this.getTask());
|
jo.put("task", this.getTask());
|
||||||
jo.put("barcode", this.getBarcode());
|
jo.put("barcode", plcbarcode);
|
||||||
|
jo.put("barcode_length", plcbarcode_length);
|
||||||
String requireSucess = "0";
|
String requireSucess = "0";
|
||||||
if (this.requireSucess) {
|
if (this.requireSucess) {
|
||||||
requireSucess = "1";
|
requireSucess = "1";
|
||||||
|
|||||||
@@ -1,223 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog
|
|
||||||
title="监控详情"
|
|
||||||
append-to-body
|
|
||||||
:visible.sync="dialogVisible"
|
|
||||||
fullscreen
|
|
||||||
@open="open"
|
|
||||||
@close="close"
|
|
||||||
>
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="18" style="border: 1px solid white">
|
|
||||||
<span />
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="margin-bottom: 20px">
|
|
||||||
<!-- <span style="float: right">
|
|
||||||
<el-button icon="el-icon-close" size="mini" type="info" @click="dialogVisible = false">返 回</el-button>
|
|
||||||
</span>-->
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-card class="box-card" shadow="never">
|
|
||||||
<el-form ref="form" disabled :inline="true" :model="form" :rules="rules" size="mini" label-width="80px">
|
|
||||||
<el-form-item label="设备编码">
|
|
||||||
<el-input v-model="device_code" placeholder="自动生产" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备名称" prop="dtl_count">
|
|
||||||
<el-input v-model="device_name" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</el-card>
|
|
||||||
<div class="crud-opts2" style="margin-top: 30px;margin-bottom: 15px">
|
|
||||||
<el-form ref="form" disabled :inline="true" :model="form" :rules="rules" size="mini" label-width="200px">
|
|
||||||
<el-form-item label="心跳">
|
|
||||||
<el-input v-model="form.heartbeat" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="工作模式">
|
|
||||||
<el-input v-model="form.mode" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="故障">
|
|
||||||
<el-input v-model="form.error" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="故障次数">
|
|
||||||
<el-input v-model="form.error_num" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="待机时间(调试)">
|
|
||||||
<el-input v-model="form.ready_time" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="生产时间">
|
|
||||||
<el-input v-model="form.running_time" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="故障时间">
|
|
||||||
<el-input v-model="form.error_time" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="温度">
|
|
||||||
<el-input v-model="form.temperature" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="当前生产产品编号">
|
|
||||||
<el-input v-model="form.material" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="缺料信号">
|
|
||||||
<el-input v-model="form.lack_material" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="上料数量">
|
|
||||||
<el-input v-model="form.feeding_qty" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="下料数量">
|
|
||||||
<el-input v-model="form.blanking_qty" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="当前生产合格品数量">
|
|
||||||
<el-input v-model="form.qualified_qty" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="当前生产不合格品数量">
|
|
||||||
<el-input v-model="form.unqualified_qty" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="生产完成">
|
|
||||||
<el-input v-model="form.finish" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="任务号">
|
|
||||||
<el-input v-model="form.task" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备暂停">
|
|
||||||
<el-input v-model="form.pause" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { crud } from '@crud/crud'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'XJDeviceMonitor',
|
|
||||||
components: {},
|
|
||||||
mixins: [crud()],
|
|
||||||
props: {
|
|
||||||
dialogShow: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
openParam: {
|
|
||||||
type: Object
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dicts: [],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogVisible: false,
|
|
||||||
form: {
|
|
||||||
heartbeat: '',
|
|
||||||
mode: '',
|
|
||||||
error: '',
|
|
||||||
error_num: '',
|
|
||||||
ready_time: '',
|
|
||||||
running_time: '',
|
|
||||||
error_time: '',
|
|
||||||
temperature: '',
|
|
||||||
material: '',
|
|
||||||
lack_material: '',
|
|
||||||
feeding_qty: '',
|
|
||||||
blanking_qty: '',
|
|
||||||
qualified_qty: '',
|
|
||||||
unqualified_qty: '',
|
|
||||||
finish: '',
|
|
||||||
task: '',
|
|
||||||
pause: ''
|
|
||||||
},
|
|
||||||
device_code: '',
|
|
||||||
device_name: '',
|
|
||||||
rules: {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
dialogShow: {
|
|
||||||
handler(newValue) {
|
|
||||||
this.dialogVisible = newValue
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
open() {
|
|
||||||
this.webSocket()
|
|
||||||
},
|
|
||||||
close() {
|
|
||||||
this.$emit('AddChanged')
|
|
||||||
},
|
|
||||||
setForm(data) {
|
|
||||||
this.dialogVisible = true
|
|
||||||
this.form = data.data
|
|
||||||
this.device_code = data.device_code
|
|
||||||
this.device_name = data.device_name
|
|
||||||
// this.form = row
|
|
||||||
},
|
|
||||||
webSocket() {
|
|
||||||
const that = this
|
|
||||||
if (typeof (WebSocket) === 'undefined') {
|
|
||||||
this.$notify({
|
|
||||||
title: '提示',
|
|
||||||
message: '当前浏览器无法接收实时报警信息,请使用谷歌浏览器!',
|
|
||||||
type: 'warning',
|
|
||||||
duration: 0
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
const id = 'xj_device_monitor'
|
|
||||||
// 获取token保存到vuex中的用户信息,此处仅适用于本项目,注意删除或修改
|
|
||||||
// 实例化socket,这里我把用户名传给了后台,使后台能判断要把消息发给哪个用户,其实也可以后台直接获取用户IP来判断并推送
|
|
||||||
|
|
||||||
// const wsUri = process.env.VUE_APP_WS_API + '/webSocket/' + id
|
|
||||||
const wsUri = window.g.prod.VUE_APP_BASE_API.replace('http', 'ws') + '/webSocket/' + id
|
|
||||||
this.socket = new WebSocket(wsUri)
|
|
||||||
// 监听socket打开
|
|
||||||
this.socket.onopen = function() {
|
|
||||||
console.log('浏览器WebSocket已打开')
|
|
||||||
// that.socket.send('测试客户端发送消息')
|
|
||||||
}
|
|
||||||
|
|
||||||
// 监听socket消息接收
|
|
||||||
this.socket.onmessage = function(msg) {
|
|
||||||
const list = JSON.parse(msg.data).msg.detail
|
|
||||||
// console.log(list)
|
|
||||||
|
|
||||||
for (const item of list) {
|
|
||||||
const obj = JSON.parse(JSON.stringify(item))
|
|
||||||
if (obj.device_code === that.device_code) {
|
|
||||||
that.form = obj.data
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 监听socket错误
|
|
||||||
this.socket.onerror = function() {
|
|
||||||
that.$notify({
|
|
||||||
title: '错误',
|
|
||||||
message: '服务器错误,无法接收实时报警信息',
|
|
||||||
type: 'error',
|
|
||||||
duration: 0
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 监听socket关闭
|
|
||||||
this.socket.onclose = function() {
|
|
||||||
console.log('WebSocket已关闭')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.crud-opts2 {
|
|
||||||
padding: 0 0;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.crud-opts2 .crud-opts-right2 {
|
|
||||||
margin-left: auto;
|
|
||||||
padding: 4px 4px;
|
|
||||||
}
|
|
||||||
.input-with-select {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,631 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="monitor-wrap">
|
|
||||||
<el-row style="margin-top: 20px;margin-left: 20px;margin-bottom: 20px">
|
|
||||||
<el-col :span="6" />
|
|
||||||
<el-col :span="18">
|
|
||||||
<!-- 舞台:
|
|
||||||
<el-select v-model="stage_code" placeholder="请选择" @change="changeStage">
|
|
||||||
<el-option
|
|
||||||
v-for="item in stageSelectList"
|
|
||||||
:key="item.stage_code"
|
|
||||||
:label="item.stage_name"
|
|
||||||
:value="item.stage_code">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-button type="primary" @click="saveAll" :loading="saveLoading">保存</el-button>
|
|
||||||
<el-button type="success" @click="cleanArr2">清空</el-button>-->
|
|
||||||
<!-- <el-button type="info">操作</el-button>-->
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="1" style="margin-left: 10px">
|
|
||||||
<div>
|
|
||||||
<!-- <draggable :list="arr1" animation="300"
|
|
||||||
dragClass="dragClass"
|
|
||||||
ghostClass="ghostClass"
|
|
||||||
chosenClass="chosenClass"
|
|
||||||
@start="onStart"
|
|
||||||
@end="onEnd"
|
|
||||||
:move="onMove"
|
|
||||||
:group="{ name:'group', pull:'clone', put:false}"
|
|
||||||
>
|
|
||||||
|
|
||||||
<!–vue中引入图片https://blog.csdn.net/qq_35393869/article/details/80333564–>
|
|
||||||
<div v-for="(item,index) in arr1" :key="index"
|
|
||||||
style="position: relative; width: 34px;height: 34px;display: inline-block;margin: 0 0 0 0 ;vertical-align:bottom;outline: 1px solid #f0f0f0;">
|
|
||||||
<img :src="require('../../../../assets/acs/' +item.img1+'.png')" alt="" width="34px" height="34px;"
|
|
||||||
style="margin: 0 0 0 0;vertical-align:bottom;transform: rotate(0deg);"/>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</draggable>-->
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col :span="22" style="margin-left: 30px">
|
|
||||||
<el-scrollbar style="width:1850px;height: 1050px;">
|
|
||||||
<!--使用draggable组件-->
|
|
||||||
<draggable
|
|
||||||
:list="arr2"
|
|
||||||
group="group"
|
|
||||||
animation="300"
|
|
||||||
filter=".forbid"
|
|
||||||
:style="'width:'+ grid_width +'px;'"
|
|
||||||
>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-for="(item) in arr2"
|
|
||||||
:key="item.index"
|
|
||||||
class="forbid"
|
|
||||||
style="position: relative; width: 34px;height: 34px;display: inline-block;margin: 0 0 0 0 ;vertical-align:bottom;"
|
|
||||||
@click="clickDevice(item)"
|
|
||||||
>
|
|
||||||
|
|
||||||
<el-popover
|
|
||||||
v-if="currentItem == item.index"
|
|
||||||
:ref="'pop_'+item.index"
|
|
||||||
placement="bottom"
|
|
||||||
effect="dark"
|
|
||||||
trigger="manual"
|
|
||||||
:value="currentItem == item.index"
|
|
||||||
:disabled="item.device_code == ''"
|
|
||||||
:popper-class="isErrorColor(item)"
|
|
||||||
>
|
|
||||||
<div v-if="item.device_code !== ''" style="height: 390px;overflow-y: auto">
|
|
||||||
<div style="padding: 3px;">
|
|
||||||
设备信息
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
:data="moveShow(item)"
|
|
||||||
style="width: 100%"
|
|
||||||
>
|
|
||||||
<af-table-column
|
|
||||||
prop="name"
|
|
||||||
label="监控项"
|
|
||||||
/>
|
|
||||||
<af-table-column
|
|
||||||
prop="value"
|
|
||||||
label="当前值"
|
|
||||||
/>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
</el-popover>
|
|
||||||
|
|
||||||
<div v-popover="'pop_'+item.index" class="content" @mouseover="changeCurrentTime(item)">
|
|
||||||
<img
|
|
||||||
:src="require('../../../../assets/acs/' +item.img2+'.png')"
|
|
||||||
alt=""
|
|
||||||
width="34px"
|
|
||||||
height="34px;"
|
|
||||||
:style="{ transform:' rotate('+item.angle+'deg)' }"
|
|
||||||
style="outline: 1px solid #f0f0f0;"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
v-if="hasGoods(item) && item.img2!='1' "
|
|
||||||
:src="require('../../../../assets/acs/' +'托盘'+'.png')"
|
|
||||||
style="position: absolute; top: 5px;right: 5px;width: 24px;height: 24px;"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
v-if="statusPic(item) && item.img2!='1'"
|
|
||||||
:src="require('../../../../assets/acs/' +'status0'+'.png')"
|
|
||||||
style="position: absolute; top: 0;left: 0;"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
v-if="!statusPic(item) && item.img2!='1' && item.device_code"
|
|
||||||
:src="require('../../../../assets/acs/' +'status1'+'.png')"
|
|
||||||
style="position: absolute; top: 0;left: 0;"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
v-if="isError(item)"
|
|
||||||
:src="require('../../../../assets/acs/' +'icon_alert'+'.png')"
|
|
||||||
style="position: absolute; top: 5px;right: 5px;width: 23px;height: 23px;"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</draggable>
|
|
||||||
</el-scrollbar>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!--弹窗设置设备与图标绑定与角度-->
|
|
||||||
<el-dialog title="设备设置" :visible.sync="dialogFormVisible" width="35%">
|
|
||||||
<el-form :model="form" size="small">
|
|
||||||
<el-form-item label="设备编号" prop="device_code" label-width="80px">
|
|
||||||
<el-input v-model="form.device_code" :disabled="true" />
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="设备状态" label-width="80px">
|
|
||||||
<el-radio-group v-model="form.hasGoodStatus">
|
|
||||||
<el-radio-button :label="0">无货</el-radio-button>
|
|
||||||
<el-radio-button :label="1">有托盘</el-radio-button>
|
|
||||||
<el-radio-button :label="2">有托盘有货</el-radio-button>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="dialogSave">确 定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!--弹窗设置设备与图标绑定与角度-->
|
|
||||||
<el-dialog title="设备设置" :visible.sync="dialogFormVisible3" width="35%">
|
|
||||||
<el-form :model="form" size="small">
|
|
||||||
<el-form-item label="设备编号" prop="device_code" label-width="80px">
|
|
||||||
<el-input v-model="form.device_code" :disabled="true" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备状态" label-width="80px">
|
|
||||||
<el-radio-group v-model="form.hasGoodStatus">
|
|
||||||
<el-radio-button :label="0">无货</el-radio-button>
|
|
||||||
<el-radio-button :label="1">空料斗</el-radio-button>
|
|
||||||
<el-radio-button :label="2">满料斗</el-radio-button>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="物料编码" prop="material_type" label-width="80px">
|
|
||||||
<el-input v-model="form.material_type" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogFormVisible3 = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="dialogSave">确 定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!--弹窗设置设备与图标绑定与角度-->
|
|
||||||
<el-dialog title="设备设置" :visible.sync="dialogFormVisible4" width="35%">
|
|
||||||
<el-form :model="form" size="small">
|
|
||||||
<el-form-item label="设备编号" prop="device_code" label-width="120px">
|
|
||||||
<el-input v-model="form.device_code" :disabled="true" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="缺料请求成功" prop="requireSucess" label-width="120px">
|
|
||||||
<el-radio-group v-model="form.requireSucess">
|
|
||||||
<el-radio-button :label="0">否</el-radio-button>
|
|
||||||
<el-radio-button :label="1">是</el-radio-button>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="空想请求成功" prop="fullrequireSucess" label-width="120px">
|
|
||||||
<el-radio-group v-model="form.fullrequireSucess">
|
|
||||||
<el-radio-button :label="0">否</el-radio-button>
|
|
||||||
<el-radio-button :label="1">是</el-radio-button>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogFormVisible4 = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="dialogSave">确 定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!--弹窗设置设备与图标绑定与角度-->
|
|
||||||
<el-dialog title="设备设置" :visible.sync="dialogFormVisible1" width="35%">
|
|
||||||
<el-form :model="form" size="small">
|
|
||||||
<el-form-item label="设备编号" prop="device_code" label-width="80px">
|
|
||||||
<el-input v-model="form.device_code" :disabled="true" />
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="条码" label-width="80px">
|
|
||||||
<el-input v-model="form.barcode" :disabled="false" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogFormVisible1 = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="saveBarcode">确 定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
<XJDeviceMonitor ref="child1" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// 导入draggable组件
|
|
||||||
import deviceCrud from '@/api/acs/device/device'
|
|
||||||
import draggable from 'vuedraggable'
|
|
||||||
import crud from '@/mixins/crud'
|
|
||||||
import actorCrud from '@/api/acs/stage/actor'
|
|
||||||
import XJDeviceMonitor from '@/views/acs/monitor/device/XJDeviceMonitor'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'MonitorDevice',
|
|
||||||
// 注册draggable组件
|
|
||||||
components: {
|
|
||||||
draggable, XJDeviceMonitor
|
|
||||||
},
|
|
||||||
mixins: [crud],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
stage_code: '',
|
|
||||||
dialogFormVisible: false,
|
|
||||||
dialogFormVisible1: false,
|
|
||||||
dialogFormVisible2: false,
|
|
||||||
dialogFormVisible3: false,
|
|
||||||
dialogFormVisible4: false,
|
|
||||||
arr2: [],
|
|
||||||
currentItem: '',
|
|
||||||
stageSelectList: [],
|
|
||||||
deviceList: [],
|
|
||||||
form: {
|
|
||||||
index: 0,
|
|
||||||
device_code: '',
|
|
||||||
angle: 0,
|
|
||||||
hasGoodStatus: null,
|
|
||||||
barcode: '',
|
|
||||||
suspended: null,
|
|
||||||
material_type: '',
|
|
||||||
requireSucess: '',
|
|
||||||
fullrequireSucess: ''
|
|
||||||
},
|
|
||||||
grid_width: 1000
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.initArr2()
|
|
||||||
this.webSocket()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
clickDevice(item) {
|
|
||||||
// debugger
|
|
||||||
const index = item.index
|
|
||||||
const clickObj = this.arr2[index]
|
|
||||||
console.log(clickObj.data)
|
|
||||||
if (!clickObj.img2 || clickObj.img2 === '1' || !item.data) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (clickObj.data.is_click !== true) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (clickObj.data.device_type === 'scanner') {
|
|
||||||
this.dialogFormVisible1 = true
|
|
||||||
} else {
|
|
||||||
if (clickObj.data.driver_type === 'hailiang_engraving_cache') {
|
|
||||||
this.dialogFormVisible3 = true
|
|
||||||
} else if (clickObj.data.driver_type === 'hailiang_packer_station') {
|
|
||||||
this.dialogFormVisible4 = true
|
|
||||||
} else if (clickObj.data.driver_type === 'hailiang_xj_plc_test') {
|
|
||||||
this.$refs.child1.setForm(clickObj)
|
|
||||||
} else {
|
|
||||||
this.dialogFormVisible = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.form.angle = clickObj.angle
|
|
||||||
this.form.index = clickObj.index
|
|
||||||
this.form.device_code = clickObj.device_code
|
|
||||||
this.form.hasGoodStatus = clickObj.data.hasGoods
|
|
||||||
this.form.material_type = clickObj.data.material_type
|
|
||||||
this.form.requireSucess = clickObj.data.requireSucess
|
|
||||||
this.form.fullrequireSucess = clickObj.data.fullrequireSucess
|
|
||||||
},
|
|
||||||
hasGoods(item) {
|
|
||||||
if (item.data && item.data.hasGoods > 0) {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
return false
|
|
||||||
},
|
|
||||||
statusPic(item) {
|
|
||||||
if (item.data && item.data.isOnline === true) {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
return false
|
|
||||||
},
|
|
||||||
isError(item) {
|
|
||||||
if (item.data && item.data.isError === true) {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
return false
|
|
||||||
},
|
|
||||||
isErrorColor(item) {
|
|
||||||
if (item.data && item.data.isError === true) {
|
|
||||||
return 'error'
|
|
||||||
}
|
|
||||||
return 'normal'
|
|
||||||
},
|
|
||||||
changeCurrentTime(item) {
|
|
||||||
this.currentItem = item.index
|
|
||||||
},
|
|
||||||
moveShow(item) {
|
|
||||||
// debugger
|
|
||||||
if (item.device_code && item.data) {
|
|
||||||
const arr = [
|
|
||||||
{ name: '设备编号', value: item.device_code },
|
|
||||||
{ name: '设备名称', value: item.device_name }
|
|
||||||
]
|
|
||||||
const data = item.data
|
|
||||||
for (const val in data) {
|
|
||||||
if (val === 'isOnline' || val === 'isError' || val === 'hasGoods') {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if (val === 'message' && data.isError === true) {
|
|
||||||
const obj = { name: '设备信息', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
}
|
|
||||||
|
|
||||||
if (val === 'message' && data.isError === 'false') {
|
|
||||||
const obj = { name: '异常信息', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
}
|
|
||||||
|
|
||||||
if (val === 'move') {
|
|
||||||
const obj = { name: '光电信号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'mode') {
|
|
||||||
const obj = { name: '模式', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'error') {
|
|
||||||
const obj = { name: '报警', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'ip') {
|
|
||||||
const obj = { name: 'IP地址', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'number') {
|
|
||||||
const obj = { name: '托盘数量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'qty') {
|
|
||||||
const obj = { name: '数量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'weight') {
|
|
||||||
const obj = { name: '重量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'instruction_message') {
|
|
||||||
const obj = { name: '指令信息', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'last_instruction_message') {
|
|
||||||
const obj = { name: '上次指令信息', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'container') {
|
|
||||||
const obj = { name: '载具号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'last_container') {
|
|
||||||
const obj = { name: '上次载具号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'instruction_code') {
|
|
||||||
const obj = { name: '指令号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'last_instruction_code') {
|
|
||||||
const obj = { name: '上次指令号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'action') {
|
|
||||||
const obj = { name: '动作信号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'io_action') {
|
|
||||||
const obj = { name: '允许进出信号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'material') {
|
|
||||||
const obj = { name: '物料', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'batch') {
|
|
||||||
const obj = { name: '批次', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'requestSucess') {
|
|
||||||
const obj = { name: '缺料请求成功', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'fullrequestSucess') {
|
|
||||||
const obj = { name: '空箱请求成功', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'applySucess') {
|
|
||||||
const obj = { name: '是否申请指令', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'message') {
|
|
||||||
const obj = { name: '说明', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'empty_is_lack') {
|
|
||||||
const obj = { name: '空箱位缺箱', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'empty_is_finish') {
|
|
||||||
const obj = { name: '空位完成', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'full_ready_req_agv') {
|
|
||||||
const obj = { name: '满箱位就绪,请求AGV', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'full_out') {
|
|
||||||
const obj = { name: '满箱已运出满箱位', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'finish') {
|
|
||||||
const obj = { name: '烘箱完成', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'countdown_house') {
|
|
||||||
const obj = { name: '恒温倒计时(时)', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'countdown_min') {
|
|
||||||
const obj = { name: '恒温倒计时(分)', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'countdown_sec') {
|
|
||||||
const obj = { name: '恒温倒计时(秒)', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'door') {
|
|
||||||
const obj = { name: '门状态', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'order_compel_finish') {
|
|
||||||
const obj = { name: '订单强制完成', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'now_order_prod_num') {
|
|
||||||
const obj = { name: '当前生产总量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'now_one_prod_num') {
|
|
||||||
const obj = { name: '当前箱生产量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'task') {
|
|
||||||
const obj = { name: '任务号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'full_number') {
|
|
||||||
const obj = { name: '出料口满框数量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'storage_stock_num') {
|
|
||||||
const obj = { name: '储料仓库存数量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'line_stock_num') {
|
|
||||||
const obj = { name: '线体库存数量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'order_prod_allnum') {
|
|
||||||
const obj = { name: '订单生产总量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'order') {
|
|
||||||
const obj = { name: '工单号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'storage_stock_num') {
|
|
||||||
const obj = { name: '储料仓库存数量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'line_stock_num') {
|
|
||||||
const obj = { name: '线体库存数量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'material_type') {
|
|
||||||
const obj = { name: '产品编号', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'lack_req') {
|
|
||||||
const obj = { name: '缺料请求', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'empty_req') {
|
|
||||||
const obj = { name: '空箱请求', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'address') {
|
|
||||||
const obj = { name: 'agv位置', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'phaseName') {
|
|
||||||
const obj = { name: 'phase', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'full_req') {
|
|
||||||
const obj = { name: '满箱请求', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'open_time') {
|
|
||||||
const obj = { name: '开机时间', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'close_time') {
|
|
||||||
const obj = { name: '关机时间', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'feeding_qty') {
|
|
||||||
const obj = { name: '上料数量', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'error_num') {
|
|
||||||
const obj = { name: '故障次数', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
} else if (val === 'is_disable') {
|
|
||||||
const obj = { name: '是否禁用', value: data[val] }
|
|
||||||
arr.push(obj)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return arr
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dialogSave() {
|
|
||||||
deviceCrud.changeDeviceStatus(this.form).then(res => {
|
|
||||||
this.notify('操作成功', 'success')
|
|
||||||
this.dialogFormVisible = false
|
|
||||||
this.dialogFormVisible3 = false
|
|
||||||
this.dialogFormVisible4 = false
|
|
||||||
this.initArr2()
|
|
||||||
}).catch(err => {
|
|
||||||
this.dialogFormVisible = false
|
|
||||||
this.dialogFormVisible3 = false
|
|
||||||
this.dialogFormVisible4 = false
|
|
||||||
console.log(err.response.data.message)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
statusSave() {
|
|
||||||
deviceCrud.changeFenceStatus(this.form).then(res => {
|
|
||||||
this.notify('操作成功', 'success')
|
|
||||||
this.dialogFormVisible2 = false
|
|
||||||
this.initArr2()
|
|
||||||
}).catch(err => {
|
|
||||||
this.dialogFormVisible2 = false
|
|
||||||
console.log(err.response.data.message)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
saveBarcode() {
|
|
||||||
deviceCrud.saveBarcode(this.form).then(res => {
|
|
||||||
this.notify('操作成功', 'success')
|
|
||||||
this.dialogFormVisible1 = false
|
|
||||||
this.initArr2()
|
|
||||||
}).catch(err => {
|
|
||||||
this.dialogFormVisible1 = false
|
|
||||||
console.log(err.response.data.message)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
initArr2() {
|
|
||||||
actorCrud.queryStageActor('SHDP').then(data => {
|
|
||||||
if (data.detail.length > 0) {
|
|
||||||
this.grid_width = data.form.grid_width
|
|
||||||
this.arr2 = []
|
|
||||||
for (let i = 0; i < data.form.grid_length; i++) {
|
|
||||||
const a = { 'id': i, 'name': '', device_code: '', img: '', index: i, img2: '1', angle: '0' }
|
|
||||||
this.arr2.push(a)
|
|
||||||
}
|
|
||||||
for (const i of data.detail) {
|
|
||||||
const index = i.index
|
|
||||||
this.arr2.splice(index, 1, i)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
console.log(err.response.data.message)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
webSocket() {
|
|
||||||
const that = this
|
|
||||||
if (typeof (WebSocket) === 'undefined') {
|
|
||||||
this.$notify({
|
|
||||||
title: '提示',
|
|
||||||
message: '当前浏览器无法接收实时报警信息,请使用谷歌浏览器!',
|
|
||||||
type: 'warning',
|
|
||||||
duration: 0
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
const id = 'device_monitor'
|
|
||||||
// 获取token保存到vuex中的用户信息,此处仅适用于本项目,注意删除或修改
|
|
||||||
// 实例化socket,这里我把用户名传给了后台,使后台能判断要把消息发给哪个用户,其实也可以后台直接获取用户IP来判断并推送
|
|
||||||
|
|
||||||
// const wsUri = process.env.VUE_APP_WS_API + '/webSocket/' + id
|
|
||||||
const wsUri = window.g.prod.VUE_APP_BASE_API.replace('http', 'ws') + '/webSocket/' + id
|
|
||||||
this.socket = new WebSocket(wsUri)
|
|
||||||
// 监听socket打开
|
|
||||||
this.socket.onopen = function() {
|
|
||||||
console.log('浏览器WebSocket已打开')
|
|
||||||
// that.socket.send('测试客户端发送消息')
|
|
||||||
}
|
|
||||||
|
|
||||||
// 监听socket消息接收
|
|
||||||
this.socket.onmessage = function(msg) {
|
|
||||||
const list = JSON.parse(msg.data).msg.detail
|
|
||||||
// console.log(list)
|
|
||||||
|
|
||||||
for (const item of list) {
|
|
||||||
const index = item.index
|
|
||||||
// that.arr2.splice(index, 1, item)
|
|
||||||
|
|
||||||
if (item.data) {
|
|
||||||
Object.assign(that.arr2[index].data, item.data)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 监听socket错误
|
|
||||||
this.socket.onerror = function() {
|
|
||||||
that.$notify({
|
|
||||||
title: '错误',
|
|
||||||
message: '服务器错误,无法接收实时报警信息',
|
|
||||||
type: 'error',
|
|
||||||
duration: 0
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 监听socket关闭
|
|
||||||
this.socket.onclose = function() {
|
|
||||||
console.log('WebSocket已关闭')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
.normal {
|
|
||||||
background: #4a659c !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error {
|
|
||||||
background: #95341c !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<style>
|
|
||||||
|
|
||||||
.monitor-wrap .el-popover {
|
|
||||||
margin-left: 35px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -365,9 +365,12 @@ export default {
|
|||||||
} else if (val === 'last_instruction_message') {
|
} else if (val === 'last_instruction_message') {
|
||||||
const obj = { name: '上次指令信息', value: data[val] }
|
const obj = { name: '上次指令信息', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
} else if (val === 'container') {
|
} else if (val === 'barcode') {
|
||||||
const obj = { name: '载具号', value: data[val] }
|
const obj = { name: '载具号', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
|
} else if (val === 'barcode_length') {
|
||||||
|
const obj = { name: '载具长度', value: data[val] }
|
||||||
|
this.arr.push(obj)
|
||||||
} else if (val === 'last_container') {
|
} else if (val === 'last_container') {
|
||||||
const obj = { name: '上次载具号', value: data[val] }
|
const obj = { name: '上次载具号', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
@@ -395,87 +398,15 @@ export default {
|
|||||||
} else if (val === 'applySucess') {
|
} else if (val === 'applySucess') {
|
||||||
const obj = { name: '是否申请指令', value: data[val] }
|
const obj = { name: '是否申请指令', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
} else if (val === 'message') {
|
|
||||||
const obj = { name: '说明', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'status') {
|
} else if (val === 'status') {
|
||||||
const obj = { name: '设备状态', value: data[val] }
|
const obj = { name: '设备状态', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
} else if (val === 'open_time') {
|
|
||||||
const obj = { name: '开机时间', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'close_time') {
|
|
||||||
const obj = { name: '关机时间', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'standby_time') {
|
|
||||||
const obj = { name: '待机时间', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'production_time') {
|
|
||||||
const obj = { name: '生产时间', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'error_time') {
|
|
||||||
const obj = { name: '故障时间', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'weight') {
|
} else if (val === 'weight') {
|
||||||
const obj = { name: '生产重量', value: data[val] }
|
const obj = { name: '重量', value: data[val] }
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'order_No') {
|
|
||||||
const obj = { name: '工单号', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'mix_num') {
|
|
||||||
const obj = { name: '碾次', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'barcode') {
|
|
||||||
const obj = { name: '条码', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'qualified') {
|
|
||||||
const obj = { name: '合格数量', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'unqualified') {
|
|
||||||
const obj = { name: '不合格数量', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'put_station') {
|
|
||||||
const obj = { name: '当前码盘工位', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'encoder_qty') {
|
|
||||||
const obj = { name: '码盘数量', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'outKiln_move') {
|
|
||||||
const obj = { name: '出窑光电', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'outKiln_barcode') {
|
|
||||||
const obj = { name: '出窑条码', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'outKiln_device') {
|
|
||||||
const obj = { name: '出窑设备', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'car_sum') {
|
|
||||||
const obj = { name: '窑车总数', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'nullCar_qty') {
|
|
||||||
const obj = { name: '空窑车数', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'burning_car_qty') {
|
|
||||||
const obj = { name: '在烧窑车数', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'container_qty') {
|
|
||||||
const obj = { name: '托盘数', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
} else if (val === 'tray_crib_qty') {
|
} else if (val === 'tray_crib_qty') {
|
||||||
const obj = { name: '托盘垛数', value: data[val] }
|
const obj = { name: '托盘垛数', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
} else if (val === 'total_container') {
|
|
||||||
const obj = { name: '托盘总数量', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'total_split') {
|
|
||||||
const obj = { name: '累计拆垛数量', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'getStation') {
|
|
||||||
const obj = { name: '当前抓取工位', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'putStation') {
|
|
||||||
const obj = { name: '当前码盘工位', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'move_1') {
|
} else if (val === 'move_1') {
|
||||||
const obj = { name: '前工位光电信号', value: data[val] }
|
const obj = { name: '前工位光电信号', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
@@ -500,39 +431,27 @@ export default {
|
|||||||
} else if (val === 'task') {
|
} else if (val === 'task') {
|
||||||
const obj = { name: '任务号', value: data[val] }
|
const obj = { name: '任务号', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
} else if (val === 'labeling_qty') {
|
|
||||||
const obj = { name: '贴标数量', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'container_type') {
|
|
||||||
const obj = { name: '托盘类型', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'specifications') {
|
|
||||||
const obj = { name: '规格', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'onoff_status') {
|
|
||||||
const obj = { name: '开关机状态', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'task_qty') {
|
|
||||||
const obj = { name: '当前任务数量', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'finishTask_qty') {
|
|
||||||
const obj = { name: '完成任务数量', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'AlongSide') {
|
|
||||||
const obj = { name: 'A长边', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'BshortSide') {
|
|
||||||
const obj = { name: 'B短边', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'Htrapezoidal') {
|
|
||||||
const obj = { name: 'H梯形高', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'Wthickness') {
|
|
||||||
const obj = { name: 'W厚度', value: data[val] }
|
|
||||||
this.arr.push(obj)
|
|
||||||
} else if (val === 'is_disable') {
|
} else if (val === 'is_disable') {
|
||||||
const obj = { name: '是否禁用', value: data[val] }
|
const obj = { name: '是否禁用', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
|
} else if (val === 'temperature') {
|
||||||
|
const obj = { name: '当前温度', value: data[val] }
|
||||||
|
this.arr.push(obj)
|
||||||
|
} else if (val === 'finish') {
|
||||||
|
const obj = { name: '烘箱完成', value: data[val] }
|
||||||
|
this.arr.push(obj)
|
||||||
|
} else if (val === 'countdown_house') {
|
||||||
|
const obj = { name: '恒温倒计时(时)', value: data[val] }
|
||||||
|
this.arr.push(obj)
|
||||||
|
} else if (val === 'countdown_min') {
|
||||||
|
const obj = { name: '恒温倒计时(分)', value: data[val] }
|
||||||
|
this.arr.push(obj)
|
||||||
|
} else if (val === 'countdown_sec') {
|
||||||
|
const obj = { name: '恒温倒计时(秒)', value: data[val] }
|
||||||
|
this.arr.push(obj)
|
||||||
|
} else if (val === 'door') {
|
||||||
|
const obj = { name: '门状态', value: data[val] }
|
||||||
|
this.arr.push(obj)
|
||||||
} else if (val === 'notCreateTaskMessage') {
|
} else if (val === 'notCreateTaskMessage') {
|
||||||
const obj = { name: '任务创建失败原因', value: data[val] }
|
const obj = { name: '任务创建失败原因', value: data[val] }
|
||||||
this.arr.push(obj)
|
this.arr.push(obj)
|
||||||
|
|||||||
Reference in New Issue
Block a user