From 120cf05bfd146a9bd1c011c9dd0244a57d0dea64 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 12 一月 2024 17:35:43 +0800 Subject: [PATCH] 1、优化代码:mdc全局页面表格区域内容若需滚动无需翻至最底部且部分页面竖向滚动会滚动整个页面调整为仅滚动表格区域,表格操作列右固定以满足不同分辨率下操作列始终显示不被遮挡 2、优化代码:mdc全局左侧树组件所在区域的滚动条将不再进行全部内容滚动,调整为仅只有树组件内容滚动 3、优化代码:报警分析、利用率走势分析以及利用率分段分析页面在浏览器窗口尺寸变化后重绘图表以适应页面新尺寸 4、设备综合效率分析页面取消分页器以便能一次性导出所有表格数据 5、mdc全局左侧树区域宽度增大,右侧数据展示区域宽度减小 --- src/views/mdc/base/modules/comparativeAnalysis/conparativeAnalysisPie.vue | 34 +++++++++++++++++++++++++++++++++- 1 files changed, 33 insertions(+), 1 deletions(-) diff --git a/src/views/mdc/base/modules/comparativeAnalysis/conparativeAnalysisPie.vue b/src/views/mdc/base/modules/comparativeAnalysis/conparativeAnalysisPie.vue index bec9df9..70872cb 100644 --- a/src/views/mdc/base/modules/comparativeAnalysis/conparativeAnalysisPie.vue +++ b/src/views/mdc/base/modules/comparativeAnalysis/conparativeAnalysisPie.vue @@ -9,17 +9,25 @@ import * as echarts from 'echarts' export default { name: 'conparativeAnalysisPie', - propa:{}, + props:{ dataList:''}, data(){ return{ closeRate:0, openRate:0, usedRate:0, waitRate:0, + RateList:[] } }, created(){ + }, + watch:{ + dataList(val){ + this.RateList = val + console.log(val) + this.drawTu() + }, }, mounted() { this.drawTu() @@ -105,6 +113,30 @@ {value: 0, name: '鍏虫満鐜�'}] }] }; + if(this.RateList != null){ + this.closeRate =[] + this.openRate =[] + this.usedRate = [] + this.waitRate = [] + if(this.RateList.length>0){ + this.closeRate=this.RateList[0].closeRate + this.openRate=this.RateList[0].openRate + this.usedRate=this.RateList[0].processRate + this.waitRate=this.RateList[0].waitRate + pieCompChartOption1.series[0].data = [{value:(this.openRate * 100).toFixed(2), name:'寮�鏈虹巼'},{value:(this.closeRate * 100).toFixed(2), name:'鍏虫満鐜�'}]; + pieCompChartOption2.series[0].data = [{value:(this.usedRate * 100).toFixed(2), name:'鍔犲伐鐜�'},{value:(this.waitRate * 100).toFixed(2), name:'寰呮満鐜�'},{value:(this.closeRate * 100).toFixed(2), name:'鍏虫満鐜�'}]; + pieCompChart1.setOption(pieCompChartOption1); + pieCompChart2.setOption(pieCompChartOption2); + }else{ + pieCompChart1.setOption(pieCompChartOption1); + pieCompChart2.setOption(pieCompChartOption2); + } + + }else{ + pieCompChart1.setOption(pieCompChartOption1); + pieCompChart2.setOption(pieCompChartOption2); + } + pieCompChart1.setOption(pieCompChartOption1); pieCompChart2.setOption(pieCompChartOption2); window.addEventListener('resize', function() { -- Gitblit v1.9.3