master_basic
parent
86f496e1c9
commit
3561549243
@ -1,9 +1,59 @@
|
||||
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: (a: any, b: any, c: any) => {
|
||||
return <span>{c + 1}</span>;
|
||||
},
|
||||
},
|
||||
{ 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' },
|
||||
{ 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 style={{ marginBottom: 30 }} type={'special'} text={'算法信息维护'} onClick={() => { }} />
|
||||
|
||||
<ConfigProvider theme={tableTheme}>
|
||||
<Table
|
||||
scroll={{ y: 41 * 10 }}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns}
|
||||
dataSource={tableData}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</ConfigProvider>
|
||||
|
||||
<div className='flex_aC_jS mt30'>
|
||||
<ButtonComp text={'导入算法'} onClick={() => { }} />
|
||||
<div className='flex_aC_jS'>
|
||||
<ButtonComp style={{ marginRight: 20 }} text={'查询'} onClick={() => { }} />
|
||||
<ButtonComp style={{ marginRight: 20 }} type={'delete'} text={'删除'} onClick={() => { }} />
|
||||
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'恢复'} onClick={() => { }} />
|
||||
<ButtonComp type={'cancel'} text={'清理'} onClick={() => { }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
Loading…
Reference in new issue