From 3032fc5c1b188a820c7546da5b92a6b8d415f23a Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 01 八月 2022 17:08:49 +0800
Subject: [PATCH] 1.综合看板 对接接口实现部分数据渲染
---
src/views/kb/cgdd.vue | 35 +++++++++++++++++++++++++++--------
1 files changed, 27 insertions(+), 8 deletions(-)
diff --git a/src/views/kb/cgdd.vue b/src/views/kb/cgdd.vue
index 73b36d9..51f2207 100644
--- a/src/views/kb/cgdd.vue
+++ b/src/views/kb/cgdd.vue
@@ -27,9 +27,10 @@
<div class="text">褰撴湀鍏ュ簱鎬绘暟</div>
</div>
<div class="content01">
- <div class="pic01" />
- <div class="number">12%</div>
- <div class="text">褰撴湀寤舵湡鍗犳瘮</div>
+ <!-- <div class="pic01" />-->
+ <!-- <div class="number">12%</div>-->
+ <div id="pie01" ref="pie01" class="pie01" />
+ <div class="text" style="margin-top: -10px">褰撴湀寤舵湡鍗犳瘮</div>
</div>
</div>
@@ -68,6 +69,7 @@
<el-table-column
prop="jgdh"
label="鍔犲伐鍗曞彿"
+ width="207"
/>
<el-table-column
prop="cpmc"
@@ -124,6 +126,7 @@
<div class="content_head">渚涘簲鍟嗗欢鏈熶氦璐ф帓琛�</div>
<div class="content_body">
<el-table
+ ref="tableDataRank"
:data="tableDataRank"
style="width: 100%;"
:header-cell-style="headerCellStyle"
@@ -133,7 +136,7 @@
<el-table-column
prop="xh"
label="搴忓彿"
- width="70"
+ width="75"
/>
<el-table-column
prop="cj"
@@ -143,10 +146,11 @@
<el-table-column
prop="cx"
label="浜х嚎"
- width="100"
+ width="120"
/>
<el-table-column
prop="cp"
+ width="138"
label="浜у搧"
/>
<el-table-column
@@ -167,7 +171,8 @@
<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',
@@ -388,8 +393,11 @@
// 鑾峰彇echarts
getEcharts() {
- loadEcharts('bar03', bar03('鏈懆鍏ュ簱閲忔眹鎬�'))
- loadEcharts('bar04', bar03('鏈懆鍑鸿揣閲忔眹鎬�'))
+ loadEcharts('pie01', pie01())
+
+ // setInterval(() => {
+ // loadEcharts('pie01', pie01())
+ // }, 5000)
},
// 鑾峰彇褰撳墠鏃堕棿
@@ -469,6 +477,12 @@
background: url("../../assets/images/pic01.png");
}
+ .pie01{
+ height: 200px;
+ width: 200px;
+ margin-top: -30px;
+ }
+
.number {
margin-top: -50px;
font-size: 18px;
@@ -531,4 +545,9 @@
::v-deep .el-table__body-wrapper {
background-color: #000;
}
+
+::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+ /* width: 0;瀹藉害涓�0鏆楄棌 */
+ width: 0;
+}
</style>
--
Gitblit v1.9.3