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> <template>
<div class="benchWarp"> <div id="large-screen" class="benchWarp">
<!-- top --> <!-- top -->
<div class="benchTop" style="position: relative;"> <div class="benchTop" style="position: relative;">
<!-- <span style="position: absolute;right: 0;top: 0;">最大化</span> --> <!-- <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);"> <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%"> --> <!-- <img src="./index.jpeg" width="100%" height="100%"> -->
<iframe <iframe
name="iframeMap" name="iframeMap"
@@ -21,7 +22,7 @@
</div> </div>
<!-- bottom --> <!-- bottom -->
<!-- 占位 --> <!-- 占位 -->
<div style="height: 35px;"></div> <!-- <div style="height: 35px;"></div> -->
</div> </div>
</template> </template>
@@ -57,9 +58,15 @@ export default {
const tags = document.getElementsByClassName('avue-left')[0] const tags = document.getElementsByClassName('avue-left')[0]
tags.setAttribute('style', 'display: none'); tags.setAttribute('style', 'display: none');
const el = document.getElementsByClassName('avue-main')[0] 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] 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.leftTableHeight += 30
this.fullScreenFlag = !this.fullScreenFlag this.fullScreenFlag = !this.fullScreenFlag
} else { } else {
@@ -110,22 +117,22 @@ p {
line-height: 30px; line-height: 30px;
} }
.benchWarp { .benchWarp {
padding: 0 20px !important; /* padding: 0 20px !important; */
margin-top: 4px; /* margin-top: 4px; */
} }
.benchTop { .benchTop {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 15px; /* margin-bottom: 15px; */
} }
.survey, .survey,
.pending { .pending {
flex: 1; flex: 1;
padding: 10px; /* padding: 10px; */
border-radius: 4px; /* border-radius: 4px; */
} }
.survey { .survey {
margin-right: 10px; /* margin-right: 10px; */
} }
.pending { .pending {
margin-left: 10px; margin-left: 10px;