From cbf8b81775d76447e3365e50c5ed889cd2080362 Mon Sep 17 00:00:00 2001
From: Apcallover <1503963513@qq.com>
Date: Tue, 28 May 2024 09:43:03 +0800
Subject: [PATCH] =?UTF-8?q?flat:=20=E8=AF=B7=E6=B1=82=E5=A4=A7=E5=B1=8F?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/workstation/workbench/index.vue | 92 +++++++++++++++--------
 1 file changed, 60 insertions(+), 32 deletions(-)

diff --git a/src/views/workstation/workbench/index.vue b/src/views/workstation/workbench/index.vue
index 1b88979..8a29048 100644
--- a/src/views/workstation/workbench/index.vue
+++ b/src/views/workstation/workbench/index.vue
@@ -5,7 +5,8 @@
 
       <!-- 合作企业概况 -->
       <div class="bgWhite survey" style="height: calc(100vh - 120px);">
-        <i style="position: absolute;right: 10px;top: 10px;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>
         <iframe
           name="iframeMap"
           id="iframeMapViewComponent"
@@ -22,11 +23,13 @@
 </template>
 
 <script>
-import { getMapData } from '@/api/desk/notice'
+import {getMapData} from '@/api/desk/notice'
+
 export default {
   data() {
     return {
-      getPageUrl: "http://10.165.0.173/largescreen/",
+      // getPageUrl: "http://10.165.0.173/largescreen/",
+      getPageUrl: "http://10.165.0.54:8300/largescreen/",
       fullScreenFlag: false,
       fullScreenFlagKey: 0,
     };
@@ -44,35 +47,35 @@ export default {
     //   this.showFullScreen = true
     // },
     changeFullScreen() {
-        // this.fullScreenFlagKey +=1
-        if (!this.fullScreenFlag) {
-          const element = document.getElementsByClassName('avue-header')[0];
-          element.setAttribute('style', 'display: none');
-          const nav = document.getElementsByClassName('avue-tags')[0]
-          nav.setAttribute('style', 'display: none');
-          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;padding-bottom: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.fullScreenFlag = !this.fullScreenFlag
-        } else {
-          const element = document.getElementsByClassName('avue-header')[0];
-          element.setAttribute('style', 'display: block');
-          const nav = document.getElementsByClassName('avue-tags')[0]
-          nav.setAttribute('style', 'display: block');
-          const tags = document.getElementsByClassName('avue-left')[0]
-          tags.setAttribute('style', 'display: block');
-          const el = document.getElementsByClassName('avue-main')[0]
-          el.setAttribute('style', 'left: 240px;height:100vh;');
-          const screen = document.getElementsByClassName('survey')[0]
-          screen.setAttribute('style', 'height: 100vh;');
-          this.fullScreenFlag = !this.fullScreenFlag
-        }
-      },
+      // this.fullScreenFlagKey +=1
+      if (!this.fullScreenFlag) {
+        const element = document.getElementsByClassName('avue-header')[0];
+        element.setAttribute('style', 'display: none');
+        const nav = document.getElementsByClassName('avue-tags')[0]
+        nav.setAttribute('style', 'display: none');
+        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;padding-bottom: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.fullScreenFlag = !this.fullScreenFlag
+      } else {
+        const element = document.getElementsByClassName('avue-header')[0];
+        element.setAttribute('style', 'display: block');
+        const nav = document.getElementsByClassName('avue-tags')[0]
+        nav.setAttribute('style', 'display: block');
+        const tags = document.getElementsByClassName('avue-left')[0]
+        tags.setAttribute('style', 'display: block');
+        const el = document.getElementsByClassName('avue-main')[0]
+        el.setAttribute('style', 'left: 240px;height:100vh;');
+        const screen = document.getElementsByClassName('survey')[0]
+        screen.setAttribute('style', 'height: 100vh;');
+        this.fullScreenFlag = !this.fullScreenFlag
+      }
+    },
   }
 };
 </script>
@@ -81,10 +84,12 @@ export default {
 p {
   margin: 0 !important;
 }
+
 /* 底色 */
 .bgWhite {
   background: #ffffff;
 }
+
 /* 标题 */
 .title {
   font-weight: bold;
@@ -93,35 +98,43 @@ p {
   color: #333333;
   line-height: 30px;
 }
+
 .benchWarp {
   /* padding: 0 20px !important; */
   /* margin-top: 4px; */
 }
+
 .benchTop {
   display: flex;
   justify-content: space-between;
   /* margin-bottom: 15px; */
 }
+
 .survey,
 .pending {
   flex: 1;
   /* padding: 10px; */
   /* border-radius: 4px; */
 }
+
 .survey {
   /* margin-right: 10px; */
 }
+
 .pending {
   margin-left: 10px;
 }
+
 .content {
   display: flex;
   justify-content: space-around;
   padding: 0 30px;
 }
+
 .content .box {
   text-align: center;
 }
+
 .content .box .surveyTitle,
 .pendingTitle {
   height: 25px;
@@ -131,6 +144,7 @@ p {
   line-height: 25px;
   margin-top: 30px !important;
 }
+
 .content .box .surveyNum,
 .pendingNum {
   height: 42px;
@@ -152,6 +166,7 @@ p {
   border: 1px solid #3f9eff;
   background: #ffffff;
 }
+
 .content .box .goJob {
   width: 80px;
   height: 20px;
@@ -165,15 +180,18 @@ p {
 .benchBottom {
   display: flex;
 }
+
 .invitationCode {
   width: calc(100% - 550px);
   padding: 18px 30px;
   border-radius: 4px;
 }
+
 .tips {
   width: 250px;
   margin-left: 15px;
 }
+
 .customerService {
   width: 414px;
   background: #ffffff;
@@ -181,11 +199,13 @@ p {
   margin-bottom: 20px;
   padding: 18px 30px;
 }
+
 .customerService .customerContent {
   display: flex;
   align-items: center;
   height: 100%;
 }
+
 .customerService .customerContent .img {
   width: 115px;
   height: 115px;
@@ -195,22 +215,26 @@ p {
   background: url("/manage/img/kefu.jpg") no-repeat;
   background-size: 115px 115px;
 }
+
 .customerService .customerContent .font {
   height: 30px;
   font-size: 16px;
   font-weight: 400;
   color: #333333;
 }
+
 .tip {
   padding: 18px 30px;
   width: 414px;
   background: #ffffff;
   border-radius: 4px;
 }
+
 .tip .tipTop {
   display: flex;
   justify-content: space-between;
 }
+
 .tip .tipTop .more {
   cursor: pointer;
   height: 22px;
@@ -219,14 +243,17 @@ p {
   color: #3f9eff;
   line-height: 22px;
 }
+
 .tipListBox {
   height: 276px;
   overflow: auto;
 }
+
 .tipListBox div {
   display: flex;
   margin: 11px 0;
 }
+
 .tipListBox p {
   width: 400px;
   height: 30px;
@@ -238,6 +265,7 @@ p {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 .tipListBox span {
   color: #3f9eff;
 }