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/ckgl.vue | 43 ++++++++++++-------------------------------
1 files changed, 12 insertions(+), 31 deletions(-)
diff --git a/src/views/kb/ckgl.vue b/src/views/kb/ckgl.vue
index a8ec8de..2cae8bb 100644
--- a/src/views/kb/ckgl.vue
+++ b/src/views/kb/ckgl.vue
@@ -16,7 +16,7 @@
<!-- 1-->
<div class="kb_left_top kb_pd10">
<div class="kb_left_top_block">
- <div class="headTitle">褰撴棩寰呭叆搴撹鍗�</div>
+ <div class="headTitle">鎴愬搧鍏ュ簱鍗�</div>
<div class="content">
<el-table
:data="tableData"
@@ -48,6 +48,7 @@
<el-table-column
prop="jgdh"
label="鍔犲伐鍗曞彿"
+ width="207"
/>
<el-table-column
prop="cpmc"
@@ -130,6 +131,7 @@
<el-table-column
prop="jgdh"
label="鍔犲伐鍗曞彿"
+ width="207"
/>
<el-table-column
prop="cpmc"
@@ -198,6 +200,7 @@
<div class="content_head">搴撳瓨鎺掕</div>
<div class="content_body">
<el-table
+ ref="tableDataRank"
:data="tableDataRank"
style="width: 100%;"
:header-cell-style="headerCellStyle"
@@ -207,7 +210,7 @@
<el-table-column
prop="xh"
label="搴忓彿"
- width="70"
+ width="75"
/>
<el-table-column
prop="cj"
@@ -217,10 +220,11 @@
<el-table-column
prop="cx"
label="浜х嚎"
- width="100"
+ width="120"
/>
<el-table-column
prop="cp"
+ width="138"
label="浜у搧"
/>
<el-table-column
@@ -248,17 +252,6 @@
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,
@@ -439,26 +432,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() {
@@ -594,4 +570,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