88 lines
1.8 KiB
Vue
88 lines
1.8 KiB
Vue
<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> |