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 | 55 ++++++++++++++++++++-----------------------------------
1 files changed, 20 insertions(+), 35 deletions(-)
diff --git a/src/views/kb/cgdd.vue b/src/views/kb/cgdd.vue
index 81b3a0e..7dc0191 100644
--- a/src/views/kb/cgdd.vue
+++ b/src/views/kb/cgdd.vue
@@ -19,17 +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 class="text">褰撴湀寤舵湡鍗犳瘮</div>
+ <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>
@@ -170,24 +172,15 @@
<script>
import './kbCommon.css'
-import { bar03, loadEcharts } from '@/utils/myEcharts'
+import { loadEcharts, pie01 } from '@/utils/myEcharts'
+import * as echarts from 'echarts'
export default {
name: 'Index2',
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,
@@ -368,31 +361,17 @@
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() {
- loadEcharts('bar03', bar03('鏈懆鍏ュ簱閲忔眹鎬�'))
- loadEcharts('bar04', bar03('鏈懆鍑鸿揣閲忔眹鎬�'))
+ loadEcharts('pie01', pie01())
+
+ // setInterval(() => {
+ // loadEcharts('pie01', pie01())
+ // }, 5000)
},
// 鑾峰彇褰撳墠鏃堕棿
@@ -472,6 +451,12 @@
background: url("../../assets/images/pic01.png");
}
+ //.pie01{
+ // height: 200px;
+ // width: 200px;
+ // margin-top: -30px;
+ //}
+
.number {
margin-top: -50px;
font-size: 18px;
--
Gitblit v1.9.3