master_basic
parent
0afb034377
commit
36d2b3cf84
@ -1,9 +1,53 @@
|
||||
import styles from './index.less';
|
||||
import styles from '../../../GLQ/index.less';
|
||||
import { useState } from 'react';
|
||||
import { ConfigProvider, Table } from 'antd';
|
||||
import { tableTheme } from '@/utils/theme';
|
||||
import { rowClassName } from '@/utils';
|
||||
import ButtonComp from '@/components/ButtonComp';
|
||||
|
||||
export default function Page() {
|
||||
const [tableData, setTableData] = useState([]);
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
key: 'index',
|
||||
align: 'center',
|
||||
width: 100,
|
||||
render: (text: any, record: any, index: any) => {
|
||||
return <span>{index + 1}</span>;
|
||||
},
|
||||
},
|
||||
{ title: '产品名称', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '管理实体标识', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '000标识', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: 'IP地址', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '密钥种类名称', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '密钥类型', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '使用区/备用区', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '产品编号', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '安装方式', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '启用日期', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '终止日期', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '密钥套号', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '协同管理标志', dataIndex: 'name', key: 'name', align: 'center' }
|
||||
]
|
||||
|
||||
return (
|
||||
<div>
|
||||
|
||||
<div className={`${styles.params_warp}`}>
|
||||
<ButtonComp type={'special'} text={'密钥配置查询'} onClick={() => { }} />
|
||||
<ButtonComp style={{margin: '20px 0 '}} text={'选择设备'} onClick={() => { }} />
|
||||
<ConfigProvider theme={tableTheme}>
|
||||
<Table
|
||||
scroll={{ y: 41 * 9 }}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns}
|
||||
dataSource={tableData}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</ConfigProvider>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
Loading…
Reference in new issue