右上角样式

gassafetyprogress-web/src/assets/styles/all.scss

@@ -618,3 +618,9 @@
     z-index: 999 !important;
   }
 }
+.left {
+  .el-table__body-wrapper {
+    overflow-x: hidden !important;
+    overflow-y: hidden !important;
+  }
+}

gassafetyprogress-web/src/components/bigWindow/rightBar.vue

@@ -12,7 +12,6 @@
               <div class="fong-div" style="width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"></div>
             </div>
         </div>
-        <div class="divfen" style="width: 90%;height: 30%;margin-left: 40px;">
             <div class="left">
                 <div
                   class="bottom right-bottom-data-left"
@@ -49,7 +48,7 @@
                     </el-table-column>
                     <el-table-column prop="alarmTime" label="预警时间" width="140">
                     </el-table-column>
-                    <el-table-column prop="handledStatus" label="状态" width="70">
+                    <el-table-column prop="handledStatus" label="状态">
                       <template slot-scope="scope">
                         <div class="ddd" :title="scope.row.handledStatus">
                           {{ scope.row.handledStatus }}
@@ -59,13 +58,6 @@
                   </el-table>
                 </div>
               </div>
-            <!-- <div class ="divall" style="width: 50%">
-                <div id="main21" style="height: 50%;width: 100%"></div>
-            </div>
-            <div class="divall" style="width: 50%" >
-                <div id="main22" style="height: 50%;width: 100%"></div>
-            </div> -->
-        </div>
 
 <!-- <div style="width: 100%;height: 200px;background-color: #44d7dc;">
     <el-table
@@ -725,7 +717,7 @@
     }
 </script>
 
-<style>
+<style scoped>
 .titleTex{
     height: 30px;
     width: 100%;
@@ -871,8 +863,9 @@
         height: 100%;
         overflow: hidden;
     }
-.el-table__body-wrapper {
-    overflow-x: hidden !important;
-    overflow-y: hidden !important;
+  .left{
+    margin-top: 10px;
+    width: 440px;
+    margin-left: 20px;
   }
 </style>

gassafetyprogress-web/src/views/bigWindow/index.vue

@@ -524,7 +524,7 @@ export default {
   background: #112238;
 }
 .rightbar {
-  width: 450px;
+  width: 470px;
   height: 90%;
   position: fixed;
   top: 10%;