diff --git a/src/api/equipmentRecord/model/equipmentRecord.ts b/src/api/equipmentRecord/model/equipmentRecord.ts index 63dade4..0981af8 100644 --- a/src/api/equipmentRecord/model/equipmentRecord.ts +++ b/src/api/equipmentRecord/model/equipmentRecord.ts @@ -25,5 +25,6 @@ export class EquipmentOEEEntity { totalRunningTime!: string; // 总运行时间 totalAlarmTime!: string; // 总报警时间 totalStopTime!: string; // 总待机时间 + totalMaintainTime!:string; // 总维护时间 oee!: string;// OEE时序 } diff --git a/src/pages/screen/screen1/index.vue b/src/pages/screen/screen1/index.vue index e9c6cc6..3bbcf06 100644 --- a/src/pages/screen/screen1/index.vue +++ b/src/pages/screen/screen1/index.vue @@ -264,18 +264,18 @@ const EquipmentStateView = () => { equipmentRecordApi.getEquipmentStateView().then((res: any) => { res.forEach((item: any) => { if (item.equipmentType == 'All') { - All.push(item.run, item.stop, item.alarm); + All.push(item.run, item.stop, item.alarm, item.maintain); } else if (item.equipmentType == 'Homegrown') { - Homegrown.push(item.run, item.stop, item.alarm); + Homegrown.push(item.run, item.stop, item.alarm, item.maintain); } else if (item.equipmentType == 'Import') { - Import.push(item.run, item.stop, item.alarm); + Import.push(item.run, item.stop, item.alarm, item.maintain); } }); let equipmentStateViewOption = { - color: ['#02ad42', '#7b6a74', '#f60c0f'], //绿 灰 红色 --- 原颜色:橙 ff9800 + color: ['#02ad42', '#7b6a74', '#f60c0f', '#ff9800'], //绿 灰 红色 --- 原颜色:橙 ff9800 title: [ { text: '设备运行状态总览', @@ -330,7 +330,7 @@ const EquipmentStateView = () => { dataset: { source: { // product: ['All', 'Homegrown', 'Import'], - product: ['运行', '停机', '报警'], + product: ['运行', '停机', '报警', '维护'], All, Homegrown, Import, @@ -454,7 +454,7 @@ const EquipmentRecordStateMonthTotal = () => { // borderWidth: 1, // borderColor: '#ccc' }, - color: ['#02ad42', '#7b6a74', '#f60c0f'], //绿 灰 红色 --- 原颜色:橙 ff9800 + color: ['#02ad42', '#7b6a74', '#f60c0f', '#ff9800'], //绿 灰 红色 --- 原颜色:橙 ff9800 fc8452 tooltip: { enable: true, show: true, @@ -466,7 +466,6 @@ const EquipmentRecordStateMonthTotal = () => { // } // }, // formatter: function (params: any) { - // debugger // let name = params.name // 名称 // let percent = params.percent // 百分比 // let value = params.value[params.encode.value[0]] // 当前值 @@ -484,7 +483,7 @@ const EquipmentRecordStateMonthTotal = () => { legend: { top: 1, right: '2%', - data: ['运行时间', '待机时间', '报警时间'] + data: ['运行时间', '待机时间', '报警时间', '维护时间'] }, xAxis: [ { @@ -521,7 +520,7 @@ const EquipmentRecordStateMonthTotal = () => { } ], dataset: { - dimensions: ['product', 'totalRunningTime', 'totalAlarmTime', 'totalStopTime'], + dimensions: ['product', 'totalRunningTime', 'totalAlarmTime', 'totalStopTime', 'totalMaintainTime'], source: result }, series: [ @@ -581,6 +580,25 @@ const EquipmentRecordStateMonthTotal = () => { return value + ' 小时'; } } + }, + { + name: '维护时间', + type: 'bar', + // data: totalMaintainTime, + itemStyle: { + normal: { + label: { + color: '#ff9800', + position: 'top', //在上方显示 + show: true // 在折线拐点上显示数据 + }, + } + }, + tooltip: { + valueFormatter: function (value: any) { + return value + ' 小时'; + } + } } ] } @@ -642,7 +660,6 @@ const EquipmentRecordOEEMonthTotal = () => { // } // }, // formatter: function (params: any) { - // debugger // let name = params.name // 名称 // let percent = params.percent // 百分比 // let value = params.value[params.encode.value[0]] // 当前值 diff --git a/src/pages/screen/screen3/components/viewDialog.vue b/src/pages/screen/screen3/components/viewDialog.vue index af10ecc..8d259fc 100644 --- a/src/pages/screen/screen3/components/viewDialog.vue +++ b/src/pages/screen/screen3/components/viewDialog.vue @@ -19,7 +19,8 @@ 选择日期范围 - +
@@ -28,8 +29,8 @@ color="orange" flat />
- +
@@ -55,10 +56,16 @@
- +
- + +
+
+
@@ -117,6 +124,7 @@ const getPage = () => { formData.value.totalRunningTime = res.totalRunningTime; //(Math.random() * 100).toFixed(1) formData.value.totalAlarmTime = res.totalAlarmTime; // (Math.random() * 100).toFixed(1) formData.value.totalStopTime = res.totalStopTime; // (Math.random() * 100).toFixed(1) + formData.value.totalMaintainTime = res.totalMaintainTime; // (Math.random() * 100).toFixed(1) formData.value.oee = res.oee; // (res.totalRunningTime / 24).toFixed(2) + '%' // (Math.random() * 24).toFixed(1) }) } diff --git a/src/pages/screen/screen3/index.vue b/src/pages/screen/screen3/index.vue index d8c43a8..f4b746e 100644 --- a/src/pages/screen/screen3/index.vue +++ b/src/pages/screen/screen3/index.vue @@ -248,9 +248,7 @@ const EquipmentList = () => { // obj3.splice(7, 0, templateJSON); // obj3.splice(10, 0, templateJSON); // obj3.splice(11, 0, templateJSON); - debugger for (let i = 1; Coating2Val.length < 22; i++) { - debugger Coating2Val.push(templateJSON) } list2.value = Coating2Val //obj3 diff --git a/src/pages/screen/screen4/index.vue b/src/pages/screen/screen4/index.vue index 3107db1..a1cf31c 100644 --- a/src/pages/screen/screen4/index.vue +++ b/src/pages/screen/screen4/index.vue @@ -78,14 +78,16 @@ props.row.equipmentName }} {{ helper.getEquipmentType(props.row.equipmentType) - }} + }} {{ props.row.furnaceNum - }} + }} {{ props.row.totalRunningTime }} {{ props.row.totalAlarmTime }} + {{ + props.row.totalMaintainTime }} {{ props.row.totalStopTime }} @@ -150,6 +152,7 @@ const columns = ref([ { name: 'furnaceNum', align: 'center', label: '开炉次数', field: 'furnaceNum', headerStyle: 'background-color: #5186ec;color: white;font-weight: bold;font-size:20px;' }, { name: 'totalRunningTime', align: 'center', label: '总运行时长(小时)', field: 'totalRunningTime', headerStyle: 'background-color: #5186ec;color: white;font-weight: bold;font-size:20px;' }, { name: 'totalAlarmTime', align: 'center', label: '总报警时长(小时)', field: 'totalAlarmTime', headerStyle: 'background-color: #5186ec;color: white;font-weight: bold;font-size:20px;' }, + { name: 'totalMaintainTime', align: 'center', label: '总维护时长(小时)', field: 'totalMaintainTime', headerStyle: 'background-color: #5186ec;color: white;font-weight: bold;font-size:20px;' }, { name: 'totalStopTime', align: 'center', label: '总待机时长(小时)', field: 'totalStopTime', headerStyle: 'background-color: #5186ec;color: white;font-weight: bold;font-size:20px;' }, ])