master_basic
鲁誉程 1 year ago
parent 0afb034377
commit 36d2b3cf84

@ -4,13 +4,15 @@ import styles from './index.less';
interface PageProps {
type?: string; // 按钮类型
text?: string; // 按钮文字
style?: any; //样式
onClick: () => void;
}
const ButtonComp: FC<PageProps> = ({
type = 'confirm',
text = '确定',
onClick
onClick,
style = {}
}) => {
let timerId: any;
@ -22,12 +24,12 @@ const ButtonComp: FC<PageProps> = ({
}
return (
<>
{ type == 'confirm' && <div className={`${styles.btn} ${styles.confirm_btn}`} onClick={click}>{text}</div> }
{ type == 'cancel' && <div className={`${styles.btn} ${styles.cancel_btn}`} onClick={onClick}>{text}</div> }
{ type == 'delete' && <div className={`${styles.btn} ${styles.delete_btn}`} onClick={onClick}>{text}</div> }
{ type == 'special' && <div className={`${styles.btn} ${styles.special_btn}`} onClick={onClick}>{text}</div> }
</>
<div style={{display: 'flex'}}>
{ type == 'confirm' && <div style={style} className={`${styles.btn} ${styles.confirm_btn}`} onClick={click}>{text}</div> }
{ type == 'cancel' && <div style={style} className={`${styles.btn} ${styles.cancel_btn}`} onClick={onClick}>{text}</div> }
{ type == 'delete' && <div style={style} className={`${styles.btn} ${styles.delete_btn}`} onClick={onClick}>{text}</div> }
{ type == 'special' && <div style={style} className={`${styles.btn} ${styles.special_btn}`} onClick={onClick}>{text}</div> }
</div>
)
}

@ -37,9 +37,7 @@ export default function Page() {
</Form.Item>
</Form>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'建立连接'} onClick={() => form.submit()} />
</div>
<ButtonComp style={{marginRight: 20}} text={'建立连接'} onClick={() => form.submit()} />
<ButtonComp type={'cancel'} text={'参数重置'} onClick={() => form.resetFields()} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络GLQ配置 --> 获取配置信息--> 日志记录信息
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'获取日志信息'}>
@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -32,10 +32,10 @@ export default function Page() {
>
<Select
style={{ width: 560 }}
onChange={(e) => {}}
onChange={(e) => { }}
options={[
{label: '前端机平台', value: 1},
{label: '后端机平台', value: 2}
{ label: '前端机平台', value: 1 },
{ label: '后端机平台', value: 2 }
]}
/>
</Form.Item>
@ -48,10 +48,10 @@ export default function Page() {
>
<Select
style={{ width: 560 }}
onChange={(e) => {}}
onChange={(e) => { }}
options={[
{label: '前端机平台', value: 1},
{label: '后端机平台', value: 2}
{ label: '前端机平台', value: 1 },
{ label: '后端机平台', value: 2 }
]}
/>
</Form.Item>
@ -64,10 +64,10 @@ export default function Page() {
>
<Select
style={{ width: 560 }}
onChange={(e) => {}}
onChange={(e) => { }}
options={[
{label: 'no', value: 1},
{label: 'yes', value: 2}
{ label: 'no', value: 1 },
{ label: 'yes', value: 2 }
]}
/>
</Form.Item>
@ -82,9 +82,7 @@ export default function Page() {
</Form.Item>
</Form>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'文件提交'} onClick={() => form.submit()} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'文件提交'} onClick={() => form.submit()} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => form.resetFields()} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络GLQ配置 --> 获取配置信息--> 管理配置信息
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'获取管理配置'}>
@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络GLQ配置 --> 获取配置信息--> 网络配置信息
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'获取网络配置'}>
@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -53,9 +53,7 @@ export default function Page() {
</Form.Item>
</Form>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'文件提交'} onClick={() => form.submit()} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'文件提交'} onClick={() => form.submit()} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => form.resetFields()} />
</div>
</div>

