<template>
  <el-table-column label="报警状态">
    <template #default="{ row }">
      <div class="table-status" :class="{ 'table-status-warning': row.status == '触发报警' }">
        {{ row.status }}
      </div>
    </template>
  </el-table-column>
</template>

<script
  setup
  lang="ts
"
></script>

<style lang="less" scoped>
  .table-status {
    width: 80px;
    height: 26px;
    font-weight: 400;
    border-radius: 7px;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    background: #e1f4e1;
    color: #55b758;
  }
  .table-status-warning {
    color: #ec615a;
    background: #ffdedd;
  }
</style>
