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

更新

Browse Source
master_basic
鲁誉程 1 year ago
parent 591a315517
commit 5d9de7af25
17 changed files with 273 additions and 171 deletions
Show Stats Download Patch File Download Diff File

2
src/components/ContentWarp/index.tsx
Unescape View File

@ -2,7 +2,7 @@ import { FC, useEffect, useState } from 'react';
import styles from './index.less'; import styles from './index.less';
interface PageProps { interface PageProps {
style: any; // 样式 style?: any; // 样式
text: string; // 标题 text: string; // 标题
children?: any; // 插槽内容 children?: any; // 插槽内容
} }

4
src/global.less
Unescape View File

@ -3,8 +3,8 @@
@import './styles/antd.less'; @import './styles/antd.less';
::-webkit-scrollbar { ::-webkit-scrollbar {
height: 4px; height: 3px;
width: 4px; width: 3px;
background: rgba(0, 0, 0, 0.1) !important; background: rgba(0, 0, 0, 0.1) !important;
} }

45
src/layouts/BottomConfigInfo/index.less
Unescape View File

@ -0,0 +1,45 @@
.bottom_warp {
width: 100%;
height: 140px;
background: #FFFFFF;
border-radius: 2px 0px 0px 0px;
border-top: 1px solid #D8D8D8;
display: flex;
align-items: center;
justify-content: space-between;
.item_con {
width: 50%;
height: 100%;
display: flex;
._img {
width: 54px;
height: 54px;
margin: 20px;
background-color: saddlebrown;
}
.item_info {
&:nth-child(2),
&:nth-child(3) {
height: 22px;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 22px;
}
}
.item_title {
margin-top: 34px;
height: 26px;
line-height: 26px;
font-size: 16px;
font-weight: 600;
color: #333333;
margin-bottom: 10px;
}
}
}

31
src/layouts/BottomConfigInfo/index.tsx
Unescape View File

@ -0,0 +1,31 @@
import { FC, useEffect, useState } from 'react';
import styles from './index.less';
interface PageProps {
}
const BottomConfigInfo: FC<PageProps> = ({}) => {
return (
<div className={styles.bottom_warp}>
<div className={styles.item_con}>
<div className={styles._img}></div>
<div className={styles.item_info}>
<div className={styles.item_title}>控制端系统配置信息</div>
<div style={{ marginBottom: 6 }}>管理系统名称：--</div>
<div>系统IP：--</div>
</div>
</div>
<div className={styles.item_con}>
<div className={styles._img}></div>
<div className={styles.item_info}>
<div className={styles.item_title}>被控设备配置信息</div>
<div style={{ marginBottom: 6 }}>设备名称：--</div>
<div>连接状态：--</div>
</div>
</div>
</div>
)
}
export default BottomConfigInfo

2
src/layouts/index.less
Unescape View File

