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/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue |   23 +++++++++++++++++++++--
 1 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue
index de0e794..0ebb7f8 100644
--- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue
+++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue
@@ -86,7 +86,11 @@
         </el-table-column>
       </el-table>
     </div>
-      <div class="shehuiBaoxianEcharts" id="shehuiBaoxianEcharts"></div>
+    <div v-show="echartsShow" class="shehuiBaoxianEcharts" id="shehuiBaoxianEcharts"></div>
+    <div class="yincang-box">
+      <el-button @click="showEchartsBtn" v-show="echartsShow" type="primary">闅愯棌</el-button>
+      <el-button @click="showEchartsBtn" v-show="!echartsShow" type="primary">鏄剧ず</el-button>
+    </div>
   </div>
 </template>
 
@@ -103,7 +107,8 @@
                 juminData: [],  //鍩庝埂灞呮皯鍏昏�佷繚闄╁弬淇濅汉鏁�
                 gongshangData: [],  //宸ヤ激淇濋櫓鍙備繚浜烘暟
                 shiyeData: [],  //澶变笟淇濋櫓鍙備繚浜烘暟
-                tableHeight: window.innerHeight - nowSize(960)
+                tableHeight: window.innerHeight - nowSize(960),
+                echartsShow: true
             }
         },
         mounted() {
@@ -111,6 +116,14 @@
           this.getPersonChart()
         },
         methods: {
+            showEchartsBtn() {
+                this.echartsShow = !this.echartsShow
+                if(this.echartsShow) {
+                    this.tableHeight = window.innerHeight - nowSize(960)
+                }else {
+                    this.tableHeight = window.innerHeight - nowSize(320)
+                }
+            },
             getPersonTable(){
                 getPersonTable().then(res => {
                     if(res.code == 1000) {
@@ -301,6 +314,12 @@
   .shehuiBaoxian-wrap{
     width: 100%;
     height: 100%;
+    position: relative;
+    .yincang-box{
+      position: absolute;
+      right: 0.078125rem  /* 20/256 */;
+      bottom: 0.078125rem  /* 20/256 */;
+    }
     .shehuiBaoxian-table{
       width: 100%;
       position: relative;

--
Gitblit v1.9.1