From 56ba7c96dd7054e5d544a9ffbe80593107ecb855 Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期二, 02 七月 2024 15:18:58 +0800
Subject: [PATCH] 1.金华智研院看板开发100%
---
src/views/kb/index.vue | 89 +++++++++++++++++++++++++-------------------
1 files changed, 51 insertions(+), 38 deletions(-)
diff --git a/src/views/kb/index.vue b/src/views/kb/index.vue
index 261c053..53baeb7 100644
--- a/src/views/kb/index.vue
+++ b/src/views/kb/index.vue
@@ -4,7 +4,7 @@
<div class="kb_body">
<div class="kb_background" />
<div class="kb_background2" />
- <div class="kb_head" style="height: 90px">鑴夐摼澶ф暟鎹垎鏋愬钩鍙�</div>
+ <div class="kb_head" style="height: 90px;z-index: 3;letter-spacing: 4px">鏈潵宸ュ巶鍒嗘瀽骞冲彴</div>
<div class="kb_headerPic" />
<div class="kb_flex" style="height: 660px">
<div class="kb_flex_column">
@@ -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>
@@ -87,6 +87,11 @@
value2: 78792
}
},
+ created() {
+ setInterval(() => {
+ location.reload()
+ }, 1000 * 60 * 60 * 2)
+ },
mounted() {
// 鍔犺浇涓栫晫鍦板浘
this.loadArea()
@@ -101,7 +106,7 @@
setInterval(() => {
this.value1 = Math.floor(Math.random() * 10000 + 5000)
this.value2 = Math.floor(Math.random() * 10000 + 5000)
- }, 3000)
+ }, 9000)
},
methods: {
@@ -147,39 +152,45 @@
// }
// ]
loadEcharts('pie1', pie1(pie1data))
- }, 10000)
+ }, 20000)
- 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)
+ }, 15000)
+
// 鍔犺浇宸︿腑
- 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, 7541, 7000, 6000, 6500]
+ 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), 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), 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), 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), 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))
- }, 8000)
+ // 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))
+ }, 18000)
// 鍔犺浇鍙充笅
let scaleData1 = [
@@ -295,7 +306,7 @@
]
loadEcharts('pie2', pie2('鍝佽川宸紓姣斿垪', scaleData1))
loadEcharts('pie3', pie2('寮傚父棰勮姣斿垪', scaleData2))
- }, 7000)
+ }, 17000)
let list = [500, 400, 300, 200, 100]
// 鍔犺浇宸︿笂
@@ -303,23 +314,23 @@
setInterval(() => {
list = [Math.floor(Math.random() * 100) + 500, Math.floor(Math.random() * 100) + 400, Math.floor(Math.random() * 100) + 300, Math.floor(Math.random() * 100) + 200, Math.floor(Math.random() * 100) + 100]
loadEcharts('bar2', bar2(list))
- }, 6000)
+ }, 26000)
// 鍔犺浇鍙充笂
loadEcharts('bar3', bar3())
setInterval(() => {
loadEcharts('bar3', bar3())
- }, 5500)
+ }, 22000)
// 鍔犺浇涓笅
loadEcharts('bar4', bar4())
setInterval(() => {
loadEcharts('bar4', bar4())
- }, 6500)
+ }, 16500)
loadEcharts('barline1', barline1())
setInterval(() => {
loadEcharts('barline1', barline1())
- }, 7500)
+ }, 17500)
},
// 鍔犺浇鍙充腑锛堝純鐢級
loadCustom1() {
@@ -611,7 +622,7 @@
textStyle: {
// color: '#fff',
color: '#00ffff',
- fontSize: '18',
+ fontSize: '20',
fontWeight: 'bolder'
}
},
@@ -968,15 +979,17 @@
z-index: 2;
color: #09d8f2;
letter-spacing: 2px;
+ font-weight: bolder;
}
.kb_headerPic {
position: absolute;
- top: 39px;
- width: 1808px;
- height: 12px;
- background: url("../../assets/images/kb_headtitle2.png") no-repeat;
- margin-left: 56px;
+ top: 0px;
+ width: 1885px;
+ height: 100px;
+ //background: url("../../assets/images/kb_headtitle2.png") no-repeat;
+ background: url("../../assets/images/index_head.jpg") no-repeat;
+ margin-left: 17.5px;
z-index: 2;
}
--
Gitblit v1.9.3