@ -143,8 +143,6 @@
.right_route { .right_route {
position: relative; position: relative;
height: calc(100vh - 114px - 52px);
min-height: calc(600px - 52px);
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
background: #F9F9F9; background: #F9F9F9;

15
src/layouts/index.tsx
Unescape View File

@ -6,6 +6,7 @@ import { MenuType, tabsType } from '@/utils/menu';
import { Select, message } from 'antd'; import { Select, message } from 'antd';
import LeftMenuOne from '@/components/LeftMenuOne'; import LeftMenuOne from '@/components/LeftMenuOne';
import LeftMenuTwo from '@/components/LeftMenuTwo'; import LeftMenuTwo from '@/components/LeftMenuTwo';
import BottomConfigInfo from '@/layouts/BottomConfigInfo';
const options2 = [ const options2 = [
{ value: 1, label: 'GLQ管理' }, { value: 1, label: 'GLQ管理' },
@ -13,7 +14,7 @@ const options2 = [
{ value: 3, label: 'SB管理' }, { value: 3, label: 'SB管理' },
{ value: 4, label: 'SF管理' }, { value: 4, label: 'SF管理' },
{ value: 5, label: 'SBJK二维版', disabled: true }, { value: 5, label: 'SBJK二维版', disabled: true },
{ value: 6, label: '设备注册', disabled: true } { value: 6, label: '设备注册', disabled: true }
] ]
const leftMenuType: any = { const leftMenuType: any = {
@ -171,9 +172,19 @@ export default function Layout() {
{/* 左侧内容 */} {/* 左侧内容 */}
<div className={styles.right_warp}> <div className={styles.right_warp}>
<div className={styles.right_route}> <div className={styles.right_route}
style={{
height: selectVal == 1 ?
'calc(100vh - 114px - 141px - 52px)' :
'calc(100vh - 114px - 52px)'
}}
>
<Outlet></Outlet> <Outlet></Outlet>
</div> </div>
{/* GQL管理整个模块页面底部的配置信息 */}
{selectVal == 1 && <BottomConfigInfo />}
{/* 底部信息 */} {/* 底部信息 */}
<div className={styles.footer}> <div className={styles.footer}>
<div>软件当前版本：0.0.0</div> <div>软件当前版本：0.0.0</div>

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

@ -19,51 +19,31 @@ export default function Page() {
}; };
return ( return (
<> <div className={styles.params_warp}>
<div className={styles.params_warp}> <ContentWarp text={'参数设置'}>
<ContentWarp text={'参数设置'} style={{ width: '100%', height: '230px' }}> <div className='pd20'>配置与被控端连接的连接参数</div>
<div className='pd20'>配置与被控端连接的连接参数</div> <div className='line'></div>
<div className='line'></div> <div className='pd20 pb100'>
<div className='pd20 pb100'> <Form form={form} onFinish={onFinish}>
<Form form={form} onFinish={onFinish}> <Form.Item
<Form.Item name="ipAddress"
name="ipAddress" label="本地GLQ后端IP"
label="本地GLQ后端IP" rules={[
rules={[ { required: true, message: '请输入 IP 地址' },
{ required: true, message: '请输入 IP 地址' }, { validator: validateIPAddress },
{ validator: validateIPAddress }, ]}
]} >
> <Input style={{ width: '560px' }} />
<Input style={{ width: '560px' }} /> </Form.Item>
</Form.Item> </Form>
</Form> <div className={styles.btn_warp}>
<div className={styles.btn_warp}> <div className='mr20'>
<div className='mr20'> <ButtonComp text={'建立连接'} onClick={() => form.submit()} />
<ButtonComp text={'建立连接'} onClick={() => form.submit()} />
</div>
<ButtonComp type={'cancel'} text={'参数重置'} onClick={() => { }} />
</div> </div>
</div> <ButtonComp type={'cancel'} text={'参数重置'} onClick={() => form.resetFields()} />
</ContentWarp>
</div>
<div className={styles.bottom_warp}>
<div className={styles.item_con}>
<div className={styles._img}></div>
<div className={styles.item_info}>
<div className={styles.item_title}>控制端系统配置信息</div>
<div style={{marginBottom: 6}}>管理系统名称：--</div>
<div>系统IP：--</div>
</div>
</div>
<div className={styles.item_con}>
<div className={styles._img}></div>
<div className={styles.item_info}>
<div className={styles.item_title}>被控设备配置信息</div>
<div style={{marginBottom: 6}}>设备名称：--</div>
<div>连接状态：--</div>
</div> </div>
</div> </div>
</div> </ContentWarp>
</> </div>
); );
} }

0
src/pages/GLQ/WebMMJ/KeyDestruction/index.less
Unescape View File

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

@ -1,10 +1,29 @@
import styles from './index.less'; import ContentWarp from '@/components/ContentWarp';
import styles from '../../index.less';
import ButtonComp from '@/components/ButtonComp';
import { useState } from 'react';
// 网络MMJ管理 --> 密钥销毁 // 网络MMJ管理 --> 密钥销毁
export default function Page() { export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return ( return (
<div> <div className={styles.params_warp}>
{'网络MMJ管理 --> 密钥销毁'} <ContentWarp text={'密码销毁'}>
<div className='pd20'>销毁被控端设备的安装密钥和分发密钥</div>
<div className='line'></div>
<div className='pd20 pb100'>
<div className={styles.html_con}>
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>
</ContentWarp>
</div> </div>
); );
} }

0
src/pages/GLQ/WebMMJ/KeyRemoteKill/index.less
Unescape View File

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

@ -1,10 +1,30 @@
import styles from './index.less'; import ContentWarp from '@/components/ContentWarp';
import styles from '../../index.less';
import ButtonComp from '@/components/ButtonComp';
import { useState } from 'react';
// 网络MMJ管理 --> MMJ遥毙 // 网络MMJ管理 --> 密码遥毙
export default function Page() { export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return ( return (
<div> <div className={styles.params_warp}>
{'网络MMJ管理 --> MMJ遥毙'} <ContentWarp text={'密码遥毙'}>
<div className='pd20'>销毁被控端设备的初装密钥、安装密钥及分发密钥</div>
<div className='line'></div>
<div className='pd20 pb100'>
<div className={styles.html_con}>
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>
</ContentWarp>
</div> </div>
); );
} }

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

@ -14,72 +14,55 @@ export default function Page() {
return ( return (
<> <div className={styles.params_warp}>
<div className={styles.params_warp}> <ContentWarp text={'密码机初装'}>
<ContentWarp text={'参数设置'} style={{ width: '100%', height: '350px' }}> <div className='pd20'>发送密码机初装数据到被控端设备</div>
<div className='pd20'>配置与被控端连接的连接参数</div> <div className='line'></div>
<div className='line'></div> <div className='pd20 pb100'>
<div className='pd20 pb100'> <Form
<Form form={form}
form={form} onFinish={onFinish}
onFinish={onFinish} labelCol={{ span: 2 }}
labelCol={{ span: 2 }} >
> <Form.Item
<Form.Item name="a3"
name="a3" label="初装密钥"
label="初装密钥" rules={[
rules={[ { required: true, message: '请输入初装密钥' },
{ required: true, message: '请输入初装密钥' }, ]}
]} >
> <Input style={{ width: '560px' }} />
<Input style={{ width: '560px' }} /> </Form.Item>
</Form.Item> <Form.Item
<Form.Item name="a2"
name="a2" label="算法参数"
label="算法参数" rules={[
rules={[ { required: true, message: '请输入算法参数' },
{ required: true, message: '请输入算法参数' }, ]}
]} >
> <Input style={{ width: '560px' }} />
<Input style={{ width: '560px' }} /> </Form.Item>
</Form.Item> <Form.Item
<Form.Item name="a1"
name="a1" label="参数自检码"
label="参数自检码" rules={[
rules={[ { required: true, message: '请输入参数自检码' },
{ required: true, message: '请输入参数自检码' }, ]}
]} >
> <Input style={{ width: '560px' }} />
<Input style={{ width: '560px' }} /> </Form.Item>
</Form.Item> </Form>
</Form> <div className={styles.btn_warp}>
<div className={styles.btn_warp}> <div className='mr20'>
<div className='mr20'> <ButtonComp text={'加载数据'} onClick={() => form.submit()} />
<ButtonComp text={'建立连接'} onClick={() => form.submit()} />
</div>
<ButtonComp type={'cancel'} text={'参数重置'} onClick={() => { }} />
</div> </div>
</div> <div className='mr20'>
</ContentWarp> <ButtonComp type={'cancel'} text={'发送数据'} onClick={() => { }} />
</div> </div>
<div className={styles.bottom_warp}> <ButtonComp type={'cancel'} text={'清空信息'} onClick={() => form.resetFields()} />
<div className={styles.item_con}>
<div className={styles._img}></div>
<div className={styles.item_info}>
<div className={styles.item_title}>控制端系统配置信息</div>
<div style={{ marginBottom: 6 }}>管理系统名称：--</div>
<div>系统IP：--</div>
</div>
</div>
<div className={styles.item_con}>
<div className={styles._img}></div>
<div className={styles.item_info}>
<div className={styles.item_title}>被控设备配置信息</div>
<div style={{ marginBottom: 6 }}>设备名称：--</div>
<div>连接状态：--</div>
</div> </div>
</div> </div>
</div> </ContentWarp>
</> </div>
); );
} }

