Bläddra i källkod

业务空间台账-辅助屏

yangjunjing 5 år sedan
förälder
incheckning
fbefaaf26e
1 ändrade filer med 35 tillägg och 21 borttagningar
  1. 35 21
      src/views/screen/splitscreen/spaceledger/index.vue

+ 35 - 21
src/views/screen/splitscreen/spaceledger/index.vue

@@ -34,28 +34,28 @@
                 <img :src="'/image-service/common/file_get?systemId=revit&key=${item}'" alt="空间图片">
               </div>
             </div>
+            <!-- <div class="space-img" v-if="!spaceDetails.Pic">
+              <div class="img-box">
+                <img src="https://hbimg.huabanimg.com/bac4414614279b3f7bef2d92d6d918bba7b556f82c501-NkQLir_fw658" alt="空间图片">
+              </div>
+              <div class="img-box">
+                <img src="https://hbimg.huabanimg.com/249e4a816fbc02bc50afbb04a82488f8f096937c27b66-pEQMMO_fw658" alt="空间图片">
+              </div>
+              <div class="img-box">
+                <img src="https://hbimg.huabanimg.com/bac4414614279b3f7bef2d92d6d918bba7b556f82c501-NkQLir_fw658" alt="空间图片">
+              </div>
+              <div class="img-box">
+                <img src="https://hbimg.huabanimg.com/249e4a816fbc02bc50afbb04a82488f8f096937c27b66-pEQMMO_fw658" alt="空间图片">
+              </div>
+            </div> -->
           </el-scrollbar>
-          <!-- <div class="space-img" v-if="!spaceDetails.Pic">
-            <div class="img-box">
-              <img src="https://hbimg.huabanimg.com/bac4414614279b3f7bef2d92d6d918bba7b556f82c501-NkQLir_fw658" alt="空间图片">
-            </div>
-            <div class="img-box">
-              <img src="https://hbimg.huabanimg.com/249e4a816fbc02bc50afbb04a82488f8f096937c27b66-pEQMMO_fw658" alt="空间图片">
-            </div>
-            <div class="img-box">
-              <img src="https://hbimg.huabanimg.com/bac4414614279b3f7bef2d92d6d918bba7b556f82c501-NkQLir_fw658" alt="空间图片">
-            </div>
-            <div class="img-box">
-              <img src="https://hbimg.huabanimg.com/249e4a816fbc02bc50afbb04a82488f8f096937c27b66-pEQMMO_fw658" alt="空间图片">
-            </div>
-          </div> -->
         </el-aside>
         <el-main>
           <el-tabs v-model="activeTab" type='card'>
             <template v-for="(item,index) in tabsList">
               <el-tab-pane :name="item.Code" :key="index" :label="item.Name">
-                <div v-show="activeTab === 'staticData'" style="width:100%;textAlign:left;">
-                  <iframe height="100%" width="100%" :src="iframeSrc" id="screenIframe"></iframe>
+                <div v-show="activeTab === 'staticData'" style="width:100%;textAlign:left;" id="iframe-box">
+                  <!-- <iframe height="100%" width="100%" :src="iframeSrc" id="screenIframe"></iframe> -->
                 </div>
                 <div v-show="activeTab === 'dynamicData'" style="width:100%;textAlign:left;">
                   <div class="main" style="height: 790px;">
@@ -186,10 +186,13 @@ export default {
       this.proId = localStorage.getItem('projectId');
       this.secret = localStorage.getItem('secret');
       this.iframeSrc = `${process.env.BASE_URL}:8889/#/details?perjectId=${this.proId}&secret=${this.secret}&FmId=${this.$route.query.RoomID}&type=0&code=${this.$route.query.zone}`
-      this.$nextTick(() => {
-        // document.getElementById('screenIframe').contentWindow.location.reload(true);
-        document.getElementById('screenIframe').src = this.iframeSrc;
-      })
+      let box = document.getElementById('iframe-box');
+      box.innerHTML = '';
+      let iframe = document.createElement('iframe');
+      iframe.src = this.iframeSrc;
+      iframe.style.width = '100%';
+      iframe.style.height = '100%';
+      box.appendChild(iframe);
     },
     getSpaceFloor() {
       // 获取业务空间楼层
@@ -317,6 +320,10 @@ export default {
   box-sizing: border-box;
   height: calc(100% - 20px);
   overflow: hidden;
+  .el-scrollbar {
+    height: 100%;
+    overflow: hidden !important;
+  }
   .aside-top {
     overflow: hidden;
     display: flex;
@@ -349,7 +356,7 @@ export default {
     }
   }
 }
-.el-scrollbar{
+.el-scrollbar {
   width: 430px;
 }
 .el-main {
@@ -381,4 +388,11 @@ export default {
 #floorCanvas {
   position: static;
 }
+</style>
+<style>
+  .el-scrollbar__wrap{
+    height: 100%;
+    overflow-x: hidden !important;
+    overflow-y: auto !important;
+  }
 </style>