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

更新

Browse Source
master_basic
鲁誉程 1 year ago
parent 406d151ebd
commit 2c5e79374d
40 changed files with 826 additions and 755 deletions
Show Stats Download Patch File Download Diff File

1
package.json
Unescape View File

@ -10,6 +10,7 @@
},
"dependencies": {
"antd": "^5.11.2",
"moment": "^2.29.4",
"umi": "^4.0.88"
},
"devDependencies": {

0
src/pages/Register/RegisterManage/DeviceSearch/index.less → src/app.tsx
Unescape View File

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

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

19
src/layouts/index.tsx
Unescape View File

@ -3,11 +3,19 @@ import { Outlet, history, useLocation } from 'umi';
import styles from './index.less';
import { useEffect, useState } from 'react';
import { MenuType, tabsType } from '@/utils/menu';
import { Select, message } from 'antd';
import { ConfigProvider, Select, message } from 'antd';
import LeftMenuOne from '@/layouts/LeftMenuOne';
import LeftMenuTwo from '@/layouts/LeftMenuTwo';
import BottomConfigInfo from '@/layouts/BottomConfigInfo';
import zhCN from 'antd/es/locale/zh_CN';
import dayjs from 'dayjs';
import theme from '@/styles/antd.theme';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');
const options2 = [
{ value: 1, label: 'GLQ管理' },
{ value: 2, label: 'MY管理' },
@ -81,7 +89,7 @@ export default function Layout() {
setActiveName(tabList[0].name)
let info = MenuType[tabList[0].name];
if(tabList[0].name == '注册管理') {
if (tabList[0].name == '注册管理') {
history.push(`${info[1].data[1].url}`)
return
}
@ -95,6 +103,12 @@ export default function Layout() {
}, [selectVal])
return (
<ConfigProvider
locale={zhCN}
autoInsertSpaceInButton={false}
componentSize="middle"
theme={theme}
>
<div id={styles.layout_main}>
{/* 顶部导航 */}
<div className={styles.nav_warp}>
@ -200,5 +214,6 @@ export default function Layout() {
</div>
</div>
</div>
</ConfigProvider>
);
}

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

@ -36,7 +36,7 @@ export default function Page() {
<div className='pd20'>配置隔离器与外网设备通信白名单列表</div>
<div className='line'></div>
<div className='pd20 pb100'>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -46,7 +46,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="aaa" label="普密对外服务器IP（仅Ⅱ型隔离器时需配置此项）" rules={[{ required: true, message: '请输入普密对外服务器IP' }]} >

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

@ -48,7 +48,6 @@ export default function Page() {
</div>
</Form>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -58,7 +57,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className={styles.btn_warp}>
<ButtonComp style={{ marginRight: 20 }} text={'发送数据'} onClick={() => { }} />

30
src/pages/MY/KeyBodyManage/Application/index.tsx
Unescape View File

@ -19,13 +19,13 @@ export default function Page() {
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' },
{ 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' }
]
const formItemSty = { width: '32%', marginBottom: 20 };
@ -42,26 +42,26 @@ export default function Page() {
onChange={(e) => setActiveTab(e)} />
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="33" label="" style={{ width: '100%', marginBottom: 20}}>
<Form.Item name="33" label="" style={{ width: '100%', marginBottom: 20 }}>
<Radio.Group>
<Radio value="1"> 申请新密钥体 </Radio>
<Radio value="2"> 申请旧密钥体 </Radio>
</Radio.Group>
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
</Form>
@ -70,8 +70,6 @@ export default function Page() {
</div>
<div className='mb20'>申请情况列表</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -81,7 +79,7 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

21
src/pages/MY/KeyBodyManage/Cleaned/index.tsx
Unescape View File

@ -17,15 +17,15 @@ export default function Page() {
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' }
{ 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 (
@ -39,7 +39,6 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'刷新'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -49,7 +48,7 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

7
src/pages/MY/KeyBodyManage/CodeComparisonTable/index.tsx
Unescape View File

@ -11,8 +11,8 @@ 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 (
@ -22,7 +22,6 @@ export default function Page() {
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -32,7 +31,7 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

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

@ -41,7 +41,6 @@ export default function Page() {
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -51,7 +50,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20 mb20'>
<ButtonComp text={'添加'} onClick={() => { }} />
@ -70,7 +68,6 @@ export default function Page() {
<div>单号：--</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -80,7 +77,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='mb20 mt20 flex_aC' >
<div style={{ marginRight: 12 }}>发往单位</div>
@ -91,10 +87,10 @@ export default function Page() {
<div className='flex_aC_jS mt20'>
<ButtonComp text={'添加'} onClick={() => { }} />
<div className='flex_jE'>
<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={() => {}} />
<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>

50
src/pages/MY/KeyBodyManage/EmailDistr/index.tsx
Unescape View File

@ -19,20 +19,20 @@ export default function Page() {
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' },
{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' },
{ 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' }
]
const formItemSty = { width: '32%', marginBottom: 20 };
@ -50,34 +50,34 @@ export default function Page() {
<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 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<Form.Item name="aaa" label="可下载数量" style={formItemSty}>
<Input style={{width: 260}} />
<Input style={{ width: 260 }} />
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<Form.Item name="aaa" label="&nbsp;&nbsp;&nbsp;&nbsp;下载授权" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<Form.Item name="aaa" label="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优先级" style={formItemSty}>
<Select style={{width: 260}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="结束时间" style={formItemSty}>
<DatePicker style={{width: 260}} />
<DatePicker style={{ width: 260 }} />
</Form.Item>
</Form>
@ -86,7 +86,6 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'配发'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -96,7 +95,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

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

@ -17,10 +17,10 @@ export default function Page() {
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' }
]
return (
@ -32,13 +32,12 @@ export default function Page() {
<div className='mb20 flex_aC_jS'>
<div>密钥体格式列表</div>
<div style={{display: 'flex'}}>
<div style={{ display: 'flex' }}>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'密钥体格式导入'} onClick={() => { }} />
<ButtonComp type={'delete'} text={'删除'} onClick={() => { }} />
</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -48,7 +47,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

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

@ -19,13 +19,13 @@ export default function Page() {
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' },
{ 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' }
]
const formItemSty = { width: '32%', marginBottom: 20 };
@ -43,19 +43,19 @@ export default function Page() {
<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 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
<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 }]} />
</Form.Item>
</Form>
@ -69,7 +69,6 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'全部'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -79,7 +78,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

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

@ -1,7 +1,7 @@
import TabsComp from '@/components/TabsComp';
import styles from '../../../GLQ/index.less';
import { useState } from 'react';
import { ConfigProvider, Form, Input, Modal, Select, Table } from 'antd';
import { Button, ConfigProvider, Form, Input, Modal, Select, Table } from 'antd';
import { tableTheme } from '@/utils/theme';
import { rowClassName } from '@/utils';
import ButtonComp from '@/components/ButtonComp';
@ -71,7 +71,6 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'全部'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -81,7 +80,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Modal
title="请确认或者输入产品编号"
@ -100,14 +98,15 @@ export default function Page() {
类型判断2：
<div>请选择载体1的输入路径</div>
<div className='flex_aC'>
文件路径<Input style={{ width: 260 }} /> <ButtonComp text={'选择'} onClick={() => { }} />
文件路径<Input style={{ width: 260 }} />
<ButtonComp style={{ marginLeft: 20 }} text={'选择'} onClick={() => { }} />
</div>
</div>
<div>类型判断3： 是否到密钥体？</div>
<div>类型判断4： 导入密钥体成功</div>
</div>
<div className='flex_jE mt20'>
<ButtonComp style={{marginRight: 20}} text={'确定'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} text={'确定'} onClick={() => { }} />
<ButtonComp type='cancel' text={'取消'} onClick={() => setVisibility(false)} />
</div>
</Modal>

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

@ -11,25 +11,25 @@ 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' },
{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' }
]
const columns1: 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' },
{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' },
{ 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 [form] = Form.useForm();
@ -54,7 +54,6 @@ export default function Page() {
<div>单号：xxxxxxx</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -64,7 +63,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20 mb20'>
<ButtonComp text={'添加'} onClick={() => { }} />
@ -72,7 +70,7 @@ export default function Page() {
<div className='mb20' style={{ height: 1, background: '#EDEDED' }}></div>
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20' style={{position: 'relative'}}>
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20' style={{ position: 'relative' }}>
<Form.Item name="aaa" label="密钥种类" style={formItemSty}>
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
@ -86,12 +84,11 @@ export default function Page() {
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<div style={{position: 'absolute', right: 0, bottom: '20px'}}>
<div style={{ position: 'absolute', right: 0, bottom: '20px' }}>
<ButtonComp text={'查询'} onClick={() => { }} />
</div>
</Form>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -101,7 +98,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => form.submit()} />

52
src/pages/MY/KeyBodyManage/SubordinateDistr/index.tsx
Unescape View File

@ -13,23 +13,23 @@ export default function Page() {
const [form] = Form.useForm();
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' },
{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' },
{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' },
{ 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' }
]
const formItemSty = { width: '23%', marginBottom: 20 };
@ -47,25 +47,25 @@ export default function Page() {
<Form form={form} layout={'inline'} onFinish={onFinish} className='mt20'>
<Form.Item name="aaa" label="产品名称" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="产品编号" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="载体类型" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="载体型号" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="目的系统" style={formItemSty}>
<Select style={{width: 180}} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<Select style={{ width: 180 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</Form.Item>
<Form.Item name="aaa" label="配发数量" style={formItemSty}>
<Input style={{width: 180}} />
<Input style={{ width: 180 }} />
</Form.Item>
<Form.Item name="aaa" label="申请编号" style={formItemSty}>
<Input style={{width: 180}} />
<Input style={{ width: 180 }} />
</Form.Item>
</Form>
@ -74,9 +74,8 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'配发'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={{ x: 800, y: 41 * 11}}
scroll={{ x: 800, y: 41 * 11 }}
pagination={false}
bordered
columns={columns}
@ -84,7 +83,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

5
src/pages/MY/KeyBodyManage/SystemDistr/index.tsx
Unescape View File

@ -60,7 +60,6 @@ export default function Page() {
<ButtonComp text={'同步'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -70,7 +69,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='mb20' style={{ height: 1, background: '#EDEDED' }}></div>
@ -79,7 +77,6 @@ export default function Page() {
<ButtonComp type={'cancel'} text={'全部'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -89,7 +86,7 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

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

@ -31,7 +31,6 @@ export default function Page() {
<ButtonComp text={'数据导入'} onClick={() => setVisibility(true)} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
@ -41,7 +40,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Modal
title="xx部一体化对称密码管理系统"

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

@ -53,7 +53,7 @@ export default function Page() {
<div className={`${styles.params_warp}`}>
<ButtonComp type={'special'} text={'密钥配置查询'} onClick={() => { }} />
<ButtonComp style={{ margin: '20px 0 ' }} text={'选择设备'} onClick={() => setVisibility(true)} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -63,7 +63,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<Modal
title="选择设备"
@ -90,7 +89,6 @@ export default function Page() {
<ButtonComp text={'查找'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 8 } : {}}
pagination={false}
@ -100,10 +98,9 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp style={{marginRight: 20}} text={'确定'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} text={'确定'} onClick={() => { }} />
<ButtonComp type='cancel' text={'取消'} onClick={() => { }} />
</div>
</Modal>

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

@ -56,11 +56,10 @@ export default function Page() {
<Select style={{ width: 260, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mr16'>启用日期</div>
<DatePicker style={{width: 260}} />
<DatePicker style={{ width: 260 }} />
</div>
<div className='mb10'>可装配的密钥体列表</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -70,14 +69,12 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp text={'装配'} onClick={() => setVisibility(true)} />
</div>
<div className='mb10 mt30'>管理密钥装配列表</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -87,7 +84,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'过滤'} onClick={() => { }} />

2
src/pages/MY/KeyManage/PrivateKey/index.tsx
Unescape View File

@ -41,7 +41,6 @@ export default function Page() {
<div className='mt30 mb30'>专用密钥装配列表</div>
<div className='mb10'>用户密钥装配列表</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 8 } : {}}
pagination={false}
@ -51,7 +50,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'过滤'} onClick={() => { }} />

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

@ -48,7 +48,6 @@ export default function Page() {
{/* 左侧 */}
<div style={{ width: '45%' }}>
<div className='mb20' style={{ color: '#0087DA' }}>目标设备信息列表</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
@ -58,7 +57,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
{/* 中间 */}
<div className={`${styles1.center_w} mb20`}>
@ -72,7 +70,6 @@ export default function Page() {
{/* 底部 */}
<div style={{ width: '45%' }}>
<div className='mb20' style={{ color: '#0087DA' }}>已经配置的设备信息</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData1.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
@ -82,7 +79,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
</div>

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

@ -46,7 +46,6 @@ export default function Page() {
<div>单号：--</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 9 } : {}}
pagination={false}
@ -56,7 +55,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='mb20 mt20 flex_aC' >
<div style={{ marginRight: 12 }}>配发人</div>

8
src/pages/MY/KeyManage/UserKey/index.tsx
Unescape View File

@ -48,19 +48,18 @@ export default function Page() {
<Select style={{ width: 260, marginRight: 20 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mr16'>启用日期</div>
<DatePicker style={{width: 260, marginRight: 20 }} />
<DatePicker style={{ width: 260, marginRight: 20 }} />
</div>
<div className='flex_aC mt20 mb20'>
<div className='mr16'>终止日期</div>
<DatePicker style={{width: 260, marginRight: 20 }} />
<DatePicker style={{ width: 260, marginRight: 20 }} />
<div className='mr16'>应用系统</div>
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<div className='mb10'>可装配的密钥体列表</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -70,14 +69,12 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp text={'装配'} onClick={() => { }} />
</div>
<div className='mb10 mt30'>用户密钥装配列表</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -87,7 +84,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'过滤'} onClick={() => { }} />

16
src/pages/Register/RegisterManage/AppSystemConfig/index.tsx
Unescape View File

@ -13,14 +13,14 @@ export default function Page() {
const [htmlText, setHtmlText] = useState('<div>文本内容</div>')
const columns: any = [
{ title: '设备型号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '设备名称', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '', align: 'center' },
]
return (
<div className={`${styles.params_warp}`}>
<TabsComp
dataSource={[{ id: 1, name: '设备照片维护' }]}
dataSource={[{ id: 1, name: '应用系统配置' }]}
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
@ -37,18 +37,17 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className='flex_jE mt20'>
<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 style={{marginRight: 20}} type={'delete'} 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 style={{ marginRight: 20 }} type={'delete'} text={'删除'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'批量撤销'} onClick={() => { }} />
</div>
</div>
<div style={{ width: '50%' }}>
<ButtonComp type={'special'} text={'设备列表'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 14 }: {}}
scroll={tableData.length > 0 ? { y: 41 * 14 } : {}}
pagination={false}
bordered
columns={columns}
@ -56,7 +55,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
</div>
</div>

5
src/pages/Register/RegisterManage/DevicePhotoMainten/index.tsx
Unescape View File

@ -26,9 +26,8 @@ export default function Page() {
<div className='flex_jS'>
<div style={{ width: 'calc(50% - 20px)' }}>
<ButtonComp type={'special'} text={'设备型号列表（共0条）'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 14 }: {}}
scroll={tableData.length > 0 ? { y: 41 * 14 } : {}}
pagination={false}
bordered
columns={columns}
@ -36,8 +35,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
<div style={{ width: '50%' }}>
<div className={styles1.info}>提示：请选择设备型号，然后选择该型号的照片，照片大小不要超过64KB，建议尺寸为128×128像素。</div>

105
src/pages/Register/RegisterManage/DeviceSearch/index.tsx
Unescape View File

@ -1,9 +1,112 @@
import styles from './index.less';
import TabsComp from '@/components/TabsComp';
import styles from '../../../GLQ/index.less';
import { useState } from 'react';
import { Checkbox, ConfigProvider, DatePicker, Input, 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 [activeTab, setActiveTab] = useState(1)
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' },
{ 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' }
]
let mr30 = { marginRight: 30 }
return (
<div className={`${styles.params_warp}`}>
<TabsComp
dataSource={[{ id: 1, name: '管理盘维护' }]}
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
<div className='mt30 mb30'>请输入或选择查找条件</div>
<div className='flex_aC_jS'>
{/* 左 */}
<div style={{ width: '30%' }}>
<div className='flex_aC_jS' style={{ marginBottom: 70 }}>
<div style={{ width: '45%' }}>
<div className='mb10'>单位名称</div>
<Input style={mr30} />
</div>
<div style={{ width: '45%' }}>
<div className='mb10'>设备名称</div>
<Input style={mr30} />
</div>
</div>
<div>
<div className='mt20 mb10'>实体标识</div>
<Input style={mr30} />
</div>
<div className='mt10' style={{ color: '#666666' }}>提示：若输入项为空，则查找时忽略该条件。</div>
</div>
{/* 中 */}
<div className='flex_aC_jS' style={{ width: '30%' }}>
<div style={{ width: '45%' }}>
<div className='mb10'>单位名称</div>
<Input style={mr30} />
<div className='mb10 mt20'>单位名称</div>
<Input style={mr30} />
<div className='mb10 mt20'>单位名称</div>
<Input style={mr30} />
</div>
<div style={{ width: '45%' }}>
<div className='mb10'>设备名称</div>
<Select style={{ width: '100%' }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mb10 mt20'>单位名称</div>
<Select style={{ width: '100%' }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
<div className='mb10 mt20'>单位名称</div>
<Select style={{ width: '100%' }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
</div>
{/* 右 */}
<div style={{ width: '30%' }}>
<ContentWarp
style={{ padding: '60px 20px 20px 20px' }}
text={<Checkbox onChange={() => { }}>按注册日期</Checkbox>}
>
<div className='flex_aC' style={{ marginBottom: 30 }}>
<div className='mr16'>从</div>
<DatePicker style={{ width: '70%' }} onChange={(e) => { }} />
</div>
<div className='flex_aC' style={{ marginBottom: 30 }}>
<div className='mr16'>到</div>
<DatePicker style={{ width: '70%' }} onChange={(e) => { }} />
</div>
</ContentWarp>
</div>
</div>
<div className='flex_jE mt20 mb20'>
<ButtonComp text={'查询'} onClick={() => { }} />
</div>
<ButtonComp type={'special'} text={'查找结果'} onClick={() => { }} />
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

5
src/pages/Register/RegisterManage/ManageDiskMainten/index.tsx
Unescape View File

@ -30,7 +30,6 @@ export default function Page() {
onChange={(e) => setActiveTab(e)} />
<ButtonComp type={'special'} text={'管理盘列表（共0条）'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -40,8 +39,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt20 mb20'>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'刷新'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} text={'导入'} onClick={() => { }} />
@ -49,7 +46,6 @@ export default function Page() {
</div>
<ButtonComp type={'special'} text={'管理盘文件列表'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -59,7 +55,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

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

@ -26,7 +26,6 @@ export default function Page() {
</Radio.Group>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -36,7 +35,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'执勤区信息'} onClick={() => { }} />

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

@ -52,7 +52,6 @@ export default function Page() {
<ContentWarp text={'核心区信息'}>
<div className='pd20'>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -62,15 +61,14 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
</ContentWarp>
<ButtonComp style={{marginTop: 30}} type={'special'} text={'执勤区信息'} onClick={() => { }} />
<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 }]} />
<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>
@ -96,7 +94,7 @@ export default function Page() {
<ButtonComp type='cancel' style={{ marginRight: 20 }} text={'修改'} onClick={() => { }} />
<ButtonComp type='cancel' text={'删除'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -106,7 +104,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

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

@ -17,10 +17,9 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<ButtonComp style={{marginBottom: 40}} type={'special'} text={'报号维护'} onClick={() => { }} />
<ButtonComp style={{ marginBottom: 40 }} type={'special'} text={'报号维护'} onClick={() => { }} />
<ButtonComp type={'special'} text={'管理系统列表'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -30,8 +29,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'查询版本'} onClick={() => { }} />
</div>

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

@ -19,10 +19,9 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<ButtonComp style={{marginBottom: 40}} type={'special'} text={'远程维护'} onClick={() => { }} />
<ButtonComp style={{ marginBottom: 40 }} type={'special'} text={'远程维护'} onClick={() => { }} />
<ButtonComp type={'special'} text={'下级管理系统信息'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
@ -32,7 +31,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_jE mt30'>
<ButtonComp type={'cancel'} text={'查询版本'} onClick={() => { }} />

14
src/pages/SF/ConfigManage/ParamSingleInstallConfig/index.tsx
Unescape View File

@ -51,9 +51,9 @@ export default function Page() {
<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 }]} />
<Select style={{ width: 260 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 12 } : {}}
pagination={false}
@ -63,7 +63,7 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</ContentWarp>
</div>
<div style={{ width: '60%' }}>
@ -71,7 +71,7 @@ export default function Page() {
<div className='flex_jE mb20'>
<ButtonComp text={'查询'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
@ -81,10 +81,10 @@ export default function Page() {
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={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
@ -94,7 +94,7 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</ContentWarp>
</div>
</div>

8
src/pages/SF/ConfigManage/SFSingleInstallConfig/index.tsx
Unescape View File

@ -45,7 +45,6 @@ export default function Page() {
<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={tableData.length > 0 ? { y: 41 * 12 } : {}}
pagination={false}
@ -55,7 +54,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</ContentWarp>
</div>
<div style={{ width: '60%' }}>
@ -63,7 +61,7 @@ export default function Page() {
<div className='flex_jE mb20'>
<ButtonComp text={'查询'} onClick={() => { }} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
@ -73,10 +71,9 @@ export default function Page() {
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={tableData.length > 0 ? { y: 41 * 4 } : {}}
pagination={false}
@ -86,7 +83,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</ContentWarp>
</div>
</div>

4
src/pages/SF/ResourceManage/AlgorithmDistr/index.tsx
Unescape View File

@ -40,8 +40,6 @@ export default function Page() {
<div style={{ marginRight: 12 }}>载体类型</div>
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
@ -51,8 +49,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_aC_jS mt30'>
<ButtonComp text={'查看记录'} onClick={() => { }} />
<ButtonComp text={'配发'} onClick={() => { }} />

4
src/pages/SF/ResourceManage/AlgorithmMaintenance/index.tsx
Unescape View File

@ -32,8 +32,6 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<ButtonComp style={{ marginBottom: 30 }} type={'special'} text={'算法信息维护'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
@ -43,8 +41,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_aC_jS mt30'>
<ButtonComp text={'导入算法'} onClick={() => { }} />
<div className='flex_aC_jS'>

4
src/pages/SF/ResourceManage/AlgorithmParam/index.tsx
Unescape View File

@ -53,8 +53,6 @@ export default function Page() {
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
@ -64,8 +62,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_aC_jS mt30'>
<ButtonComp text={'查看记录'} onClick={() => { }} />
<ButtonComp text={'配发'} onClick={() => { }} />

2
src/pages/SF/ResourceManage/ParamMaintenance/index.tsx
Unescape View File

@ -40,7 +40,6 @@ export default function Page() {
<Select style={{ width: 200 }} onChange={(e) => { }} options={[{ label: '选项1', value: 1 }]} />
</div>
<ConfigProvider theme={tableTheme}>
<Table
scroll={tableData.length > 0 ? { y: 41 * 10 } : {}}
pagination={false}
@ -50,7 +49,6 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
<div className='flex_aC_jS mt30'>
<ButtonComp text={'导入参数'} onClick={() => { }} />

30
src/styles/antd.theme.ts
Unescape View File

@ -0,0 +1,30 @@
export const theme =
{
token: {
colorPrimary: '#3FAFE2',
colorInfo: '#3FAFE2',
colorLink: '#3FAFE2',
borderRadius: 4,
fontSizeLG:14
},
components: {
Radio: {
radioSize: 16,
dotSize: 6,
},
Modal: {
titleFontSize: 16,
titleLineHeight: 1,
titleColor: "#000"
},
Table: {
headerBg: 'linear-gradient(180deg, #FFFFFF 0%, #DEE7EB 100%)',
headerBorderRadius: 0,
headerColor: '#191919',
rowHoverBg: '#e6f4ff'
},
},
}
export default theme;

8
src/styles/minix.less
Unescape View File

@ -54,6 +54,14 @@
margin-bottom: 30px;
}
.mr30 {
margin-right: 30px;
}
.ml30 {
margin-left: 30px;
}
.line {
width: 100%;

Write Preview
Loading…
Cancel
Save