master_basic
鲁誉程 1 year ago
parent eee41e5aac
commit 2cbf8c49b9

@ -113,6 +113,7 @@ const routes = [
// ------------------------------设备注册-----------------------------------
// 注册管理
{ path: '/registerManage/deviceRegister/:id', name: '设备注册111', component: '@/pages/Register/RegisterManage/DeviceRegister' },
{ path: '/registerManage/manageDiskMainten', name: '管理盘维护', component: '@/pages/Register/RegisterManage/ManageDiskMainten' },
{ path: '/registerManage/devicePhotoMainten', name: '设备照片维护', component: '@/pages/Register/RegisterManage/DevicePhotoMainten' },
{ path: '/registerManage/deviceSearch', name: '设备查找', component: '@/pages/Register/RegisterManage/DeviceSearch' },

@ -90,12 +90,6 @@ export default function Layout() {
if (tabList.length > 0 && !layoutInfo) {
setActiveName(tabList[0].name)
let info = MenuType[tabList[0].name];
if (tabList[0].name == '注册管理') {
history.push(`${info[1].data[1].url}`)
return
}
if (info[0].data) {
history.push(`${info[0].data[0].url}`)
} else {

@ -0,0 +1,109 @@
import ButtonComp from '@/components/ButtonComp';
import ContentWarp from '@/components/ContentWarp';
import { rowClassName } from '@/utils';
import { Input, Radio, Select, Table } from 'antd';
import { useState } from 'react';
const { TextArea } = Input;
export default function Page() {
const [tableData, setTableData] = useState([]);
const [layer, setLayer] = useState(2);
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: '310标识', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '系统信号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '管理盘号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '所属网络', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '型隔离器外网IP', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '电话号码', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '联系人', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '联系方式', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '席位名称', dataIndex: 'name', key: 'name', align: 'center' }
]
let inputSty = { width: 220, marginLeft: 16, marginRight: 10 };
let inputSty1 = { width: 220, marginLeft: 18, marginRight: 10 };
return (
<div>
<div className='flex_jS'>
<ContentWarp text={'注册信息'} style={{ width: 'calc(72% - 25px)' }}>
<div className='pd20'>
<Radio.Group value={layer} onChange={(e) => { setLayer(e.target.value) }}>
<Radio value={1} style={{ marginRight: 70 }}> </Radio>
<Radio value={2} style={{ marginRight: 70 }}> </Radio>
<Radio value={3} style={{ marginRight: 70 }}> </Radio>
<Radio value={4} > </Radio>
</Radio.Group>
<div className='mb10 mt20 flex_aC'>
<div style={{ marginRight: 80 }}>1</div>
<div className='mr16'></div>
<Radio.Group>
<Radio value="1" style={{ marginRight: 30 }}> </Radio>
<Radio value="2" > </Radio>
</Radio.Group>
</div>
<div className='flex_jS' style={{ flexWrap: 'nowrap' }}>
<div style={{ width: '50%', minWidth: 450 }}>
<div className='flex_aC mt20 pl60'>
<Input style={inputSty} />
<ButtonComp text={'定位'} onClick={() => { }} />
</div>
{layer == 2 && <div className='flex_aC mt20 pl60'><Input style={inputSty} /></div>}
<div className='flex_aC mt20 pl60'><Input style={inputSty} /></div>
<div className='flex_aC mt20 pl60'><Input style={inputSty} /></div>
<div className='flex_aC mt20 pl60'>310<Input style={inputSty} /></div>
<div className='flex_aC mt20'>IP <Input style={inputSty1} /></div>
<div className='flex_aC mt20 pl60'><Input style={inputSty} /></div>
{ layer == 3 && <div className='flex_aC mt20 pl60'><Input style={inputSty} /></div>}
</div>
<div style={{ width: '50%', minWidth: 400 }}>
<div className='flex_aC mt20 pl55'><Input style={inputSty} /></div>
{layer == 2 && <>
<div className='flex_aC mt20'>IP<Input style={inputSty} /></div>
<div className='flex_aC mt20'>IP<Input style={inputSty} /></div>
</>}
<div className='flex_aC mt20 pl55'><Input style={inputSty} /></div>
<div className='flex_aC mt20 pl70'><Input style={inputSty} /></div>
<div className='flex_aC mt20 pl55'> <Input style={inputSty1} /></div>
<div className='flex_aC mt20 pl55'><Input style={inputSty} /></div>
</div>
</div>
</div>
</ContentWarp>
<div className='ml20' style={{ height: 455, width: '27%', marginTop: 8 }}>
<div className='mb10'></div>
<div style={{ height: [2,3].includes(layer) ? 217 : 193, border: '1px solid #d8d8d8', background: '#fff' }}></div>
<div className='mb10 mt20'></div>
{/* <div style={{ height: [2,3].includes(layer) ? 217 : 193, border: '1px solid #d8d8d8', background: '#fff' }}>
<TextArea rows={4} placeholder="请输入备注" maxLength={6} />
</div> */}
<TextArea
style={{ height: [2,3].includes(layer) ? 217 : 193, resize: 'none' }}
placeholder="请输入备注" />
</div>
</div>
<div className='flex_jE mt30 mb30'>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'修改'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'添加'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'删除'} onClick={() => { }} />
</div>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -0,0 +1,104 @@
import ButtonComp from '@/components/ButtonComp';
import ContentWarp from '@/components/ContentWarp';
import { rowClassName } from '@/utils';
import { Input, Select, Table } from 'antd';
import { useState } from 'react';
const { TextArea } = Input;
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: '310标识', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '设备信号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '管理盘号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '所属网络', dataIndex: 'name', key: 'name', align: 'center' },
{ title: 'IP地址', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '电话号码', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '联系人', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '联系方式', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '席位名称', dataIndex: 'name', key: 'name', align: 'center' }
]
let inputSty = { width: 230, marginLeft: 16, marginRight: 10 };
let inputSty1= { width: 230, marginLeft: 18, marginRight: 10 };
return (
<div>
<div className='flex_jS'>
<ContentWarp text={'注册信息'} style={{ width: 'calc(70% - 25px)' }}>
<div className='pd20'>
<div className='mb10'>1</div>
<div className='flex_aC_jS' style={{flexWrap: 'nowrap'}}>
<div style={{ width: '50%', minWidth: 450 }}>
<div className='flex_aC mt20'>
<Input style={inputSty} />
<ButtonComp text={'定位'} onClick={() => { }} />
</div>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
<div className='flex_aC mt20'>
<Input style={inputSty} />
<Select style={{width: 64, marginLeft: 12}} />
</div>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
<div className='flex_aC mt20'>310 <Input style={inputSty1}/></div>
<div className='flex_aC mt20'>
<Input style={inputSty} />
<ButtonComp text={'选择'} onClick={() => { }} />
</div>
</div>
<div style={{ width: '50%', minWidth: 400 }}>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
<div className='flex_aC mt20'>310 <Input style={inputSty1}/></div>
<div className='flex_aC mt20'><Input style={inputSty} /></div>
</div>
</div>
</div>
</ContentWarp>
<div className='ml20' style={{ height: 455, width: '30%', marginTop: 8}}>
<div className='mb10'></div>
<div style={{ height: 193, border: '1px solid #d8d8d8', background: '#fff' }}></div>
<div className='mb10 mt20'></div>
<TextArea
style={{ height: 193, resize: 'none' }}
placeholder="请输入备注" />
</div>
</div>
<div className='flex_aC_jS mt30 mb30'>
<div className='flex_aC'>
<ButtonComp style={{ marginRight: 20 }} text={'批量设备注册'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} text={'批量导入导出'} onClick={() => { }} />
<ButtonComp text={'密钥分发平台设备导入'} onClick={() => { }} />
</div>
<div className='flex_aC'>
<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={'cancel'} text={'恢复'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'恢复'} onClick={() => { }} />
</div>
</div>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</div>
);
}

