From f02cf09eb0c6933dd5ccc4dac6c6c09c3b5f3d3c Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期一, 25 八月 2025 15:17:03 +0800 Subject: [PATCH] 1、根据最新设计方案调整设备管理模块点击弹窗样式 2、mdc公司级首页设备管理模块与点击功能联调 --- src/views/dashboard/IndexSignage.vue | 65 +++++++++++++++----------------- 1 files changed, 30 insertions(+), 35 deletions(-) diff --git a/src/views/dashboard/IndexSignage.vue b/src/views/dashboard/IndexSignage.vue index 34bda83..a93745a 100644 --- a/src/views/dashboard/IndexSignage.vue +++ b/src/views/dashboard/IndexSignage.vue @@ -24,7 +24,7 @@ </div> </div> </div> - <div style="padding: 0 55px;margin-top: 10px"> + <div style="padding: 0 55px;margin-top : 10px"> <dv-scroll-board :config="maintenanceConfig" style="width:100%;height:220px"/> </div> </dv-border-box-9> @@ -91,25 +91,25 @@ planTime: '鏈湀涓変繚璁″垝', planValueLabel: 'thisMonthMaintenancePlanNum', backgroundColor: '#719D8E', - apiUrl: '/eam/calibrationOrder/showThisMonthMaintenanceList' + code: 'bysbzs' }, { planTime: '鏈湀瀹屾垚', planValueLabel: 'thisMonthMaintenanceRealNum', backgroundColor: '#409EFF', - apiUrl: '/eam/calibrationOrder/showThisMonthMaintenanceFinishList' + code: 'bwc' }, { planTime: '涓嬫湀涓変繚璁″垝', planValueLabel: 'nextMonthMaintenancePlanNum', backgroundColor: '#A8985D', - apiUrl: '/eam/calibrationOrder/showNextMonthMaintenanceList' + code: 'xysb' }, { planTime: '涓嬩笅鏈堜笁淇濊鍒�', planValueLabel: 'nextNextMonthMaintenancePlanNum', backgroundColor: '#58D9F9', - apiUrl: '/eam/calibrationOrder/showNextNextMonthMaintenanceList' + code: 'xxysb' } ], thisMonthMaintenancePlanNum: 0, @@ -146,8 +146,6 @@ getChartDataByApi() { this.getRunningStateDataByApi() this.getEfficiencyDataByApi() - // this.getTechConditionDataByApi() - // this.getWarrantyMalfunctionDataByApi() this.getTechConditionAndWarrantyMalfunctionDataByApi() this.getThirdMaintenanceConditionByApi() this.getTwoMaintenanceChartDataByApi() @@ -163,7 +161,7 @@ text: '鏁版嵁鍔犺浇涓� ...', color: '#0696e1', // 鍔犺浇鍔ㄧ敾棰滆壊 textColor: 'rgba(0, 0, 0, .45)', - maskColor: 'rgba(0,0,0,.05)' // 閬僵灞� + maskColor: 'transparent' // 閬僵灞� }) signageApi.getEquipmentStatusStatisticsApi() .then(res => { @@ -183,7 +181,7 @@ text: '鏁版嵁鍔犺浇涓� ...', color: '#0696e1', // 鍔犺浇鍔ㄧ敾棰滆壊 textColor: 'rgba(0, 0, 0, .45)', - maskColor: 'rgba(0,0,0,.05)' // 閬僵灞� + maskColor: 'transparent' // 閬僵灞� }) signageApi.getEquipmentUtilizationStatisticsApi() .then(res => { @@ -202,13 +200,13 @@ text: '鏁版嵁鍔犺浇涓� ...', color: '#0696e1', // 鍔犺浇鍔ㄧ敾棰滆壊 textColor: 'rgba(0, 0, 0, .45)', - maskColor: 'rgba(0,0,0,.05)' // 閬僵灞� + maskColor: 'transparent' // 閬僵灞� }) this.warrantyMalfunctionChart.showLoading({ text: '鏁版嵁鍔犺浇涓� ...', color: '#0696e1', // 鍔犺浇鍔ㄧ敾棰滆壊 textColor: 'rgba(0, 0, 0, .45)', - maskColor: 'rgba(0,0,0,.05)' // 閬僵灞� + maskColor: 'transparent' // 閬僵灞� }) signageApi.getEquipmentTechnologyStatusAndReportRepairEquipmentListApi() .then(res => { @@ -231,9 +229,9 @@ } ] this.warrantyMalfunctionData = [ - { value: res.result.bxqk.find(item => item.code === 'bx').value, name: '鎶ヤ慨', isStop: '' }, - { value: res.result.bxqk.find(item => item.code === 'stop').value, name: '鍋滄満', isStop: '2' }, - { value: res.result.bxqk.find(item => item.code === 'run').value, name: '杩愯', isStop: '1' } + { value: res.result.bxqk.find(item => item.code === 'bx').value, name: '鎶ヤ慨', code: 'bx' }, + { value: res.result.bxqk.find(item => item.code === 'stop').value, name: '鍋滄満', code: 'stop' }, + { value: res.result.bxqk.find(item => item.code === 'run').value, name: '杩愯', code: 'run' } ] this.techConditionChartRequireFinished = true this.warrantyMalfunctionChartRequireFinished = true @@ -272,7 +270,7 @@ text: '鏁版嵁鍔犺浇涓� ...', color: '#0696e1', // 鍔犺浇鍔ㄧ敾棰滆壊 textColor: 'rgba(0, 0, 0, .45)', - maskColor: 'rgba(0,0,0,.05)' // 閬僵灞� + maskColor: 'transparent' // 閬僵灞� }) signageApi.getEquipmentOEEStatistics() .then(res => { @@ -290,7 +288,7 @@ text: '鏁版嵁鍔犺浇涓� ...', color: '#0696e1', // 鍔犺浇鍔ㄧ敾棰滆壊 textColor: 'rgba(0, 0, 0, .45)', - maskColor: 'rgba(0,0,0,.05)' // 閬僵灞� + maskColor: 'transparent' // 閬僵灞� }) signageApi.getEquipmentMonthStatisticsApi() .then(res => { @@ -676,14 +674,12 @@ this.techConditionChart.setOption(option, true) this.techConditionChart.hideLoading() - // this.techConditionChart.on('click', params => { - // this.modalTitle = `鎶�鏈姸鎬侊紙${params.name}锛塦 - // this.modalDataApiParams = { - // technologyStatus: this.techConditionData.find(item => item.name === params.name).technologyStatus - // } - // this.modalDataApiUrl = '/eam/calibrationOrder/showEquipmentByTechnologyStatus' - // this.modalVisible = true - // }) + this.techConditionChart.on('click', params => { + this.modalTitle = `鎶�鏈姸鎬侊紙${params.name}锛塦 + this.modalDataApiParams = { technologyStatus: this.techConditionData.find(item => item.name === params.name).technologyStatus } + this.modalDataApiUrl = '/eam/equipment/list' + this.modalVisible = true + }) }, /* 缁樺埗璁惧鎶ヤ慨鏁呴殰楗煎浘 */ @@ -764,14 +760,12 @@ this.warrantyMalfunctionChart.setOption(option, true) this.warrantyMalfunctionChart.hideLoading() - // this.warrantyMalfunctionChart.on('click', params => { - // this.modalTitle = `鎶ヤ慨鏁呴殰锛�${params.name}锛塦 - // this.modalDataApiParams = { - // isStop: this.warrantyMalfunctionData.find(item => item.name === params.name).isStop - // } - // this.modalDataApiUrl = '/eam/calibrationOrder/showEquipmentByReportRepair' - // this.modalVisible = true - // }) + this.warrantyMalfunctionChart.on('click', params => { + this.modalTitle = `鎶ヤ慨鏁呴殰锛�${params.name}锛塦 + this.modalDataApiParams = { code: this.warrantyMalfunctionData.find(item => item.name === params.name).code } + this.modalDataApiUrl = '/eam/home/repairList' + this.modalVisible = true + }) }, /* 缁樺埗杞﹂棿淇濆吇婊氬姩琛� */ @@ -1145,9 +1139,10 @@ * @param record 鐐瑰嚮褰撳墠涓変繚淇℃伅 */ openMaintenanceModal(record) { - // this.modalTitle = record.planTime - // this.modalDataApiUrl = record.apiUrl - // this.modalVisible = true + this.modalTitle = record.planTime + this.modalDataApiParams = { code: record.code } + this.modalDataApiUrl = '/eam/home/maintenanceList' + this.modalVisible = true }, re_drawPieChart() { -- Gitblit v1.9.3