@ -16,7 +16,8 @@ export default function Page() {
};
const columns: any = [
{title: '序号',
{
title: '序号',
key: 'index',
align: 'center',
width: 100,
@ -24,12 +25,12 @@ export default function Page() {
return <span>{index + 1}</span>;
},
},
{title: '单位名称', dataIndex: 'name', key: 'name', align: 'center' },
{title: '设备名称', 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: '设备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' },
]
return (
@ -40,11 +41,11 @@ export default function Page() {
<div className='pd20 pb100'>
<ConfigProvider theme={tableTheme}>
<Table
scroll={{y: 451}}
scroll={{ y: 451 }}
pagination={false}
bordered
columns={columns}
dataSource={[{},{},{},{},{}]}
dataSource={[{}, {}, {}, {}, {}]}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
@ -54,9 +55,7 @@ export default function Page() {
<Form.Item name="aaa" label="普密对外服务器IP仅Ⅱ型隔离器时需配置此项" rules={[{ required: true, message: '请输入普密对外服务器IP' }]} >
<Input style={{ width: '280px' }} />
</Form.Item>
<div style={{ display: 'flex', marginLeft: 20 }}>
<ButtonComp text={'获取普密信息'} onClick={() => form.submit()} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'获取普密信息'} onClick={() => form.submit()} />
</Form>
<div className='mt20'></div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络GLQ配置 --> 获取配置信息--> 获取安全策略
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'获取网络配置'}>
@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -17,7 +17,8 @@ export default function Page() {
};
const columns: any = [
{title: '序号',
{
title: '序号',
key: 'index',
width: 100,
align: 'center',
@ -25,9 +26,9 @@ export default function Page() {
return <span>{index + 1}</span>;
},
},
{title: '服务名称', 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: '服务器IP', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '服务端口', dataIndex: 'name', key: 'name', align: 'center' },
]
return (
@ -45,29 +46,25 @@ export default function Page() {
<Input style={{ width: '280px' }} />
</Form.Item>
<div style={{ display: 'flex', marginLeft: 24 }}>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'端口'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'端口'} onClick={() => { }} />
<ButtonComp text={'提交'} onClick={() => form.submit()} />
</div>
</Form>
<ConfigProvider theme={tableTheme}>
<Table
scroll={{y: 451}}
scroll={{ y: 451 }}
pagination={false}
bordered
columns={columns}
dataSource={[{},{},{},{},{}]}
dataSource={[{}, {}, {}, {}, {}]}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送数据'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送数据'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => { }} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络GLQ配置 --> 获取配置信息--> 服务列表信息
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'获取服务列表'}>
@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -69,11 +69,11 @@ export default function Page() {
>
<Select
style={{ width: 560 }}
onChange={(e) => {}}
onChange={(e) => { }}
options={[
{label: '加密通信', value: 1},
{label: '数据明传', value: 2},
{label: '通信阻断', value: 3}
{ label: '加密通信', value: 1 },
{ label: '数据明传', value: 2 },
{ label: '通信阻断', value: 3 }
]}
/>
</Form.Item>
@ -86,10 +86,10 @@ export default function Page() {
>
<Select
style={{ width: 560 }}
onChange={(e) => {}}
onChange={(e) => { }}
options={[
{label: '允许互PING', value: 1},
{label: '阻断互PING', value: 2}
{ label: '允许互PING', value: 1 },
{ label: '阻断互PING', value: 2 }
]}
/>
</Form.Item>
@ -99,11 +99,9 @@ export default function Page() {
<div className='mr20'>CtrlShift</div>
<ButtonComp text={'提交'} onClick={() => form.submit()} />
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送数据'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送数据'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'信息清空'} onClick={() => form.resetFields()} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络GLQ配置 --> 获取配置信息--> VPN策略信息
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'获取VPN策略'}>
@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络GLQ配置 --> 获取配置信息--> 防火墙策略信息
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'获取防火墙策略'}>
@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络MMJ管理 --> 密钥销毁
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'密码销毁'}>
@ -17,9 +17,7 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络MMJ管理 --> 密码遥毙
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'密码遥毙'}>
@ -17,9 +17,7 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -53,12 +53,8 @@ export default function Page() {
</Form.Item>
</Form>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'加载数据'} onClick={() => form.submit()} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'发送数据'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'加载数据'} onClick={() => form.submit()} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'发送数据'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => form.resetFields()} />
</div>
</div>

