站点首页告警

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,42 +39,48 @@
             </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{
-    props:{
-        tableData:{
-            require:true,
-            type:Array,
-            default:()=>{
-                return []
-            }
-        }
+export default {
+  props: {
+    tableData: {
+      require: true,
+      type: Array,
+      default: () => {
+        return [];
+      },
     },
-    data(){
-        return {
-
-        }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    toAlarm() {
+      this.$router.push({ path: "/dzjk/gzgj", query: this.$route.query });
     },
-    methods:{
-        toTicket(){
-            this.$router.push({path:'/ticket'})
-        },
-    }
-}
-   
+    toTicket() {
+      this.$router.push({ path: "/ticket" });
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-  //实时告警
-  .ssgj-container{
-    padding:20px;
-    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 ;
-      }
+//实时告警
+.ssgj-container {
+  padding: 20px;
+  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;
     }
   }
-</style>
+}
+</style>