From c7b33db117fd2893d7d1c93bf5d46e87d33e44d0 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期一, 16 十二月 2024 16:08:51 +0800 Subject: [PATCH] 初审结果查询 --- src/views/index.vue | 61 ++++++++++++++++++++++++------ 1 files changed, 48 insertions(+), 13 deletions(-) diff --git a/src/views/index.vue b/src/views/index.vue index dcbe83a..8ccd4ef 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -1,5 +1,8 @@ <template> <div class="centre"> + <div style="display:flex;justify-content: center;align-items: center;"> + <h4>浠婃棩缁熻</h4> + </div> <div class="top"> <div class="add"> <div class="img"> @@ -33,6 +36,9 @@ <div class="day">浠婃棩寰呮 {{ TobeToday }}</div> </div> </div> + </div> + <div style="display:flex;justify-content: center;align-items: center;"> + <h4>杩戜竴鏈堢粺璁�</h4> </div> <div class="data-view"> <div id="main" style="width:95%;height:330px"></div> @@ -110,8 +116,8 @@ getChart().then((response) => { response.data.forEach(item => { this.LineChart.push(item.date) - this.personYYNum.push(item.tdcoun); - this.reportNum.push(item.grcoun); + this.reportNum.push(item.tdcoun); + this.personYYNum.push(item.grcoun); this.teamYYNum.push(item.bgcoun); }); @@ -152,7 +158,7 @@ yAxis: { type: 'value', min: 0, - max: 50, + max: 100, interval: 5 }, series: [ @@ -177,7 +183,7 @@ ] }) - let sizeFun = function () { + let sizeFun = ()=> { myChart.resize() } window.addEventListener("resize", sizeFun) @@ -189,7 +195,18 @@ getPieChart().then((response) => { if (response.data) { - if (response.data.tjdj.length === 0) { + if(response.data.tjdj == 0){ + this.PieChart = [] + this.PieChart = [ + { + "name": "浣撴鐧昏浜烘暟鍒嗗竷", + "count": 1, + "value": 10 + }, + + ] + }else if (response.data.tjdj.length === 0) { + this.PieChart = [] this.PieChart = [ { @@ -231,6 +248,9 @@ type: 'pie', radius: ['16%', '54%'], center: ["50%", "43%"], + avoidLabelOveralap:false, + startAngle:180, + minAngle:10, data: this.PieChart, emphasis: { itemStyle: { @@ -242,13 +262,23 @@ }] }) - if (response.data.tjyc.length === 0) { + if(response.data.tjyc == 0){ this.PieChart2 = [] this.PieChart2 = [ { "name": "浣撴缁撴灉寮傚父浜烘暟鍒嗗竷", "count": 1, - "value": 10 + "value": 0 + }, + + ] + }else if (response.data.tjyc.length === 0) { + this.PieChart2 = [] + this.PieChart2 = [ + { + "name": "浣撴缁撴灉寮傚父浜烘暟鍒嗗竷", + "count": 1, + "value": 0 }, ] @@ -283,6 +313,9 @@ type: 'pie', radius: ['16%', '54%'], center: ["50%", "43%"], + avoidLabelOveralap:false, + startAngle:180, + minAngle:10, data: this.PieChart2, emphasis: { itemStyle: { @@ -293,13 +326,14 @@ } }] }) - } - - - window.onresize = function () { + window.onresize = () =>{ myChart2.resize() myChart3.resize() } + } + + + this.loading = false; }); @@ -317,9 +351,10 @@ <style> .centre { - height: 820px; + min-height: 820px; margin: 15px 15px; background-color: #f3f3f3; + padding: 10px 10px 10px 10px; } .top { @@ -376,7 +411,7 @@ .view { margin: 0px 15px; padding-top: 15px; - height: 350px; + min-height: 350px; display: flex; } -- Gitblit v1.8.0