0
src/pages/GLQ/WebMMJ/MmjRemoteKill/index.less
Unescape View File

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

@ -1,10 +1,30 @@
import styles from './index.less'; import ContentWarp from '@/components/ContentWarp';
import styles from '../../index.less';
import ButtonComp from '@/components/ButtonComp';
import { useState } from 'react';
// 网络MMJ管理 --> MMJ遥毙 // 网络MMJ管理 --> MMJ遥毙
export default function Page() { export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return ( return (
<div> <div className={styles.params_warp}>
{'网络MMJ管理 --> MMJ遥毙'} <ContentWarp text={'密码机遥毙'}>
<div className='pd20'>销毁被控端设备的二次构造数据及全部密钥</div>
<div className='line'></div>
<div className='pd20 pb100'>
<div className={styles.html_con}>
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.erroInfo}>注意：执行此操作后，设备需返厂修复！</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>
</ContentWarp>
</div> </div>
); );
} }

0
src/pages/GLQ/WebMMJ/StatusQuery/index.less
Unescape View File

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

@ -1,10 +1,32 @@
import styles from './index.less'; import ContentWarp from '@/components/ContentWarp';
import styles from '../../index.less';
import ButtonComp from '@/components/ButtonComp';
import { useState } from 'react';
// 网络MMJ管理 --> 状态查询 // 网络MMJ管理 --> 状态查询
export default function Page() { export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
return ( return (
<div> <div className={styles.params_warp}>
{'网络MMJ管理 --> 状态查询'} <ContentWarp text={'密码机状态'}>
<div className='pd20'>隔离器所用密钥数据信息</div>
<div className='line'></div>
<div className='pd20 pb100'>
<div className={styles.html_con}>
<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 type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>
</ContentWarp>
</div> </div>
); );
} }

