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

projects/mesxc-zhp #339

Merged
juzi merged 4 commits from projects/mesxc-zhp into projects/mesxc-test 2024-04-16 14:07:18 +08:00
Conversation 0 Commits 4 Files Changed 7 +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

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

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

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

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

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

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

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

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

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

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

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

@ -1,7 +1,7 @@
<!--
* @Author: zhp
* @Date: 2023-12-27 13:54:52
* @LastEditTime: 2024-04-03 18:12:18
* @LastEditTime: 2024-04-16 13:16:34
* @LastEditors: zhp
* @Description:
-->
@ -101,6 +101,9 @@ export default {
});;
},
initChart(nameList, topNameList, nameWasteList, passRateList, wasteList) {
if (topNameList.length === 0 && nameWasteList.length === 0 && passRateList === 0 && wasteList === 0) {
return
} else {
let rawData = []
let colors = ['#0fdedb', '#2359ec']
rawData.push(passRateList, wasteList)
@ -136,7 +139,7 @@ export default {
// show: true,
// formatter: (params) => Math.round(params.value * 1000) / 10 + '%'
// },
color:colors[sid],
color: colors[sid],
data: rawData.length != 0 ? rawData[sid].map((d, did) =>
totalData[did] <= 0 ? 0 : (d / totalData[did]).toFixed(4)
) : []
@ -176,11 +179,11 @@ export default {
icon: 'roundRect',
textStyle: {
color: 'rgba(255,255,255,.9)',
fontSize:12,
fontSize: 12,
}
},
grid: {
top:'0',
top: '0',
left: '3%',
right: '4%',
// bottom: '3%',
@ -250,13 +253,15 @@ export default {
// max: 120,
show: false,
},
series:series
series: series
})
this.$nextTick(() => {
setTimeout(() => {
this.resize()
},1000);
}, 1000);
})
}
// this.chart.resize({
// width: 'auto',
// height: 90

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

@ -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);
// })
}
};
},