|
|
@@ -2,7 +2,7 @@ |
|
|
|
* @Author: zwq |
|
|
|
* @Date: 2021-07-19 15:18:30 |
|
|
|
* @LastEditors: zhp |
|
|
|
* @LastEditTime: 2024-04-10 16:10:11 |
|
|
|
* @LastEditTime: 2024-04-16 14:03:31 |
|
|
|
* @Description: |
|
|
|
--> |
|
|
|
<template> |
|
|
@@ -42,6 +42,7 @@ |
|
|
|
<el-row v-for="op in orderList" :key="op.id" style="margin-bottom: .5em;overflow: hidden;"> |
|
|
|
<!-- <el-col :span="12"> --> |
|
|
|
<!-- <div style="height: 34px;"> --> |
|
|
|
<span style="display: inline-block;width: 330px;"> |
|
|
|
<span class="now-secondary-title" style="font-size: 14px;opacity: calc(.6);">{{ op.name }}</span> |
|
|
|
<el-divider class="split" v-if="op.specifications" direction="vertical"></el-divider> |
|
|
|
<!-- <span v-if="op.size" class="split"></span> --> |
|
|
@@ -50,6 +51,7 @@ |
|
|
|
<el-divider class="split" v-if="op.planQuantity" direction="vertical"></el-divider> |
|
|
|
<span v-if="op.planQuantity" class="orderPlan" style="font-size: 14px;opacity: calc(.6);">{{ |
|
|
|
op.planQuantity }}</span> |
|
|
|
</span> |
|
|
|
<span v-if="op.actualQuantity" class="orderFinish" |
|
|
|
style="font-size: 14px;opacity: calc(.6);margin-left: 130px;">{{ |
|
|
|
op.actualQuantity |
|
|
@@ -108,80 +110,80 @@ const qualityYearList = [ |
|
|
|
{ |
|
|
|
name: '翻转机', |
|
|
|
code: 'EQ20240110112358000235', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'true', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '烘干炉', |
|
|
|
code: 'EQ20240110112537000241', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '计划停机', |
|
|
|
error: 'true', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '清洗机', |
|
|
|
code: ' EQ20240110112310000232', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'true', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '钢化清洗机', |
|
|
|
code: 'EQ20240110111700000208', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'true', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '固化机', |
|
|
|
code: 'EQ20240110111700000201', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'true', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '磨边清洗机', |
|
|
|
code: ' EQ20240110111700000208', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'true', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '预热机', |
|
|
|
code: 'EQ20240110111700000205', |
|
|
|
status: '故障', |
|
|
|
error: '是', |
|
|
|
error: 'true', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '下片机', |
|
|
|
code: 'EQ20240115151435000279', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'false', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '冷却机', |
|
|
|
code: 'EQ20240110111700000203', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'false', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: 'A储片机106', |
|
|
|
code: 'EQ20240110111700000202', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'false', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '二次清洗机', |
|
|
|
code: 'EQ20240110111700000209', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'false', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '二次磨边机', |
|
|
|
code: ' EQ20240110110927000181', |
|
|
|
status: '故障', |
|
|
|
error: '是', |
|
|
|
status: '正常', |
|
|
|
error: 'false', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '测试设备', |
|
|
|
code: 'EQ20240110111700000201', |
|
|
|
status: '运行', |
|
|
|
error: '否', |
|
|
|
status: '正常', |
|
|
|
error: 'true', |
|
|
|
}, |
|
|
|
]; |
|
|
|
const qualityMonthList = [ |
|
|
@@ -380,7 +382,7 @@ export default { |
|
|
|
progressRate: 0.933333, |
|
|
|
specifications: '1100*5554*22', |
|
|
|
plan: 11111, |
|
|
|
finish:111, |
|
|
|
actualQuantity:111, |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '2', |
|
|
@@ -388,7 +390,7 @@ export default { |
|
|
|
progressRate: 0.932323, |
|
|
|
size: '1100*5554*22', |
|
|
|
plan: 11111, |
|
|
|
finish: 111, |
|
|
|
actualQuantity: 111, |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '3', |
|
|
@@ -396,7 +398,7 @@ export default { |
|
|
|
progressRate: 0.23232, |
|
|
|
size: '1100*5554*22', |
|
|
|
plan: 11111, |
|
|
|
finish: 111, |
|
|
|
actualQuantity: 111, |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '4', |
|
|
@@ -404,7 +406,7 @@ export default { |
|
|
|
progressRate: 0.32323, |
|
|
|
size: '1100*5554*22', |
|
|
|
plan: 11111, |
|
|
|
finish: 111, |
|
|
|
actualQuantity: 111, |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '5', |
|
|
@@ -412,7 +414,7 @@ export default { |
|
|
|
progressRate: 0.32323, |
|
|
|
size: '1100*5554*22', |
|
|
|
plan: 11111, |
|
|
|
finish: 111, |
|
|
|
actualQuantity: 111, |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '6', |
|
|
@@ -420,7 +422,7 @@ export default { |
|
|
|
size: '1100*5554*22', |
|
|
|
progressRate: 0.32323, |
|
|
|
plan: 11111, |
|
|
|
finish: 111, |
|
|
|
actualQuantity: 111, |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '7', |
|
|
@@ -428,7 +430,7 @@ export default { |
|
|
|
size: '1100*5554*22', |
|
|
|
progressRate: 0.32323, |
|
|
|
plan: 11111, |
|
|
|
finish: 111, |
|
|
|
actualQuantity: 111, |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '8', |
|
|
@@ -436,7 +438,7 @@ export default { |
|
|
|
progressRate: 0.32323, |
|
|
|
size: '1100*5554*22', |
|
|
|
plan: 11111, |
|
|
|
finish: 111, |
|
|
|
actualQuantity: 111, |
|
|
|
}, |
|
|
|
// { |
|
|
|
// id: '5', |
|
|
@@ -456,7 +458,7 @@ export default { |
|
|
|
progressRate: parseFloat((ele.progressRate * 100).toFixed(0)), |
|
|
|
specifications: ele.specifications ? '规格' + ele.specifications :null, |
|
|
|
planQuantity: ele.plan ? '计划' + ele.plan + '片' : null, |
|
|
|
finish: ele.finish + '片', |
|
|
|
actualQuantity: ele.actualQuantity + '片', |
|
|
|
}; |
|
|
|
} |
|
|
|
}); |
|
|
@@ -480,8 +482,8 @@ export default { |
|
|
|
<span style="color:rgba(255,255,255,0.5)" >${item.name || ''} |
|
|
|
</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)">${item.code || ''}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.status == '运行' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: #FFBD02;float:left;margin:13px 10px 0 0 '}"></div> ${item.status || ''}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == '是' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: #FFBD02;float:left;margin:13px 10px 0 0 '}"></div> ${item.error || ''}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.status == '正常' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: #FFBD02;float:left;margin:13px 10px 0 0 '}"></div> ${item.status || ''}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == 'false' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: red;float:left;margin:13px 10px 0 0 '}"></div> ${item.error || ''}</span>`, |
|
|
|
]); |
|
|
|
this.eqConfig.data = eqArr; |
|
|
|
let data = [ |
|
|
@@ -747,8 +749,8 @@ export default { |
|
|
|
`<span style="color:rgba(255,255,255,0.5)">${ |
|
|
|
item.code || '' |
|
|
|
}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.status == '运行' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div> ${item.status || ''}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == '是' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div> ${item.error || ''}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.status == '正常' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div> ${item.status || ''}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == 'false' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: red;float:left;margin:10px 10px 0 0 '}"></div> ${item.error || ''}</span>`, |
|
|
|
]); |
|
|
|
this.eqConfig.data = eqArr; |
|
|
|
// this.$nextTick(() => { |
|
|
@@ -790,7 +792,23 @@ export default { |
|
|
|
outputNumList |
|
|
|
); |
|
|
|
}) |
|
|
|
} else if (this.SJGInitWebSocket === 'inspection') { |
|
|
|
} else if (this.SJGWsData.type === 'inspection') { |
|
|
|
let processArr = this.SJGWsData.detData.map((item, index) => [ |
|
|
|
`<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''} |
|
|
|
</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)" >${item.productionLineName || ''} |
|
|
|
</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)">${item.sectionName || '' |
|
|
|
}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)">${item.count || '' |
|
|
|
}</span>`, |
|
|
|
`<span style="color:rgba(255,255,255,0.5)">${item.inspectionTypeName || '' |
|
|
|
}</span>`, |
|
|
|
]); |
|
|
|
this.processConfig.data = processArr; |
|
|
|
// this.$nextTick(() => { |
|
|
|
this.$refs['processScrollBoard'].updateRows(processArr); |
|
|
|
// }) |
|
|
|
} |
|
|
|
}; |
|
|
|
}, |
|
|
|