报警弹窗界面更新

src/components/StatusBar.vue

@@ -25,11 +25,12 @@
               <span>{{ hiddenDangerNum }}</span>
             </div>
           </template>
+          <el-scrollbar>
           <el-table
             :data="hiddenDangerData"
             border
             border-color="rgb(36,36,36)"
-            max-height="750px"
+            max-height="650px"
             :header-cell-style="{
               background: 'Black',
               color: 'rgb(220,220,220)',
@@ -38,24 +39,25 @@
             :cell-style="{ background: 'Black', color: 'rgb(220,220,220)',}"
           >
             <el-table-column
-              width="100"
+              width="160"
               property="lastUpdateTime"
               label="时间"
               align="center"
             ></el-table-column>
             <el-table-column
-              width="120"
+              width="110"
               property="windturbineId"
               label="设备"
               align="center"
             ></el-table-column>
             <el-table-column
-              width="300"
+              width="250"
               property="alertText"
               label="故障信息"
               align="center"
             ></el-table-column>
           </el-table>
+          </el-scrollbar>
         </el-popover>
         <el-popover placement="top-start"
           :width="521"
@@ -76,7 +78,7 @@
             :data="defectData"
             border
             border-color="rgb(36,36,36)"
-            max-height="750px"
+            max-height="650px"
             :header-cell-style="{
               background: 'Black',
               color: 'rgb(220,220,220)',
@@ -84,19 +86,19 @@
             }"
             :cell-style="{ background: 'Black', color: 'rgb(220,220,220)',}">
             <el-table-column
-              width="100"
+              width="160"
               property="lastUpdateTime"
               label="时间"
               align="center"
             ></el-table-column>
             <el-table-column
-              width="120"
+              width="110"
               property="windturbineId"
               label="设备"
               align="center"
             ></el-table-column>
             <el-table-column
-              width="300"
+              width="250"
               property="alertText"
               label="故障信息"
               align="center"
@@ -123,7 +125,7 @@
             :data="malfunctionData"
             border
             border-color="rgb(36,36,36)"
-            max-height="750px"
+            max-height="650px"
             :header-cell-style="{
               background: 'Black',
               color: 'rgb(220,220,220)',
@@ -131,19 +133,19 @@
             }"
             :cell-style="{ background: 'Black', color: 'rgb(220,220,220)',}">
             <el-table-column
-              width="100"
+              width="160"
               property="lastUpdateTime"
               label="时间"
               align="center"
             ></el-table-column>
             <el-table-column
-              width="120"
+              width="110"
               property="stationName"
               label="设备"
               align="center"
             ></el-table-column>
             <el-table-column
-              width="300"
+              width="250"
               property="alertText"
               label="故障信息"
               align="center"
@@ -170,7 +172,7 @@
             :data="accidentData"
             border
             border-color="rgb(36,36,36)"
-            max-height="750px"
+            max-height="650px"
             :header-cell-style="{
               background: 'Black',
               color: 'rgb(220,220,220)',
@@ -178,19 +180,19 @@
             }"
             :cell-style="{ background: 'Black', color: 'rgb(220,220,220)',}">
             <el-table-column
-              width="100"
+              width="160"
               property="lastUpdateTime"
               label="时间"
               align="center"
             ></el-table-column>
             <el-table-column
-              width="120"
+              width="110"
               property="stationName"
               label="设备"
               align="center"
             ></el-table-column>
             <el-table-column
-              width="300"
+              width="250"
               property="alertText"
               label="故障信息"
               align="center"
@@ -263,12 +265,24 @@ export default {
       this.defectData = bd.Defects;
       this.malfunctionData = bd.Failure;
       this.accidentData = bd.Accidents;
+      if(this.accidentData.length<=0){
+        this.accidentData=[{lastUpdateTime:"-",stationName:"-",alertText:"-"}];
+      }
     }
   },
 };
 </script>
 
 <style scoped>
+/deep/ .el-table__body-wrapper::-webkit-scrollbar {
+  width: 8px;
+  background-color: black;
+}
+
+/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb  {
+  background-color: #292929;
+  border-radius: 6px;
+}
 span {
   font-size: 13px;
 }
@@ -316,4 +330,6 @@ span {
 .status-label.accident {
   color: #af3e3d;
 }
+
+
 </style>