@ -6,7 +6,7 @@ import { useState } from 'react';
// 网络MMJ管理 --> MMJ遥毙
export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return (
<div className={styles.params_warp}>
<ContentWarp text={'密码机遥毙'}>
@ -18,9 +18,7 @@ export default function Page() {
</div>
<div className={styles.erroInfo}></div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'状态查询'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'状态查询'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

@ -15,7 +15,7 @@ export default function Page() {
return (
<div className={styles.params_warp}>
<ContentWarp text={'明文密钥体载体包封'}>
<div className='pd20' style={{paddingBottom: 30}}>
<div className='pd20' style={{ paddingBottom: 30 }}>
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="aaa" label="载体类型" style={formItemSty}>
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
@ -26,9 +26,7 @@ export default function Page() {
<Form.Item name="sss" label="文件路径" style={{ width: '80%', marginBottom: 20 }}>
<div style={{ display: 'flex' }}>
<Input style={{ width: 500 }} />
<div style={{ display: 'flex', marginLeft: 20 }}>
<ButtonComp type={'cancel'} text={'选择'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginLeft: 20 }} type={'cancel'} text={'选择'} onClick={() => { }} />
</div>
</Form.Item>
</Form>

@ -91,12 +91,9 @@ export default function Page() {
<div className='flex_aC_jS mt20'>
<ButtonComp text={'添加'} onClick={() => { }} />
<div className='flex_jE'>
<ButtonComp type={'cancel'} text={'移出'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'制作'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'预览'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => {}} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'制作'} onClick={() => {}} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'预览'} onClick={() => {}} />
<ButtonComp type={'cancel'} text={'打印'} onClick={() => {}} />
</div>
</div>

@ -35,8 +35,7 @@ export default function Page() {
<div className='mb20 flex_aC_jS'>
<div></div>
<div style={{display: 'flex'}}>
<ButtonComp type={'cancel'} text={'密钥体格式导入'} onClick={() => { }} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'密钥体格式导入'} onClick={() => { }} />
<ButtonComp type={'delete'} text={'删除'} onClick={() => { }} />
</div>
</div>

@ -62,8 +62,7 @@ export default function Page() {
</Form>
<div className='flex_jE' style={{ marginBottom: 30 }}>
<ButtonComp type={'cancel'} text={'发布'} onClick={() => { }} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'发布'} onClick={() => { }} />
<ButtonComp text={'查询'} onClick={() => form.submit()} />
</div>

@ -63,8 +63,7 @@ export default function Page() {
</Form>
<div className='flex_jE' style={{ marginBottom: 30 }}>
<ButtonComp type={'cancel'} text={'导入'} onClick={() => { }} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'导入'} onClick={() => { }} />
<ButtonComp text={'查询'} onClick={() => form.submit()} />
</div>

@ -35,9 +35,7 @@ export default function Page() {
<Form.Item name="sss" label="文件路径" style={{ width: '80%', marginBottom: 20 }}>
<div style={{ display: 'flex' }}>
<Input style={{ width: 500 }} />
<div style={{ display: 'flex', marginLeft: 20 }}>
<ButtonComp type={'cancel'} text={'选择'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'选择'} onClick={() => { }} />
</div>
</Form.Item>
<Form.Item name="aaa" label="载体位置" style={formItemSty}>

@ -104,12 +104,9 @@ export default function Page() {
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp type={'cancel'} text={'移出'} onClick={() => form.submit()} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'制作'} onClick={() => form.submit()} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'预览'} onClick={() => form.submit()} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => form.submit()} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'制作'} onClick={() => form.submit()} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'预览'} onClick={() => form.submit()} />
<ButtonComp type={'cancel'} text={'打印'} onClick={() => form.submit()} />
</div>
</div>

@ -27,9 +27,7 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<div style={{ display: 'flex' }}>
<ButtonComp type={'special'} text={'管理系统管理盘数据维护'} onClick={() => { }} />
</div>
<ButtonComp type={'special'} text={'管理系统管理盘数据维护'} onClick={() => { }} />
<div className='flex_aC mt20 mb20'>
<ButtonComp text={'数据导入'} onClick={() => { }} />

@ -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>
);
}
}

@ -36,9 +36,7 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<div style={{ display: 'flex' }}>
<ButtonComp type={'special'} text={'管理系统管理盘数据维护'} onClick={() => { }} />
</div>
<ButtonComp type={'special'} text={'管理系统管理盘数据维护'} onClick={() => { }} />
<div className='flex_aC mt20'>
<div className='mr16'></div>
@ -92,8 +90,7 @@ export default function Page() {
</div>
<div className='flex_jE' style={{ marginTop: 30 }}>
<ButtonComp type={'cancel'} text={'取消'} onClick={() => { }} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'取消'} onClick={() => { }} />
<ButtonComp text={'保存'} onClick={() => { }} />
</div>
</div>

@ -67,13 +67,10 @@ export default function Page() {
<div className='flex_aC_jS mt20'>
<ButtonComp text={'添加'} onClick={() => { }} />
<div className='flex_jE'>
<ButtonComp type={'cancel'} text={'移出'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'制作'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'预览'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'打印'} onClick={() => {}} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'制作'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'预览'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'打印'} onClick={() => { }} />
</div>
</div>
</div>

Loading…
Cancel
Save