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

<template>
  <!-- <el-card shadow="always" class="common-card-container common-card-container-body-no-padding">
        <div slot="header">
        <span class="card-title">当前报警</span>
        </div>
        <div class="ssgj-container">
        <el-table
            class="common-table"
            :data="tableData"
            height="100%"
            stripe
            style="width: 100%">
            <el-table-column
            prop="deviceName"
            label="名称">
            </el-table-column>
            <el-table-column
            label="状态"
            >
                <template slot-scope="scope">
                    <span :class="{'circle warning-status' : scope.row.status !== 0}">{{ $store.state.ems.warnOptions[scope.row.status]}}</span>
                </template>
            </el-table-column>
            <el-table-column
            class-name="alarm-content"
            prop="alarmContent"
            show-overflow-tooltip
            label="告警内容">
            </el-table-column>
            <el-table-column
            label="工单"
            fixed="right"
            show-overflow-tooltip
            >
            <template slot-scope="scope">
                <el-button type="text" size="mini"  v-if="scope.row.ticketNo" @click="toTicket">已生成工单(工单号:{{scope.row.ticketNo}})</el-button>
                <el-button type="primary" size="mini" v-else @click="toTicket">生成工单</el-button>
            </template>
            </el-table-column>
        </el-table>
        </div>
    </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 [];
      },
    },
  },
  data() {
    return {};
  },
  methods: {
    toAlarm() {
      this.$router.push({ path: "/dzjk/gzgj", query: this.$route.query });
    },
    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;
    }
  }
}
</style>