解决安全文件查看画面异常问题

src/views/energyOperationSupport/components/securitys/pic2.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="root">
-    <el-row :gutter="10" class="container1">
+    <div class="container1">
       <el-col :span="24">
         <div class="itemBox" :span="24">
           <el-row :gutter="10" class="flex-box">
@@ -16,7 +16,8 @@
               <el-checkbox v-model="searchParam.radioItemStatus" @change="isShowItemStatus">显示状态</el-checkbox>
             </el-col>
           </el-row>
-          <div class="canvaBox">
+        </div>
+        <div class="canvaBox">
             <div class="minimap"></div>
             <!-- 树图相关 -->
             <div id="treeDiv" class="whr100"></div>
@@ -37,8 +38,6 @@
               </span>
             </el-dialog>
           </div>
-        </div>
-
       </el-col>
       <el-drawer title="节点信息" :visible.sync="dataInfoDrawerVisible" class="dataInfo-drawer-dialog" @close="dataInfoClose"
         size="50%">
@@ -67,7 +66,7 @@
         </el-button>
         <iframe :src="previewUrl" width="100%" :height="singleTableHeight"></iframe>
       </el-dialog>
-    </el-row>
+    </div>
     <!-- 上传器 -->
     <el-dialog title="文件重新上传" :visible.sync="dialogVisible2" destroy-on-close width="15%" top="6vh" height="90%">
       <el-upload class="upload-demo" ref="upload2" action="" :http-request="beforeUpload2" :loading="uploadloading"
@@ -1281,7 +1280,7 @@ export default {
   border: 1px solid #305d91;
   height: 100%;
   position: relative;
-  overflow: auto;
+  overflow: visible;
 
   .top {
     display: flex;