sdz/cmanager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成首页大屏全屏展示

Browse Source
This commit is contained in:
zxy
2024-02-20 14:39:34 +08:00
parent 960af23f0c
commit e9ca7f29bf
1 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/workstation/workbench/index.vue
View File

@@ -1,11 +1,12 @@
<template>
<div class="benchWarp">
<div id="large-screen" class="benchWarp">
<!-- top -->
<div class="benchTop" style="position: relative;">
<!-- <span style="position: absolute;right: 0;top: 0;">最大化</span> -->
<i style="position: absolute;right: 10px;top: 0;" class="el-icon-full-screen" @click="changeFullScreen"></i>
<!-- 合作企业概况 -->
<div class="bgWhite survey" style="height: calc(100vh - 120px);">
<i style="position: absolute;right: 10px;top: 0;color:#fff;" class="el-icon-full-screen" @click="changeFullScreen"></i>
<!-- <img src="./index.jpeg" width="100%" height="100%"> -->
<iframe
name="iframeMap"
@@ -21,7 +22,7 @@
</div>
<!-- bottom -->
<!-- 占位 -->
<div style="height: 35px;"></div>
<!-- <div style="height: 35px;"></div> -->
</div>
</template>
@@ -57,9 +58,15 @@ export default {
const tags = document.getElementsByClassName('avue-left')[0]
tags.setAttribute('style', 'display: none');
const el = document.getElementsByClassName('avue-main')[0]
el.setAttribute('style', 'left: 0;height: 100vh;width:100vw;');
el.setAttribute('style', 'left: 0;height: 100vh;width:100vw;padding-bottom:0;');
// const el1 = document.getElementsByClassName('avue-view')[0]
// el1.setAttribute('style', 'padding:0;')
// const el2 = document.getElementsByClassName('benchWarp')[0]
// el2.setAttribute('style', 'padding:0;')
const screen = document.getElementsByClassName('survey')[0]
screen.setAttribute('style', 'height: 100vh;width:100vw;');
screen.setAttribute('style', 'height: 100vh;width:100vw;margin-right:0;');
const large = document.getElementById('large-screen');
large.setAttribute('style', 'padding:0 !important;')
// this.leftTableHeight += 30
this.fullScreenFlag = !this.fullScreenFlag
} else {
@@ -110,22 +117,22 @@ p {
line-height: 30px;
}
.benchWarp {
padding: 0 20px !important;
margin-top: 4px;
/* padding: 0 20px !important; */
/* margin-top: 4px; */
}
.benchTop {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
/* margin-bottom: 15px; */
}
.survey,
.pending {
flex: 1;
padding: 10px;
border-radius: 4px;
/* padding: 10px; */
/* border-radius: 4px; */
}
.survey {
margin-right: 10px;
/* margin-right: 10px; */
}
.pending {
margin-left: 10px;