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/juminYanglaoBaoxian/baoxianForm.vue |   70 ++++++++++++++++++++--------------
 1 files changed, 41 insertions(+), 29 deletions(-)

diff --git a/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue b/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
index cafbef3..1e5900a 100644
--- a/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
+++ b/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue
@@ -1,78 +1,75 @@
 <template>
   <div class="baoxianForm-wrap" :style="{paddingTop : paddingTop + 'rem'}">
     <el-table
+      :cell-style="handleCellStyle"
+      :max-height="tableHeight"
       border
       style="width: 100%"
       :data="tableData">
       <el-table-column
-        width="200"
+        min-width="140"
         align="center"
-        prop="name"
+        prop="areaName"
         label="鍘匡紙甯傘�佸尯锛�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="january"
         label="1鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
-        label="1鏈�">
-      </el-table-column>
-      <el-table-column
-        align="center"
-        prop="month"
+        prop="february"
         label="2鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="march"
         label="3鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="april"
         label="4鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="may"
         label="5鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="june"
         label="6鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="july"
         label="7鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="august"
         label="8鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="september"
         label="9鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="october"
         label="10鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="november"
         label="11鏈�">
       </el-table-column>
       <el-table-column
         align="center"
-        prop="month"
+        prop="december"
         label="12鏈�">
       </el-table-column>
     </el-table>
@@ -80,28 +77,43 @@
 </template>
 
 <script>
+    import {getInsuranceTable} from '@/api/shehuiBaozhang'
+    import nowSize from "../../../libs/nowSize";
     export default {
         name: "baoxianForm",
         props: {
             paddingTop: {
                 type: Number,
                 default: 0.078125
+            },
+            typeData: {
+                type: String,
+                default: '3'
             }
         },
         computed: {
         },
         data() {
             return {
-                tableData:[{
-                    name: '鍏ㄥ競',
-                    month: '23233'
-                },{
-                    name: '甯傛湰绾�',
-                    month: '23233'
-                },{
-                    name: '闀垮畨鍖�',
-                    month: '23233'
-                }]
+                tableData:[],
+                tableHeight: window.innerHeight - nowSize(230)
+            }
+        },
+        mounted() {
+            this.getInsuranceTable()
+        },
+        methods: {
+            getInsuranceTable() {
+                getInsuranceTable({type: this.typeData}).then(res => {
+                    if(res.code == 1000) {
+                       this.tableData = res.list
+                    }
+                })
+            },
+            handleCellStyle({rowIndex, columnIndex}) {
+                if(columnIndex == 0) {
+                    return { background:'#51D2FF' }
+                }
             }
         }
     }

--
Gitblit v1.9.1