echarts添加显示隐藏按钮

zhangxiaoxu123

2022-09-14 77536cfa95b1e3c5e60f94dce3a53aa2e93f121a

 src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue

@@ -1,6 +1,7 @@
<template>
    <div class="chengzhenXinzengJiuye-wrap">
      <el-table
        :cell-style="handleCellStyle"
        :max-height="tableHeight"
        border
        :data="tableData"
@@ -10,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>
@@ -18,7 +19,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="january"
          label="1月"
          align="center">
@@ -34,7 +34,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="february"
          label="2月"
          align="center">
@@ -50,7 +49,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="march"
          label="3月"
          align="center">
@@ -64,7 +62,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="april"
          label="4月"
          align="center">
@@ -78,7 +75,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="may"
          label="5月"
          align="center">
@@ -92,7 +88,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="june"
          label="6月"
          align="center">
@@ -106,7 +101,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="july"
          label="7月"
          align="center">
@@ -120,7 +114,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="august"
          label="8月"
          align="center">
@@ -134,7 +127,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="september"
          label="9月"
          align="center">
@@ -148,7 +140,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="october"
          label="10月"
          align="center">
@@ -162,7 +153,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="november"
          label="11月"
          align="center">
@@ -176,7 +166,6 @@
          </template>
        </el-table-column>
        <el-table-column
          width="280"
          prop="december"
          label="12月"
          align="center">
@@ -220,6 +209,11 @@
            },
            getHeight() {
                this.tableHeight = window.innerHeight - nowSize(230)
            },
            handleCellStyle({rowIndex, columnIndex}) {
                if(columnIndex == 0) {
                    return { background:'#51D2FF' }
                }
            }
        },
        created() {