45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
|
import { Badge, Divider, Space, Table } from 'antd';
|
||
|
|
import { ColumnsType } from 'antd/lib/table';
|
||
|
|
import moment from 'moment';
|
||
|
|
import React, { useMemo } from 'react';
|
||
|
|
import OpButton, { DelOpButton, EditOpButton } from '../../../components/crud/OpButton';
|
||
|
|
import { DirItem } from '../../../models/_/defs';
|
||
|
|
import { IContextProp } from './_';
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
const DataTable: React.FC<{
|
||
|
|
ctx: IContextProp
|
||
|
|
}> = ({ ctx }) => {
|
||
|
|
|
||
|
|
const { pager, crud } = ctx;
|
||
|
|
const columns = useMemo<ColumnsType<DirItem>>(() => [
|
||
|
|
{ title: '序号', key: 'id', align: 'center', width: 80, render: (_1: any, _2: any, index: number) => ctx.pager.noRender(index) },
|
||
|
|
{ title: '服务名称', key: 'serviceName', dataIndex: 'serviceName', width: 120 },
|
||
|
|
{ title: '注册时间', key: 'registerTime', dataIndex: 'registerTime', align: 'center', width: 160 },
|
||
|
|
{ title: '最近数据时间', key: 'maxTime', dataIndex: 'maxTime', align: 'center', width: 160 },
|
||
|
|
{ title: '共享数据(条)', key: '共享数据', dataIndex: 'countVo', align: 'center', width: 120, render: val => val?.allCount },
|
||
|
|
// { title: '共享站点数量', key: 'stNum', dataIndex: 'stNum', align: 'center', width: 120 },
|
||
|
|
{
|
||
|
|
title: '操作', key: 'op', align: 'center', width: 120, render: rec =>
|
||
|
|
(<Space split={<Divider type="vertical" />}>
|
||
|
|
<OpButton text='详细'></OpButton>
|
||
|
|
</Space>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
], []);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Table
|
||
|
|
columns={columns}
|
||
|
|
rowKey={row => row.id}
|
||
|
|
{...pager.tableProps}
|
||
|
|
/>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default DataTable
|