From 458f6714f335938fce80690c037ffca0ccfaa50c Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 03 八月 2022 16:31:52 +0800
Subject: [PATCH] 1.综合看板渲染数据，完成一个版本
---
src/views/kb/cgdd.vue | 52 +++++++++++++---------------------------------------
1 files changed, 13 insertions(+), 39 deletions(-)
diff --git a/src/views/kb/cgdd.vue b/src/views/kb/cgdd.vue
index 51f2207..7dc0191 100644
--- a/src/views/kb/cgdd.vue
+++ b/src/views/kb/cgdd.vue
@@ -19,18 +19,19 @@
<div class="content01">
<div class="pic01" />
<div class="number">12</div>
- <div class="text">褰撴棩鍏ュ簱鏁�</div>
+ <div class="text">鏈湀閲囪喘鍗曟暟</div>
</div>
<div class="content01">
<div class="pic01" />
<div class="number">90200</div>
- <div class="text">褰撴湀鍏ュ簱鎬绘暟</div>
+ <div class="text">鏈湀杩涜揣鍗曟暟</div>
</div>
<div class="content01">
- <!-- <div class="pic01" />-->
- <!-- <div class="number">12%</div>-->
- <div id="pie01" ref="pie01" class="pie01" />
- <div class="text" style="margin-top: -10px">褰撴湀寤舵湡鍗犳瘮</div>
+ <div class="pic01" />
+ <div class="number">90200</div>
+ <div class="text">鏈湀鍏ュ簱鍗曟暟</div>
+ <!-- <div id="pie01" ref="pie01" class="pie01" />-->
+ <!-- <div class="text" style="margin-top: -10px">褰撴湀寤舵湡鍗犳瘮</div>-->
</div>
</div>
@@ -179,17 +180,7 @@
data() {
return {
headTime: '',
- leftTopDataAll: [
- // { id: 1, name: '閿傜數浜х嚎', value: 1000, children: [] },
- { id: 2, name: '鍖呰浜х嚎1', value: 1200, children: [] },
- { id: 3, name: '鍖呰浜х嚎2', value: 1300, children: [] },
- { id: 4, name: '鍖呰浜х嚎3', value: 1300, children: [] },
- { id: 5, name: '鍖呰浜х嚎4', value: 1300, children: [] },
- { id: 6, name: '鍖呰浜х嚎5', value: 1300, children: [] }
- ],
- leftTopDataAllLength: 0,
- leftTopDataCurrentNumber: 0,
- leftTopData: [],
+
tableData: [
{
xh: 1,
@@ -370,26 +361,9 @@
setInterval(this.getNowTime, 1000)
},
mounted() {
- this.leftTopData = this.leftTopDataAll.slice(this.leftTopDataCurrentNumber, this.leftTopDataCurrentNumber + 2)
- this.leftTopDataAllLength = this.leftTopDataAll.length
- // this.handleData()
- // setInterval(this.handleData, 2000)
-
- this.getEcharts()
},
methods: {
- // 澶勭悊鏁版嵁
- handleData() {
- console.log(this.leftTopDataCurrentNumber)
- this.leftTopData = this.leftTopDataAll.slice(this.leftTopDataCurrentNumber, this.leftTopDataCurrentNumber + 2)
-
- if (this.leftTopDataCurrentNumber === this.leftTopDataAllLength - 2 || this.leftTopDataCurrentNumber === this.leftTopDataAllLength - 1) {
- this.leftTopDataCurrentNumber = 0
- } else {
- this.leftTopDataCurrentNumber = this.leftTopDataCurrentNumber + 2
- }
- },
// 鑾峰彇echarts
getEcharts() {
@@ -477,11 +451,11 @@
background: url("../../assets/images/pic01.png");
}
- .pie01{
- height: 200px;
- width: 200px;
- margin-top: -30px;
- }
+ //.pie01{
+ // height: 200px;
+ // width: 200px;
+ // margin-top: -30px;
+ //}
.number {
margin-top: -50px;
--
Gitblit v1.9.3