放大按钮位置调整,代码优化

src/views/workstation/workbench/index.vue

@@ -2,12 +2,10 @@
   <div id="large-screen" class="benchWarp">
     <!-- top -->
     <div class="benchTop" style="position: relative;">
-      <!-- <span style="position: absolute;right: 0;top: 0;">最大化</span> -->
       
       <!-- 合作企业概况 -->
       <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>
+        <i style="position: absolute;right: 10px;top: 10px;color:#fff;" class="el-icon-full-screen" @click="changeFullScreen"></i>
-        <!-- <img src="./index.jpeg" width="100%" height="100%"> -->
         <iframe
           name="iframeMap"
           id="iframeMapViewComponent"
@@ -20,9 +18,6 @@
         ></iframe>
       </div>
     </div>
-    <!-- bottom -->
-    <!-- 占位 -->
-    <!-- <div style="height: 35px;"></div> -->
   </div>
 </template>
 
@@ -59,30 +54,12 @@ export default {
           tags.setAttribute('style', 'display: none');
           const el = document.getElementsByClassName('avue-main')[0]
           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;margin-right:0;');
           const large = document.getElementById('large-screen');
           large.setAttribute('style', 'padding:0 !important;')
-          // this.leftTableHeight += 30
           this.fullScreenFlag = !this.fullScreenFlag
         } else {
-          // this.leftTableHeight -= 30
-          // const element = document.getElementsByClassName('sidebar-container')[0];
-          // element.setAttribute('style', 'display: block');
-          // const nav = document.getElementsByClassName('navbar')[0]
-          // nav.setAttribute('style', 'display: block');
-          // const tags = document.getElementById('tags-view-container')
-          // tags.setAttribute('style', 'display: block');
-          // const el = document.getElementsByClassName('main-container')[0]
-          // el.setAttribute('style', 'height: calc(100vh-84px)');
-          // el.removeAttribute('margin-left')
-          // const screen = document.getElementsByClassName('screen-home')[0]
-          // screen.setAttribute('style', 'height: calc(100vh-84px)');
-          // this.fullScreenFlag = !this.fullScreenFlag
           const element = document.getElementsByClassName('avue-header')[0];
           element.setAttribute('style', 'display: block');
           const nav = document.getElementsByClassName('avue-tags')[0]
@@ -147,36 +124,25 @@ p {
 }
 .content .box .surveyTitle,
 .pendingTitle {
-  /*width: 71px;*/
   height: 25px;
   font-size: 18px;
-  /*font-family: Alibaba-PuHuiTi-R, Alibaba-PuHuiTi;*/
   font-weight: normal;
   color: #333333;
   line-height: 25px;
-
-  /*font-size: 13px;*/
-  /*color: #999999;*/
   margin-top: 30px !important;
 }
 .content .box .surveyNum,
 .pendingNum {
-  /*width: 36px;*/
   height: 42px;
   font-size: 30px;
-  /*font-family: Alibaba-PuHuiTi-B, Alibaba-PuHuiTi;*/
   font-weight: normal;
   color: #333333;
   line-height: 42px;
-
-  /*font-size: 16px;*/
-  /*font-weight: 650;*/
   margin: 15px 0 !important;
 }
 
 .content .box .lookDetail {
   font-size: 18px;
-  /*font-family: Alibaba-PuHuiTi-R, Alibaba-PuHuiTi;*/
   font-weight: normal;
   color: #3f9eff;
   line-height: 25px;
@@ -184,12 +150,7 @@ p {
   height: 39px;
   border-radius: 4px;
   border: 1px solid #3f9eff;
-
-  /*color: #999999;*/
-  /*border: 1px solid #999999;*/
   background: #ffffff;
-  /*border-radius: 10px;*/
-  /*font-size: 12px;*/
 }
 .content .box .goJob {
   width: 80px;
@@ -215,11 +176,8 @@ p {
 }
 .customerService {
   width: 414px;
-  /*height: 224px;*/
   background: #ffffff;
   border-radius: 4px;
-
-  /*height: 120px;*/
   margin-bottom: 20px;
   padding: 18px 30px;
 }
@@ -238,21 +196,14 @@ p {
   background-size: 115px 115px;
 }
 .customerService .customerContent .font {
-  /*width: 96px;*/
   height: 30px;
   font-size: 16px;
-  /*font-family: PingFangSC-Regular, PingFang SC;*/
   font-weight: 400;
   color: #333333;
-  /*line-height: 30px;*/
-
-  /*font-size: 12px;*/
-  /*color: #666666;*/
 }
 .tip {
   padding: 18px 30px;
   width: 414px;
-  /*height: 375px;*/
   background: #ffffff;
   border-radius: 4px;
 }
@@ -264,7 +215,6 @@ p {
   cursor: pointer;
   height: 22px;
   font-size: 16px;
-  /*font-family: Alibaba-PuHuiTi-R, Alibaba-PuHuiTi;*/
   font-weight: normal;
   color: #3f9eff;
   line-height: 22px;
@@ -281,13 +231,9 @@ p {
   width: 400px;
   height: 30px;
   font-size: 16px;
-  /*font-family: PingFangSC-Regular, PingFang SC;*/
   font-weight: 400;
   color: #333333;
   line-height: 30px;
-
-  /*margin: 7px 0 !important;*/
-  /*font-size: 12px;*/
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;