src/views/ems/dzjk/home/AlarmTable.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-card shadow="always" class="common-card-container common-card-container-body-no-padding">
+  <!-- <el-card shadow="always" class="common-card-container common-card-container-body-no-padding">
         <div slot="header">
         <span class="card-title">当前报警</span>
         </div>
@@ -39,7 +39,12 @@
             </el-table-column>
         </el-table>
         </div>
-    </el-card>
+    </el-card> -->
+  <el-alert type="error" :closable="false">
+    <template>
+      <div style="cursor: pointer" @click="toAlarm">设备告警</div>
+    </template>
+  </el-alert>
 </template>
 <script>
 export default {
@@ -48,22 +53,22 @@ export default{
       require: true,
       type: Array,
       default: () => {
-                return []
-            }
-        }
+        return [];
+      },
+    },
   },
   data() {
-        return {
-
-        }
+    return {};
   },
   methods: {
-        toTicket(){
-            this.$router.push({path:'/ticket'})
+    toAlarm() {
+      this.$router.push({ path: "/dzjk/gzgj", query: this.$route.query });
     },
-    }
-}
-   
+    toTicket() {
+      this.$router.push({ path: "/ticket" });
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
 //实时告警
@@ -72,8 +77,9 @@ export default{
   height: 250px;
   box-sizing: border-box;
   ::v-deep {
-      .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
-        background:#FFF2CB ;
+    .el-table .el-table__header-wrapper th,
+    .el-table .el-table__fixed-header-wrapper th {
+      background: #fff2cb;
     }
   }
 }