From f6b97ff114dd215852dc92af0ac71e1d893f52df Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期二, 22 八月 2023 14:50:59 +0800 Subject: [PATCH] 统计图表和统计分析界面样式调整 --- src/views/mdc/base/modules/StatisticalAnalysis/StatisticalAnalysisMain.vue | 38 ++++++++++++++++++++++---------------- 1 files changed, 22 insertions(+), 16 deletions(-) diff --git a/src/views/mdc/base/modules/StatisticalAnalysis/StatisticalAnalysisMain.vue b/src/views/mdc/base/modules/StatisticalAnalysis/StatisticalAnalysisMain.vue index 3810ad6..24c8bbf 100644 --- a/src/views/mdc/base/modules/StatisticalAnalysis/StatisticalAnalysisMain.vue +++ b/src/views/mdc/base/modules/StatisticalAnalysis/StatisticalAnalysisMain.vue @@ -41,7 +41,7 @@ <div class="PowerOnRate_text" style="width: 8%"> <table width="85px;" align="center"> <tr> - <td align="right"><div style="width: 15px;height: 15px;background-color: #4169E1;position: static;"/></td> + <td align="right"><div style="width: 15px;height: 15px;background-color: #6496e9;position: static;"/></td> <td align="left">寮�鏈�</td> </tr> <tr> @@ -49,7 +49,7 @@ <td align="left">鍏虫満</td> </tr> <tr> - <td align="right"><div style="width: 15px;height: 15px;background-color: #00ee00"/></td> + <td align="right"><div style="width: 15px;height: 15px;background-color: #4ecee1"/></td> <td align="left">杩愯</td> </tr> <tr> @@ -169,13 +169,13 @@ top: 60, containLabel: true }, - toolbox: { - show : true, - padding: 15, - feature : { - saveAsImage : {show: true,title:'淇濆瓨鍥剧墖',name :'璁惧鏁堢巼缁熻鎶ヨ〃'} - } - }, + // toolbox: { + // show : true, + // padding: 15, + // feature : { + // saveAsImage : {show: true,title:'淇濆瓨鍥剧墖',name :'璁惧鏁堢巼缁熻鎶ヨ〃'} + // } + // }, xAxis :{ type : 'category', data:['寮�鏈烘椂闀�','鍏虫満鏃堕暱','杩愯鏃堕暱','寰呮満鏃堕暱'], @@ -266,6 +266,7 @@ name:'鏌辩姸鍥�', type: 'bar', data: [this.openingLong, this.closedLong, this.processLong,this.waitingLong], + // data:[22,3,4,5], barWidth: 25, label:{ show:true, @@ -280,9 +281,10 @@ color: function(params) { let colorList = [ ["#6496e9","#6bded3"], - ["#ffbb65","#fdc68b"], + ["#849db8","#b4b8cc"], ["#4fe1c5","#4ecee1"], - ["#9978fa","#88a1fa"], + // ["#9978fa","#88a1fa"], + ["#ffbb65","#fdc68b"], ]; // return colorList[params.dataIndex]; let colorItem = colorList[params.dataIndex]; @@ -332,7 +334,7 @@ itemStyle: { normal: { color: function (params) { - let colorList = ['#4169E1', '#A8A8A8']; + let colorList = ['#849db8', '#6496e9']; return colorList[params.dataIndex] }, label: { @@ -374,7 +376,7 @@ itemStyle: { normal: { color: function (params) { - var colorList = ['#00ee00', '#FCCE10']; + var colorList = ['#4ecee1', '#FCCE10']; return colorList[params.dataIndex] }, label: { @@ -392,7 +394,7 @@ }, queryStatistical(){ getAction(this.url.dayStatisticalRate,this.queryParams).then(res =>{ - if(res.success){ + if(res.success) { // console.log(res); this.StatCharOpeningRate = res.result.openRate; //鍒╃敤鐜� @@ -407,6 +409,8 @@ this.closedLong = this.getTime(res.result.closeLong); this.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); this.draw(); + }else{ + this.draw() } }) }, @@ -420,9 +424,11 @@ let _this = this getAction(this.url.getBaseTree).then((res) => { if (res.success) { + if(res.result[0]){ + _this.$set(this.queryParam, 'tierName', res.result[0].title) + _this.$set(this.queryParams, 'parentId', res.result[0].key) + _this.queryStatistical() } // console.log(res.result[0].entity.tierName) - _this.$set(this.queryParam, 'tierName', res.result[0].title) - _this.$set(this.queryParams, 'parentId', res.result[0].key) _this.queryStatistical() } else { // this.$message.warn(res.message) -- Gitblit v1.9.3