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 |   20 +++++++-------------
 1 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue b/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue
index 8293c65..cb39916 100644
--- a/src/pages/components/jiuyeQingkuang/chengzhenXinzengJiuye.vue
+++ b/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() {

--
Gitblit v1.9.1