<template>
  <el-row class="mianBox-af">
    <el-row class="headerBox">
      <el-col class="title">
        <img src="../../../assets/image-af/title3.png" alt="" />
        告警信息
      </el-col>
    </el-row>
    <el-row class="contentBox">
      <el-row style="width: 100%;height: 100%; margin: 0 auto">
      <el-table :data="dataMap" class="transparentTableRow" height="100%" style="width: 100%; margin: 0 auto">
        <!-- min-width="20" -->
        <el-table-column show-overflow-tooltip v-for="item in headerData" :key="item.prop" :prop="item.prop" align="center" :label="item.name"></el-table-column>
      </el-table>
      </el-row>
    </el-row>
  </el-row>
</template>

<script>
export default {
  data() {
    return {
      isCheck: "info",
      option: null,
      dataMap: [
        { name: "1会议室", nameF: "会议", time: "12:00:00-15:00:00" },
        { name: "1会议室", nameF: "会议", time: "12:00:00-15:00:00" },
        { name: "1会议室", nameF: "会议", time: "12:00:00-15:00:00" },
        { name: "1会议室", nameF: "会议", time: "12:00:00-15:00:00" },
        { name: "1会议室", nameF: "会议", time: "12:00:00-15:00:00" },
        { name: "1会议室", nameF: "会议", time: "12:00:00-15:00:00" },
        { name: "1会议室", nameF: "会议", time: "12:00:00-15:00:00" },
        { name: "1会议室", nameF: "会议", time: "12:00:00-15:00:00" },
      ],
      headerData: [
        { name: "告警时间", prop: "name" },
        { name: "告警设备", prop: "time" },
        { name: "单位名称", prop: "nameF" },
        { name: "报告内容", prop: "nameFF" },
      ],
    };
  },
  mounted() {
    
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.mianBox-af {
  .contentBox{
    width: 100%;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    
  }
}
</style>