From b17c221f7bf6b91b7ef4cf74f637065d271bb8d7 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 19 九月 2022 16:05:24 +0800
Subject: [PATCH] 1.看板需求修改
---
src/views/kb/index.vue | 53 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 30 insertions(+), 23 deletions(-)
diff --git a/src/views/kb/index.vue b/src/views/kb/index.vue
index 261c053..ce68c4b 100644
--- a/src/views/kb/index.vue
+++ b/src/views/kb/index.vue
@@ -21,17 +21,17 @@
<div class="kb_center_block">
<div style="display: flex;justify-content: center">
<div class="kb_center_block_children">
- <div>43,256</div>
+ <div style="font-size: 18px;">129,768</div>
<div class="box02" />
<div>鍛ㄨ�楄兘</div>
</div>
<div class="kb_center_block_children">
- <div>72,234</div>
+ <div style="font-size: 18px;">228,702</div>
<div class="box02" />
<div>鏈堣�楄兘</div>
</div>
<div class="kb_center_block_children">
- <div>122,345</div>
+ <div style="font-size: 18px;">337,035</div>
<div class="box02" />
<div>瀛ｈ�楄兘</div>
</div>
@@ -149,36 +149,42 @@
loadEcharts('pie1', pie1(pie1data))
}, 10000)
- let bar1data1 = ['92', '90', '96', '98', '99']
+ let bar1data1 = ['92', '90', '96', '98', '99', '97']
let bar1data2 = ['70', '60', '50', '40', '30']
// 鍔犺浇宸︿笅
loadEcharts('bar1', bar1(bar1data1, bar1data2))
setInterval(() => {
// bar1data1 = [1, 2, 3, 4, 5]
// bar1data2 = [1, 2, 3, 4, 5]
- bar1data1 = [Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92)]
+ bar1data1 = [Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92)]
bar1data2 = [Math.floor(Math.random() * 15 + 70), Math.floor(Math.random() * 15 + 70), Math.floor(Math.random() * 15 + 70), Math.floor(Math.random() * 15 + 70), Math.floor(Math.random() * 15 + 70)]
loadEcharts('bar1', bar1(bar1data1, bar1data2))
}, 9000)
+
// 鍔犺浇宸︿腑
- let dataY = ['200', '400', '500', '300', '400', '440', '330', '380', '400', '460', '390', '270']
- loadEcharts('line1', line1(dataY))
+ // let dataY = ['200', '400', '500', '300', '400', '440', '330', '380', '400', '460', '390', '270']
+ const dataY = [8101, 6382, 7541, 7279, 5288, 7562, 7163, 7541, 4288]
+ const dataY2 = [5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000)]
+ const dataY3 = [5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000)]
+ const dataY4 = [3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000)]
+ const dataY5 = [3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000)]
+ loadEcharts('line1', line1(dataY, dataY2, dataY3, dataY4, dataY5))
setInterval(() => {
- dataY = [
- Math.floor(Math.random() * 100 + 200),
- Math.floor(Math.random() * 100 + 400),
- Math.floor(Math.random() * 100 + 300),
- Math.floor(Math.random() * 100 + 400),
- Math.floor(Math.random() * 100 + 300),
- Math.floor(Math.random() * 100 + 300),
- Math.floor(Math.random() * 100 + 200),
- Math.floor(Math.random() * 100 + 400),
- Math.floor(Math.random() * 100 + 400),
- Math.floor(Math.random() * 100 + 300),
- Math.floor(Math.random() * 100 + 200),
- Math.floor(Math.random() * 100 + 400)
- ]
- loadEcharts('line1', line1(dataY))
+ // dataY = [
+ // Math.floor(Math.random() * 100 + 200),
+ // Math.floor(Math.random() * 100 + 400),
+ // Math.floor(Math.random() * 100 + 300),
+ // Math.floor(Math.random() * 100 + 400),
+ // Math.floor(Math.random() * 100 + 300),
+ // Math.floor(Math.random() * 100 + 300),
+ // Math.floor(Math.random() * 100 + 200),
+ // Math.floor(Math.random() * 100 + 400),
+ // Math.floor(Math.random() * 100 + 400),
+ // Math.floor(Math.random() * 100 + 300),
+ // Math.floor(Math.random() * 100 + 200),
+ // Math.floor(Math.random() * 100 + 400)
+ // ]
+ loadEcharts('line1', line1(dataY, dataY2, dataY3, dataY4, dataY5))
}, 8000)
// 鍔犺浇鍙充笅
@@ -611,7 +617,7 @@
textStyle: {
// color: '#fff',
color: '#00ffff',
- fontSize: '18',
+ fontSize: '20',
fontWeight: 'bolder'
}
},
@@ -968,6 +974,7 @@
z-index: 2;
color: #09d8f2;
letter-spacing: 2px;
+ font-weight: bolder;
}
.kb_headerPic {
--
Gitblit v1.9.3