站点首页告警

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{
+export default {
-    props:{
+  props: {
-        tableData:{
+    tableData: {
-            require:true,
+      require: true,
-            type:Array,
+      type: Array,
-            default:()=>{
+      default: () => {
-                return []
+        return [];
-            }
+      },
-        }
     },
-    data(){
+  },
-        return {
+  data() {
-
+    return {};
-        }
+  },
+  methods: {
+    toAlarm() {
+      this.$router.push({ path: "/dzjk/gzgj", query: this.$route.query });
     },
-    methods:{
+    toTicket() {
-        toTicket(){
+      this.$router.push({ path: "/ticket" });
-            this.$router.push({path:'/ticket'})
+    },
-        },
+  },
-    }
+};
-}
-   
 </script>
 <style lang="scss" scoped>
-  //实时告警
+//实时告警
-  .ssgj-container{
+.ssgj-container {
-    padding:20px;
+  padding: 20px;
-    height: 250px;
+  height: 250px;
-    box-sizing: border-box;
+  box-sizing: border-box;
-    ::v-deep{
+  ::v-deep {
-      .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
+    .el-table .el-table__header-wrapper th,
-        background:#FFF2CB ;
+    .el-table .el-table__fixed-header-wrapper th {
-      }
+      background: #fff2cb;
     }
   }
-</style>
+}
+</style>