mt-fe-group/yudao-dev
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

projects/mesxc-zjl #342

Merged
juzi merged 4 commits from projects/mesxc-zjl into projects/mesxc-test 2024-04-19 11:11:20 +08:00
Conversation 0 Commits 4 Files Changed 14 +298 -241
7 changed files with 298 additions and 241 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 59d53b60c7 - Show all commits

4
src/views/OperationalOverview/coldBoard.vue
View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-01-29 16:50:26 * @Date: 2024-01-29 16:50:26
* @LastEditTime: 2024-04-11 09:55:04 * @LastEditTime: 2024-04-16 13:44:14
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -635,6 +635,7 @@ export default {
// this.cutConfig.data = cutArr // this.cutConfig.data = cutArr
// this.$refs['cutScrollBoard'].updateRows(cutArr) // this.$refs['cutScrollBoard'].updateRows(cutArr)
} else if (this.cutWsData.type === 'cutting' && this.cutWsData.name === 'chart' && this.cutWsData.dateType === 'day') { } else if (this.cutWsData.type === 'cutting' && this.cutWsData.name === 'chart' && this.cutWsData.dateType === 'day') {
if (this.cutWsData.coldDetData.length !== 0) {
let nameList = [] let nameList = []
let nameWasteList = [] let nameWasteList = []
let topNameList = [] let topNameList = []
@ -662,6 +663,7 @@ export default {
this.$refs.productChart.initChart(nameList, yieldList, sumAreaList) this.$refs.productChart.initChart(nameList, yieldList, sumAreaList)
}) })
} }
}
}; };
// if (typeof (WebSocket) === 'undefined') { // if (typeof (WebSocket) === 'undefined') {
// alert('您的浏览器不支持WebSocket') // alert('您的浏览器不支持WebSocket')

36
src/views/OperationalOverview/components/ISRAChart.vue
View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2024-01-29 13:45:56 * @Date: 2024-01-29 13:45:56
* @LastEditTime: 2024-04-15 09:28:21 * @LastEditTime: 2024-04-16 13:43:05
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -126,22 +126,22 @@ export default {
color: '#fff00', color: '#fff00',
}, },
}, },
legend: { // legend: {
bottom: '10%', // bottom: '10%',
left: 'center', // left: 'center',
itemWidth: 12, // itemWidth: 12,
itemHeight:12, // itemHeight:12,
icon: 'roundRect', // icon: 'roundRect',
textStyle: { // textStyle: {
color: '#fff' // color: '#fff'
}, // },
data:this.chartData && this.chartData.length > 0 && this.chartData.map((item,index)=>({ // data:this.chartData && this.chartData.length > 0 && this.chartData.map((item,index)=>({
name:item.name, // name:item.name,
itemStyle:{ // itemStyle:{
color: this.colors[index%4] // color: this.colors[index%4]
} // }
})) // }))
}, // },
series:[{ series:[{
name: 'ISRA缺陷检测', name: 'ISRA缺陷检测',
type: 'pie', type: 'pie',
@ -168,7 +168,7 @@ export default {
}, },
textStyle: { // 提示文字的样式 textStyle: { // 提示文字的样式
// color: '#595959', // color: '#595959',
fontSize: 16 fontSize: 18
} }
} }
}, },

14
src/views/OperationalOverview/components/coldDoubleYChart.vue
View File

@ -2,7 +2,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-09-21 09:06:28 * @Date: 2023-09-21 09:06:28
* @LastEditTime: 2024-04-09 15:24:39 * @LastEditTime: 2024-04-16 13:39:25
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -156,6 +156,8 @@ export default {
this.chart.setOption({ this.chart.setOption({
// color: colors, // color: colors,
tooltip: { tooltip: {
trigger: 'item',
className: "isra-chart-tooltip",
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
type: 'cross' type: 'cross'
@ -318,8 +320,16 @@ export default {
} }
</script> </script>
<style> <style>
.coldProductChart{ .coldProductChart{
top: -10px; top: -10px;
} }
.isra-chart-tooltip {
background: #0a2b4f77 !important;
border: none !important;
backdrop-filter: blur(12px);
}
.isra-chart-tooltip * {
color: #fff !important;
}
</style> </style>

13
src/views/OperationalOverview/components/doubleYChart .vue
View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-09-21 09:06:28 * @Date: 2023-09-21 09:06:28
* @LastEditTime: 2024-04-09 15:24:28 * @LastEditTime: 2024-04-16 13:37:38
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -162,6 +162,8 @@ export default {
this.chart.setOption({ this.chart.setOption({
// color: colors, // color: colors,
tooltip: { tooltip: {
trigger: 'item',
className: "isra-chart-tooltip",
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
type: 'cross' type: 'cross'
@ -327,4 +329,13 @@ export default {
width: 100%; width: 100%;
top: -30px; top: -30px;
} }
.isra-chart-tooltip {
background: #0a2b4f77 !important;
border: none !important;
backdrop-filter: blur(12px);
}
.isra-chart-tooltip * {
color: #fff !important;
}
</style> </style>

11
src/views/OperationalOverview/components/linearBarChart.vue
View File

@ -128,6 +128,8 @@ export default {
this.chart.setOption({ this.chart.setOption({
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
trigger: 'item',
className: "isra-chart-tooltip",
axisPointer: { axisPointer: {
// 坐标轴指示器，坐标轴触发有效 // 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
@ -226,4 +228,13 @@ export default {
width: 100%; width: 100%;
top: -30px; top: -30px;
} }
.isra-chart-tooltip {
background: #0a2b4f77 !important;
border: none !important;
backdrop-filter: blur(12px);
}
.isra-chart-tooltip * {
color: #fff !important;
}
</style> </style>

7
src/views/OperationalOverview/components/pileBarChart.vue
View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-12-27 13:54:52 * @Date: 2023-12-27 13:54:52
* @LastEditTime: 2024-04-03 18:12:18 * @LastEditTime: 2024-04-16 13:16:34
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -101,6 +101,9 @@ export default {
});; });;
}, },
initChart(nameList, topNameList, nameWasteList, passRateList, wasteList) { initChart(nameList, topNameList, nameWasteList, passRateList, wasteList) {
if (topNameList.length === 0 && nameWasteList.length === 0 && passRateList === 0 && wasteList === 0) {
return
} else {
let rawData = [] let rawData = []
let colors = ['#0fdedb', '#2359ec'] let colors = ['#0fdedb', '#2359ec']
rawData.push(passRateList, wasteList) rawData.push(passRateList, wasteList)
@ -257,6 +260,8 @@ export default {
this.resize() this.resize()
}, 1000); }, 1000);
}) })
}
// this.chart.resize({ // this.chart.resize({
// width: 'auto', // width: 'auto',
// height: 90 // height: 90

98
src/views/OperationalOverview/processingBoard.vue
View File

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