57
src/pages/GLQ/index.less
Unescape View File

@ -12,49 +12,22 @@
justify-content: flex-end; justify-content: flex-end;
} }
.bottom_warp { .erroInfo {
position: absolute; position: absolute;
bottom: 0; bottom: 20px;
width: 100%; left: 20px;
height: 140px; height: 32px;
background: #FFFFFF; line-height: 32px;
border-radius: 2px 0px 0px 0px; color: red;
opacity: 0.8;
border-top: 1px solid #D8D8D8;
display: flex;
align-items: center;
justify-content: space-between;
} }
.item_con { .html_con {
width: 50%; background: #FFFFFF;
height: 100%; box-shadow: inset 4px 4px 1px 0px rgba(35, 44, 48, 0.32);
display: flex; border-radius: 1px;
border: 1px solid #E3E3E3;
._img { width: 100%;
width: 54px; height: 330px;
height: 54px; overflow: hidden;
margin: 20px; overflow-y: auto;
background-color: saddlebrown;
}
.item_info {
&:nth-child(2), &:nth-child(3) {
height: 22px;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 22px;
}
}
.item_title {
margin-top: 34px;
height: 26px;
line-height: 26px;
font-size: 16px;
font-weight: 600;
color: #333333;
margin-bottom: 10px;
}
} }
Write Preview
Loading…
Cancel
Save