master_basic
parent
3561549243
commit
d67aefa675
@ -0,0 +1,104 @@
|
||||
import ContentWarp from '@/components/ContentWarp';
|
||||
import styles from '../../../GLQ/index.less';
|
||||
import ButtonComp from '@/components/ButtonComp';
|
||||
import { ConfigProvider, Select, Table } from 'antd';
|
||||
import { tableTheme } from '@/utils/theme';
|
||||
import { rowClassName } from '@/utils';
|
||||
|
||||
export default function Page() {
|
||||
let serial = {
|
||||
title: '序号', key: 'index', align: 'center', width: 100,
|
||||
render: (a: any, b: any, c: any) => {
|
||||
return <span>{c + 1}</span>;
|
||||
},
|
||||
}
|
||||
const columns: any = [
|
||||
serial,
|
||||
{ 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' }
|
||||
]
|
||||
|
||||
const columns1: any = [
|
||||
serial,
|
||||
{ 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' }
|
||||
]
|
||||
|
||||
const columns2: any = [
|
||||
serial,
|
||||
{ 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 className={styles.params_warp}>
|
||||
<div className='flex_jS'>
|
||||
<div style={{ width: 'calc(40% - 20px)', marginRight: 20 }}>
|
||||
<ContentWarp text={'参数安装配置'} style={{ padding: '45px 20px 20px 20px', minHeight: '623px' }}>
|
||||
<div className='mb20'>选择算法参数</div>
|
||||
<div className='mb20 mt20 flex_aC'>
|
||||
<div className='mr16'>参数集合</div>
|
||||
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
</div>
|
||||
<ConfigProvider theme={tableTheme}>
|
||||
<Table
|
||||
scroll={{ y: 41 * 12 }}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns}
|
||||
dataSource={[{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</ConfigProvider>
|
||||
</ContentWarp>
|
||||
</div>
|
||||
<div style={{ width: '60%' }}>
|
||||
<ContentWarp text={'选择设备'} style={{ padding: '40px 20px 20px 20px', minHeight: '290px' }}>
|
||||
<div className='flex_jE mb20'>
|
||||
<ButtonComp text={'查询'} onClick={() => { }} />
|
||||
</div>
|
||||
<ConfigProvider theme={tableTheme}>
|
||||
<Table
|
||||
scroll={{ y: 41 * 4 }}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns1}
|
||||
dataSource={[{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</ConfigProvider>
|
||||
</ContentWarp>
|
||||
<ContentWarp text={'安装配置成功记录'} style={{ padding: '48px 20px 20px 20px', marginTop: 28, minHeight: '240px' }}>
|
||||
<ConfigProvider theme={tableTheme}>
|
||||
<Table
|
||||
scroll={{ y: 41 * 4 }}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns2}
|
||||
dataSource={[{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</ConfigProvider>
|
||||
</ContentWarp>
|
||||
</div>
|
||||
</div>
|
||||
<div className='flex_jE mt20'>
|
||||
<ButtonComp style={{ marginRight: 20 }} text={'确定'} onClick={() => { }} />
|
||||
<ButtonComp type={'cancel'} text={'载体输出'} onClick={() => { }} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
import styles from './index.less';
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<div>
|
||||
多算法安装配置
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
import styles from './index.less';
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<div>
|
||||
单算法更换配置
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,95 @@
|
||||
import ContentWarp from '@/components/ContentWarp';
|
||||
import styles from '../../../GLQ/index.less';
|
||||
import ButtonComp from '@/components/ButtonComp';
|
||||
import { ConfigProvider, Table } from 'antd';
|
||||
import { tableTheme } from '@/utils/theme';
|
||||
import { rowClassName } from '@/utils';
|
||||
|
||||
export default function Page() {
|
||||
let serial = {
|
||||
title: '序号', key: 'index', align: 'center', width: 100,
|
||||
render: (a: any, b: any, c: any) => {
|
||||
return <span>{c + 1}</span>;
|
||||
},
|
||||
}
|
||||
const columns: any = [
|
||||
serial,
|
||||
{ title: '密码算法名称', dataIndex: 'name', key: 'name', align: 'center' },
|
||||
{ title: '算法标识', dataIndex: 'name', key: 'name', align: 'center' }
|
||||
]
|
||||
|
||||
const columns1: any = [
|
||||
serial,
|
||||
{ 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' }
|
||||
]
|
||||
|
||||
const columns2: any = [
|
||||
serial,
|
||||
{ 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 className={styles.params_warp}>
|
||||
<div className='flex_jS'>
|
||||
<div style={{ width: 'calc(40% - 20px)', marginRight: 20 }}>
|
||||
<ContentWarp text={'算法安装配置'} style={{ padding: '45px 20px 20px 20px', minHeight: '602px' }}>
|
||||
<div className='mb20'>选择算法</div>
|
||||
<ConfigProvider theme={tableTheme}>
|
||||
<Table
|
||||
scroll={{ y: 41 * 12 }}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns}
|
||||
dataSource={[{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</ConfigProvider>
|
||||
</ContentWarp>
|
||||
</div>
|
||||
<div style={{ width: '60%' }}>
|
||||
<ContentWarp text={'选择设备'} style={{ padding: '40px 20px 20px 20px', minHeight: '280px' }}>
|
||||
<div className='flex_jE mb20'>
|
||||
<ButtonComp text={'查询'} onClick={() => { }} />
|
||||
</div>
|
||||
<ConfigProvider theme={tableTheme}>
|
||||
<Table
|
||||
scroll={{ y: 41 * 4 }}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns1}
|
||||
dataSource={[{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</ConfigProvider>
|
||||
</ContentWarp>
|
||||
<ContentWarp text={'安装配置成功记录'} style={{ padding: '48px 20px 20px 20px', marginTop: 28, minHeight: '230px' }}>
|
||||
<ConfigProvider theme={tableTheme}>
|
||||
<Table
|
||||
scroll={{ y: 41 * 4 }}
|
||||
pagination={false}
|
||||
bordered
|
||||
columns={columns2}
|
||||
dataSource={[{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}
|
||||
rowKey={(record: any) => record?.id}
|
||||
rowClassName={rowClassName}
|
||||
/>
|
||||
</ConfigProvider>
|
||||
</ContentWarp>
|
||||
</div>
|
||||
</div>
|
||||
<div className='flex_jE mt20'>
|
||||
<ButtonComp text={'确定'} onClick={() => { }} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -1,9 +1,62 @@
|
||||
import styles from './index.less';
|
||||
import styles from '../../../GLQ/index.less';
|
||||
import { useState } from 'react';
|
||||
import { ConfigProvider, Select, 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' }
|
||||
]
|
||||
|
||||
return (
|
||||
<div>
|
||||
|
||||
<div className={`${styles.params_warp}`}>
|
||||
<ButtonComp type={'special'} text={'算法配发'} onClick={() => { }} />
|
||||
|
||||
<div className='flex_aC mt30 mb30'>
|
||||
<div style={{ marginRight: 12 }}>目的系统</div>
|
||||
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
|
||||
<div style={{ marginRight: 12 }}>配发方式</div>
|
||||
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
|
||||
<div style={{ marginRight: 12 }}>载体类型</div>
|
||||
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
</div>
|
||||
|
||||
<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={() => { }} />
|
||||
<ButtonComp text={'配发'} onClick={() => { }} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,9 +1,75 @@
|
||||
import styles from './index.less';
|
||||
import styles from '../../../GLQ/index.less';
|
||||
import { useState } from 'react';
|
||||
import { ConfigProvider, Select, 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' }
|
||||
]
|
||||
|
||||
return (
|
||||
<div>
|
||||
|
||||
<div className={`${styles.params_warp}`}>
|
||||
<ButtonComp type={'special'} text={'算法配发'} onClick={() => { }} />
|
||||
|
||||
<div className='flex_aC mt30 mb30'>
|
||||
<div style={{ marginRight: 12 }}>目的系统</div>
|
||||
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
|
||||
<div style={{ marginRight: 12 }}>配发方式</div>
|
||||
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
|
||||
<div style={{ marginRight: 12 }}>载体类型</div>
|
||||
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
</div>
|
||||
|
||||
<div className='mb30' style={{ height: 1, background: '#EDEDED' }}></div>
|
||||
|
||||
<div className='flex_aC_jS mb10'>
|
||||
<div>选择算法参数</div>
|
||||
<div className='flex_aC'>
|
||||
<div style={{ marginRight: 12 }}>设备型号</div>
|
||||
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
|
||||
<div style={{ marginRight: 12 }}>参数中文名称</div>
|
||||
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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={() => { }} />
|
||||
<ButtonComp text={'配发'} onClick={() => { }} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,9 +1,66 @@
|
||||
import styles from './index.less';
|
||||
import styles from '../../../GLQ/index.less';
|
||||
import { useState } from 'react';
|
||||
import { ConfigProvider, Select, 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' }
|
||||
]
|
||||
|
||||
return (
|
||||
<div>
|
||||
|
||||
<div className={`${styles.params_warp}`}>
|
||||
<ButtonComp type={'special'} text={'算法参数信息维护'} onClick={() => { }} />
|
||||
|
||||
<div className='flex_aC mt30 mb30'>
|
||||
<div style={{ marginRight: 12 }}>设备型号</div>
|
||||
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
|
||||
<div style={{ marginRight: 12 }}>参数名称</div>
|
||||
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
|
||||
<div style={{ marginRight: 12 }}>参数格式</div>
|
||||
<Select style={{ width: 200, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
|
||||
<div style={{ marginRight: 12 }}>参数类型</div>
|
||||
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
|
||||
</div>
|
||||
|
||||
<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