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