p6molspfw
/
xgd_system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
master_basic
鲁誉程 2 years ago
parent 0afb034377
commit 36d2b3cf84
30 changed files with 148 additions and 177 deletions
Show Stats Download Patch File Download Diff File

16
src/components/ButtonComp/index.tsx
Unescape View File

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

4
src/pages/GLQ/TeamViewer/ParamsSetting/index.tsx
Unescape View File

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

10
src/pages/GLQ/WebGLQ/LogRecordInfo/index.tsx
Unescape View File

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

22
src/pages/GLQ/WebGLQ/ManageConfig/index.tsx
Unescape View File

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

10
src/pages/GLQ/WebGLQ/ManageConfigInfo/index.tsx
Unescape View File

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

10
src/pages/GLQ/WebGLQ/NetworkConfignInfo/index.tsx
Unescape View File

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

4
src/pages/GLQ/WebGLQ/NetworkParams/index.tsx
Unescape View File

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

23
src/pages/GLQ/WebGLQ/SecurityPolicy/index.tsx
Unescape View File

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

10
src/pages/GLQ/WebGLQ/SecurityPolicyInfo/index.tsx
Unescape View File

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

21
src/pages/GLQ/WebGLQ/ServiceList/index.tsx
Unescape View File

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

10
src/pages/GLQ/WebGLQ/ServiceListInfo/index.tsx
Unescape View File

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

20
src/pages/GLQ/WebGLQ/VpnPolicy/index.tsx
Unescape View File

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

10
src/pages/GLQ/WebGLQ/VpnPolicyInfo/index.tsx
Unescape View File

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

10
src/pages/GLQ/WebGLQ/firewallPolicyInfo/index.tsx
Unescape View File

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

6
src/pages/GLQ/WebMMJ/KeyDestruction/index.tsx
Unescape View File

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

6
src/pages/GLQ/WebMMJ/KeyRemoteKill/index.tsx
Unescape View File

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

8
src/pages/GLQ/WebMMJ/MmjInitInstall/index.tsx
Unescape View File

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

6
src/pages/GLQ/WebMMJ/MmjRemoteKill/index.tsx
Unescape View File

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

8
src/pages/GLQ/WebMMJ/StatusQuery/index.tsx
Unescape View File

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

6
src/pages/MY/KeyBodyManage/Ciphertext/index.tsx
Unescape View File

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

9
src/pages/MY/KeyBodyManage/DistrTriple/index.tsx
Unescape View File

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

3
src/pages/MY/KeyBodyManage/FormatImport/index.tsx
Unescape View File

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

3
src/pages/MY/KeyBodyManage/FormatPublishing/index.tsx
Unescape View File

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

3
src/pages/MY/KeyBodyManage/Import/index.tsx
Unescape View File

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

4
src/pages/MY/KeyBodyManage/Plaintext/index.tsx
Unescape View File

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

9
src/pages/MY/KeyBodyManage/ReceiptForm/index.tsx
Unescape View File

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

4
src/pages/MY/KeyManage/DataMaintenance/index.tsx
Unescape View File

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

52
src/pages/MY/KeyManage/KeyConfigQuery/index.tsx
Unescape View File

@ -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() { 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 ( 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> </div>
); );
} }

7
src/pages/MY/KeyManage/RelationConfig/index.tsx
Unescape View File

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

11
src/pages/MY/KeyManage/TripleKeyDistri/index.tsx
Unescape View File

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

Write Preview
Loading…
Cancel
Save