@ -0,0 +1,18 @@
.mainInfo {
width: calc(100vw - 261px);
position: fixed;
bottom: 54px;
right: 0;
height: 50px;
background: linear-gradient(180deg, #F4FAFF 0%, #C6E7FF 100%);
box-shadow: 0px -2px 4px 0px rgba(228, 230, 232, 0.5);
border-radius: 1px;
color: #666;
display: flex;
justify-content: space-between;
align-items: center;
div {
padding: 0 20px;
}
}

@ -0,0 +1,30 @@
import TabsComp from '@/components/TabsComp';
import styles from '../../../GLQ/index.less';
import styles1 from './index.less';
import { useState } from 'react';
import DeviceTab from './DeviceTab';
import AdminsTab from './AdminsTab';
export default function Page() {
const [activeTab, setActiveTab] = useState(1)
return (
<div className={`${styles.params_warp} ${styles.params_warp}`}>
<TabsComp
dataSource={[{ id: 1, name: '设备注册' }, { id: 2, name: '管理系统注册' }]}
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
{ activeTab == 1 && <DeviceTab/> }
{ activeTab == 2 && <AdminsTab/> }
{/* 占位 */}
<div style={{marginBottom: 50}}></div>
{/* 底部固定信息 */}
<div className={styles1.mainInfo}>
<div>XXXX</div>
<div> 1 0 </div>
</div>
</div>
);
}

@ -27,26 +27,33 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<TabsComp
dataSource={[{ id: 1, name: '管理盘维护' }]}
dataSource={[{ id: 1, name: '信息汇总' }]}
activeTab={activeTab}
onChange={(e) => setActiveTab(e)} />
<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 className='flex_aC_jS mb20'>
<ContentWarp
style={{ padding: '50px 20px 20px 20px', width: 'calc(100% - 140px)' }}
text={'数据收集共0条'}
>
<div className='flex_aC mb20'>
<div>20</div>
<ButtonComp style={{ marginLeft: 40 }} text={'设置'} onClick={() => { }} />
</div>
<Table
scroll={tableData.length > 0 ? { y: 41 * 5 } : {}}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ContentWarp>
<div className='flex_jE mt20 mb20'>
<ButtonComp text={'查询'} onClick={() => { }} />
<div className='flex_jE mt20 ml20'>
<ButtonComp text={'查询'} onClick={() => { }} />
</div>
</div>
<ButtonComp type={'special'} text={'查找结果'} onClick={() => { }} />
@ -59,6 +66,24 @@ export default function Page() {
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
<ContentWarp
style={{ padding: '50px 20px 20px 20px', marginTop: 32 }}
text={'数据上报'}
>
<div className='flex_aC mb20'>
<div>20</div>
<ButtonComp style={{ marginLeft: 40 }} text={'设置'} onClick={() => { }} />
</div>
<div className='flex_aC'>
<div className='mr16'>--</div>
<Input style={{width: 260, marginRight: 120}}/>
<div className='mr16'></div>
<Input style={{width: 260}}/>
<ButtonComp style={{ marginLeft: 40 }} text={'设置'} onClick={() => { }} />
</div>
</ContentWarp>
</div>
);
}

@ -45,7 +45,7 @@ export default function Page() {
<div className='flex_aC mt30 mb30'>
<Radio.Group>
<Radio value="1" style={{ marginRight: 100 }}> </Radio>
<Radio value="2" style={{ marginRight: 100 }}> </Radio>
<Radio value="2" style={{ marginRight: 100 }}> </Radio>
<Radio value="3"> </Radio>
</Radio.Group>
</div>

@ -30,6 +30,18 @@
padding-top: 10px;
}
.pl60 {
padding-left: 60px;
}
.pl70 {
padding-left: 70px;
}
.pl55 {
padding-left: 55px;
}
.mt10 {
margin-top: 10px;
}

@ -208,7 +208,13 @@ export const MenuType: any = {
'算法托收管理': [],
'算法邮箱管理': [],
'注册管理': [
{ name: '设备注册', check: true, data: [] },
{
name: '设备注册',
check: true,
data: [
{ name: '树', url: '/registerManage/deviceRegister/1', img: '' },
]
},
{
name: '注册信息管理',
check: true,

Loading…
Cancel
Save