<template>
  <div>
    <a-table
      style="margin-bottom: 5px; border: solid 1px"
      :columns="columns"
      :data-source="data"
      bordered
    >
      <span slot="action">
        <a-button type="primary" size="small">处理</a-button>
        <a-divider type="vertical" />
        <a-button size="small">忽略</a-button>
      </span>
    </a-table>
  </div>
</template>

<script>
import Moment from '@/components/utils/moment.zh_cn'
export default {
  data() {
    return {
      columns: [
        {
          title: "地点",
          dataIndex: "location",
        },
        {
          title: "等级",
          dataIndex: "level",
        },
        {
          title: "详情",
          dataIndex: "detail",
        },
        {
          title: "数值",
          dataIndex: "number",
        },

        {
          title: "时间",
          dataIndex: "time",
        },
        {
          title: "处理情况",
          dataIndex: "logs",
        },
        {
          title: "操作",
          key: "action",
          scopedSlots: { customRender: "action" },
        },
      ],

      data: [
        {
          location: '武昌区',
          detail: '翡翠一品游泳池 余氯超标',
          number: 2.5,
          time: Moment().date(12).format('lll'),
          logs:'未处理',
          level: "一级"
        },
        {
          location: '武昌区',
          detail: '翡翠一品游泳池 余氯超标',
          number: 1.5,
          time: Moment().date(11).format('lll'),
          logs:'未处理',
          level: "二级"
        },
        {
          location: '武昌区',
          detail: '翡翠一品游泳池 浊度超标',
          number: 1.2,
          time: Moment().date(3).format('lll'),
          logs:'未处理',
          level: "三级"
        },
      ],
    };
  },
};
</script>

<style>
</style>