echarts添加显示隐藏按钮

zhangxiaoxu123

2022-09-14 77536cfa95b1e3c5e60f94dce3a53aa2e93f121a

 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>