From 5330eb812cdcc02cace0648b008092b24c6e2236 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期三, 06 十二月 2023 17:44:50 +0800 Subject: [PATCH] 1、利用率走势分析和利用率分段分析页面优化表格数据加载方式,实现滚动条触底加载,解决数据量较大时网页请求速度慢问题 2、报警分析页面调整图表样式,更换表格组件为ant-design表格 3、登录页面登录后若用户密码为初始密码或密码已过期则出现修改密码弹窗 --- 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