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/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue | 22 ++++++++++++++++++++-- 1 files changed, 20 insertions(+), 2 deletions(-) diff --git a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue index 1811da6..c42cf7f 100644 --- a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue +++ b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue @@ -97,7 +97,11 @@ label="褰撳墠瀹屾垚鐜�"> </el-table-column> </el-table> - <div class="laogongJiuyeEcharts" id="laogongJiuyeEcharts"></div> + <div v-show="echartsShow" class="laogongJiuyeEcharts" id="laogongJiuyeEcharts"></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> </div> </template> @@ -114,7 +118,8 @@ loseReEmployment:[], //澶变笟浜哄憳鍐嶅氨涓� diffReEmployment: [], //灏变笟鍥伴毦浜哄憳鍐嶅氨涓� xdata:[], - tableHeight: window.innerHeight - nowSize(960) + tableHeight: window.innerHeight - nowSize(960), + echartsShow: true } }, mounted() { @@ -123,6 +128,14 @@ this.laogongJiuyeEcharts() }, methods: { + showEchartsBtn() { + this.echartsShow = !this.echartsShow + if(this.echartsShow) { + this.tableHeight = window.innerHeight - nowSize(960) + }else { + this.tableHeight = window.innerHeight - nowSize(320) + } + }, getLabourTable() { //鏌ヨ鍔冲姩灏变笟琛ㄦ牸鏁版嵁鎺ュ彛 getLabourTable().then(res => { if(res.code == 1000) { @@ -348,6 +361,11 @@ font-family: Source Han Sans CN, Source Han Sans CN-Regular; font-weight: 400; } + .yincang-box{ + position: absolute; + right: 20px; + bottom: 20px; + } } .laogongJiuyeEcharts{ height: calc(100% - 2.5rem /* 640/256 */ - 0.33203125rem /* 85/256 */); -- Gitblit v1.9.1