From 77536cfa95b1e3c5e60f94dce3a53aa2e93f121a Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期三, 14 九月 2022 17:35:54 +0800
Subject: [PATCH] echarts添加显示隐藏按钮
---
src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue | 34 +++++++++++++++++++---------------
1 files changed, 19 insertions(+), 15 deletions(-)
diff --git a/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue b/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue
index 69634c8..cb39916 100644
--- a/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue
+++ b/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue
@@ -1,6 +1,8 @@
<template>
<div class="chengzhenXinzengJiuye-wrap">
<el-table
+ :cell-style="handleCellStyle"
+ :max-height="tableHeight"
border
:data="tableData"
:header-cell-style="handleheader"
@@ -9,7 +11,7 @@
prop="area"
label="鍘匡紙甯傘�佸尯锛�"
align="center"
- width="220">
+ min-width="140">
<template slot-scope="scope">
<div class="sanjiao-box">
<div class="cell-content-box">{{scope.row.area}}</div>
@@ -17,7 +19,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="january"
label="1鏈�"
align="center">
@@ -33,7 +34,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="february"
label="2鏈�"
align="center">
@@ -49,7 +49,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="march"
label="3鏈�"
align="center">
@@ -63,7 +62,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="april"
label="4鏈�"
align="center">
@@ -77,7 +75,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="may"
label="5鏈�"
align="center">
@@ -91,7 +88,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="june"
label="6鏈�"
align="center">
@@ -105,7 +101,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="july"
label="7鏈�"
align="center">
@@ -119,7 +114,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="august"
label="8鏈�"
align="center">
@@ -133,7 +127,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="september"
label="9鏈�"
align="center">
@@ -147,7 +140,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="october"
label="10鏈�"
align="center">
@@ -161,7 +153,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="november"
label="11鏈�"
align="center">
@@ -175,7 +166,6 @@
</template>
</el-table-column>
<el-table-column
- width="280"
prop="december"
label="12鏈�"
align="center">
@@ -193,7 +183,7 @@
</template>
<script>
-
+ import nowSize from "../../../libs/nowSize";
export default {
name: "chengzhenXinzengJiuye",
props: {
@@ -206,7 +196,7 @@
},
data() {
return {
-
+ tableHeight: window.innerHeight - nowSize(350)
}
},
mounted() {
@@ -216,7 +206,21 @@
return {
lineHeight: '2.5',
}
+ },
+ getHeight() {
+ this.tableHeight = window.innerHeight - nowSize(230)
+ },
+ handleCellStyle({rowIndex, columnIndex}) {
+ if(columnIndex == 0) {
+ return { background:'#51D2FF' }
+ }
}
+ },
+ created() {
+ window.addEventListener('resize', this.getHeight)
+ },
+ destroyed() {
+ window.addEventListener('resize', this.getHeight)
}
}
</script>
--
Gitblit v1.9.1