From b71a6118930041bc479979a085c4c156854a3b73 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 06 五月 2023 13:04:41 +0800
Subject: [PATCH] 1.系统首页优化
---
src/views/xtsy/index.vue | 98 ++++++++++++++++++++++++------------------------
1 files changed, 49 insertions(+), 49 deletions(-)
diff --git a/src/views/xtsy/index.vue b/src/views/xtsy/index.vue
index 0070f89..b587060 100644
--- a/src/views/xtsy/index.vue
+++ b/src/views/xtsy/index.vue
@@ -11,18 +11,18 @@
<div class="top_card_content_flex">
<div class="content" style="width: 84%">
<div class="content_title1">浠婃棩鐧诲綍</div>
- <div class="content_end1" :style="{color:`rgb(${barTopColor01[0]})`}">1/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1" :style="{color:`rgb(${barTopColor01[0]})`}">10/
+ <countTo :start-val="0" :end-val="130" :duration="3000" />
</div>
</div>
- <div id="barTop01" class="barTop" style="width: 100%;" />
+ <div id="barTop01" class="barTop" style="width: 94%;" />
<div class="content" style="width: 84%">
<div class="content_title1">鏄ㄦ棩鐧诲綍</div>
- <div class="content_end1">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1">12/
+ <countTo :start-val="0" :end-val="130" :duration="3000" />
</div>
</div>
- <div id="barTop02" class="barTop" />
+ <div id="barTop02" class="barTop" style="width: 92%;" />
</div>
</div>
</div>
@@ -33,18 +33,18 @@
<div class="top_card_content_flex">
<div class="content" style="width: 84%">
<div class="content_title1">浠婃棩娲昏穬</div>
- <div class="content_end1" :style="{color:`rgb(${barTopColor02[0]})`}">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1" :style="{color:`rgb(${barTopColor02[0]})`}">10/
+ <countTo :start-val="0" :end-val="130" :duration="3000" />
</div>
</div>
- <div id="barTop03" class="barTop" />
+ <div id="barTop03" class="barTop" style="width:94%;" />
<div class="content" style="width: 84%">
<div class="content_title1">鏄ㄦ棩娲昏穬</div>
- <div class="content_end1">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1">12/
+ <countTo :start-val="0" :end-val="130" :duration="3000" />
</div>
</div>
- <div id="barTop04" class="barTop" />
+ <div id="barTop04" class="barTop" style="width: 92%;" />
</div>
</div>
</div>
@@ -55,18 +55,18 @@
<div class="top_card_content_flex">
<div class="content" style="width: 84%">
<div class="content_title1">浠婃棩娲昏穬</div>
- <div class="content_end1" :style="{color:`rgb(${barTopColor03[0]})`}">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1" :style="{color:`rgb(${barTopColor03[0]})`}">10/
+ <countTo :start-val="0" :end-val="130" :duration="3000" />
</div>
</div>
- <div id="barTop05" class="barTop" />
+ <div id="barTop05" class="barTop" style="width:94%;" />
<div class="content" style="width: 84%">
<div class="content_title1">鏄ㄦ棩娲昏穬</div>
- <div class="content_end1">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1">12/
+ <countTo :start-val="0" :end-val="130" :duration="3000" />
</div>
</div>
- <div id="barTop06" class="barTop" />
+ <div id="barTop06" class="barTop" style="width: 92%;" />
</div>
</div>
</div>
@@ -78,17 +78,17 @@
<div class="content" style="width: 84%">
<div class="content_title1">浠婃棩娲昏穬</div>
<div class="content_end1" :style="{color:`rgb(${barTopColor04[0]})`}">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <countTo :start-val="0" :end-val="130" :duration="3000" />
</div>
</div>
- <div id="barTop07" class="barTop" />
+ <div id="barTop07" class="barTop" style="width: 92%;" />
<div class="content" style="width: 84%">
<div class="content_title1">鏄ㄦ棩娲昏穬</div>
<div class="content_end1">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <countTo :start-val="0" :end-val="130" :duration="3000" />
</div>
</div>
- <div id="barTop08" class="barTop" />
+ <div id="barTop08" class="barTop" style="width: 92%;" />
</div>
</div>
</div>
@@ -134,7 +134,7 @@
mainHeight: 0,
tableHeight: 0,
barTopColor01: ['42,197,137', '187,236,218'],
- barTopColor02: ['248,216,76', '255,250,238'],
+ barTopColor02: ['248,216,76', '255,250,188'],
barTopColor03: ['42,197,137', '187,236,218'],
barTopColor04: ['232,103,103', '253,240,240']
}
@@ -167,28 +167,28 @@
this.getLine01()
},
getTopData() {
- loadEcharts('barTop01', barTop(1, this.barTopColor01))
- loadEcharts('barTop02', barTop(0, this.barTopColor01))
- loadEcharts('barTop03', barTop(0, this.barTopColor02))
- loadEcharts('barTop04', barTop(0, this.barTopColor02))
- loadEcharts('barTop05', barTop(0, this.barTopColor03))
- loadEcharts('barTop06', barTop(0, this.barTopColor03))
+ loadEcharts('barTop01', barTop(10, this.barTopColor01))
+ loadEcharts('barTop02', barTop(12, this.barTopColor01))
+ loadEcharts('barTop03', barTop(10, this.barTopColor02))
+ loadEcharts('barTop04', barTop(12, this.barTopColor02))
+ loadEcharts('barTop05', barTop(10, this.barTopColor03))
+ loadEcharts('barTop06', barTop(12, this.barTopColor03))
loadEcharts('barTop07', barTop(0, this.barTopColor04))
loadEcharts('barTop08', barTop(0, this.barTopColor04))
},
async getBar01() {
// const res=await xxx()
let data = [
- { key: '鐭虫枃瓒�', value: 300 },
- { key: '鐜嬩繆', value: 310 },
- { key: '娓╅『', value: 180 },
- { key: '闄堜簯绉�', value: 190 },
- { key: '鏉滅兢鍐�', value: 120 },
- { key: '鏈卞浗鍏�', value: 230 },
- { key: '鐢板叴鏉�', value: 270 },
+ { key: '鐭虫枃瓒�', value: 322 },
+ { key: '鐜嬩繆', value: 317 },
+ { key: '娓╅『', value: 186 },
+ { key: '闄堜簯绉�', value: 199 },
+ { key: '鏉滅兢鍐�', value: 121 },
+ { key: '鏈卞浗鍏�', value: 232 },
+ { key: '鐢板叴鏉�', value: 273 },
{ key: '鏉庝紵', value: 250 },
- { key: '鏉ㄨ儨鍒�', value: 260 },
- { key: '娼樿嚮', value: 180 }
+ { key: '鏉ㄨ儨鍒�', value: 268 },
+ { key: '娼樿嚮', value: 189 }
]
data = data.sort((a, b) => b.value - a.value)
loadEcharts('bar01', bar01(data))
@@ -202,17 +202,17 @@
// console.log(document.getElementById('line01'))
const data2 = [
{ key: '2', value: 0 },
- { key: '4', value: 0.2 },
- { key: '6', value: 0.3 },
- { key: '8', value: 0.1 },
- { key: '10', value: 0.8 },
- { key: '12', value: 0.2 },
- { key: '14', value: 0.3 },
- { key: '16', value: 0.3 },
- { key: '18', value: 0 },
- { key: '20', value: 0.2 },
- { key: '22', value: 0.1 },
- { key: '24', value: 0.4 }
+ { key: '4', value: 0 },
+ { key: '6', value: 0 },
+ { key: '8', value: 8 },
+ { key: '10', value: 10 },
+ { key: '12', value: 8 },
+ { key: '14', value: 6 },
+ { key: '16', value: 8 },
+ { key: '18', value: 3 },
+ { key: '20', value: 1 },
+ { key: '22', value: 0 },
+ { key: '24', value: 0 }
]
loadEcharts('line01', line01(data2))
}
--
Gitblit v1.9.3