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

更新

Browse Source
master_basic
鲁誉程 1 year ago
parent 07c9b34a56
commit 86f496e1c9
10 changed files with 230 additions and 21 deletions
Show Stats Download Patch File Download Diff File

8
src/components/ButtonComp/index.less
Unescape View File

@ -33,9 +33,11 @@
}
.special_btn {
background: linear-gradient(180deg, #F4FBFF 0%, #CFE9F6 100%);
background: linear-gradient(rgb(244, 251, 255) 0%, rgb(207, 233, 246) 100%);
box-shadow: 0px 1px 1px 0px rgba(177, 197, 218, 0.5);
border-radius: 4px;
border: 1px solid;
border-image: linear-gradient(180deg, rgba(208, 218, 231, 1), rgba(82, 99, 112, 0)) 1 1;
border: 1px solid #D0DAE7;
font-size: 16px;
color: #333333;
padding: 0 30px;
}

6
src/pages/MY/KeyManage/ManageKeys/index.tsx
Unescape View File

@ -42,12 +42,12 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<ButtonComp type={'special'} text={'用户密钥装配'} onClick={() => { }} />
<ButtonComp type={'special'} text={'管理密钥装配'} onClick={() => { }} />
<div className='flex_aC mt20 mb20'>
<Radio.Group>
<Radio value="1" style={{ marginRight: 100 }}> 申请新密钥体 </Radio>
<Radio value="2"> 申请旧密钥体 </Radio>
<Radio value="1" style={{ marginRight: 100 }}> 使用区密钥状态 </Radio>
<Radio value="2"> 备用区密钥装配 </Radio>
</Radio.Group>
</div>

0
src/pages/SB/DeviceManage/DataSync/index.less
Unescape View File

45
src/pages/SB/DeviceManage/DataSync/index.tsx
Unescape View File

@ -1,9 +1,46 @@
import styles from './index.less';
import styles from '../../../GLQ/index.less';
import { useState } from 'react';
import { ConfigProvider, DatePicker, Input, Modal, Radio, Select, Table } from 'antd';
import { tableTheme } from '@/utils/theme';
import { rowClassName } from '@/utils';
import ButtonComp from '@/components/ButtonComp';
import ContentWarp from '@/components/ContentWarp';
export default function Page() {
const [tableData, setTableData] = useState([]);
const columns: any = [
{ 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 (
<div>
数据同步
<div className={`${styles.params_warp}`}>
<ButtonComp type={'special'} text={'数据同步'} onClick={() => { }} />
<div className='flex_aC mt30 mb30'>
<Radio.Group>
<Radio value="1" style={{ marginRight: 100 }}> 整表同步 </Radio>
<Radio value="2" style={{ marginRight: 100 }}> 增量同步 </Radio>
</Radio.Group>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={{ y: 41 * 5 }}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'执勤区信息'} onClick={() => { }} />
</div>
</div>
);
}
}

0
src/pages/SB/DeviceManage/DutyAreaConfig/index.less
Unescape View File

112
src/pages/SB/DeviceManage/DutyAreaConfig/index.tsx
Unescape View File

@ -1,9 +1,115 @@
import styles from './index.less';
import styles from '../../../GLQ/index.less';
import { useState } from 'react';
import { ConfigProvider, DatePicker, Input, Modal, Radio, Select, Table } from 'antd';
import { tableTheme } from '@/utils/theme';
import { rowClassName } from '@/utils';
import ButtonComp from '@/components/ButtonComp';
import ContentWarp from '@/components/ContentWarp';
export default function Page() {
const [tableData, setTableData] = useState([]);
const [visibility, setVisibility] = useState(false);
const columns: any = [
{ 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' }
]
const columns1: 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: '产品名称', 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={() => { }} />
<div className='flex_aC mt30 mb30'>
<Radio.Group>
<Radio value="1" style={{ marginRight: 100 }}> 上级 </Radio>
<Radio value="2" style={{ marginRight: 100 }}> 本机 </Radio>
<Radio value="3"> 下级 </Radio>
</Radio.Group>
</div>
<ContentWarp text={'核心区信息'}>
<div className='pd20'>
<ConfigProvider theme={tableTheme}>
<Table
scroll={{ y: 41 * 5 }}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
</ContentWarp>
<ButtonComp style={{marginTop: 30}} type={'special'} text={'执勤区信息'} onClick={() => { }} />
<div className='flex_aC mt30 mb30'>
<div className='mr16'>所属网络</div>
<Select style={{ width: 260, margin: '0 20px 0 15px'}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mr16'>隔离器外网IP</div>
<Input style={{ width: 260, marginRight: 20 }} />
<div className='mr16'>对外服务器IP</div>
<Input style={{ width: 260 }} />
</div>
<div className='flex_aC mt20 mb20'>
<div className='mr16'>执勤区名称</div>
<Input style={{ width: 260, marginRight: 20 }} />
<div className='mr16'>隔离器内网IP</div>
<Input style={{ width: 260, marginRight: 20 }} />
<div className='mr16'>默认通联关系</div>
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<div className='flex_aC mt20 mb20'>
<div className='mr16'>网闸号</div>
<Select style={{ width: 260, marginLeft: 27 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<div className='flex_jE mt20 mb20'>
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'添加'} onClick={() => { }} />
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'修改'} onClick={() => { }} />
<ButtonComp type='cancel' text={'删除'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={{ y: 41 * 5 }}
pagination={false}
bordered
columns={columns1}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}
}

0
src/pages/SB/DeviceManage/NumberMaintenance/index.less
Unescape View File

39
src/pages/SB/DeviceManage/NumberMaintenance/index.tsx
Unescape View File

@ -1,9 +1,40 @@
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: '管理系统名称', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '管理实体标识', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '收文报号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '发文报号', dataIndex: 'name', key: 'name', align: 'center' }
]
return (
<div>
<div className={`${styles.params_warp}`}>
<ButtonComp style={{marginBottom: 40}} type={'special'} text={'报号维护'} onClick={() => { }} />
<ButtonComp type={'special'} text={'管理系统列表'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={{ y: 41 * 5 }}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'查询版本'} onClick={() => { }} />
</div>
</div>
);
}
}

0
src/pages/SB/DeviceManage/RemoteMaintenance/index.less
Unescape View File

41
src/pages/SB/DeviceManage/RemoteMaintenance/index.tsx
Unescape View File

@ -1,9 +1,42 @@
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: '单位名称', 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 (
<div>
<div className={`${styles.params_warp}`}>
<ButtonComp style={{marginBottom: 40}} type={'special'} text={'远程维护'} onClick={() => { }} />
<ButtonComp type={'special'} text={'下级管理系统信息'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={{ y: 41 * 5 }}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'查询版本'} onClick={() => { }} />
</div>
</div>
);
}
}
Write Preview
Loading…
Cancel
Save