|
|
|
@ -20,18 +20,18 @@ export default function Page() {
|
|
|
|
|
const [selectedRowKeys, setSelectedRowKeys] = 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: 'seatName', key: 'seatName', align: 'center' },
|
|
|
|
|
{ title: '系统名称', dataIndex: 'sysName', key: 'sysName', align: 'center' },
|
|
|
|
|
{ title: '实体标识', dataIndex: 'sysEntityId', key: 'sysEntityId', align: 'center' },
|
|
|
|
|
{ title: '310标识', dataIndex: 'sysMarkId', key: 'sysMarkId', align: 'center' },
|
|
|
|
|
{ title: '系统型号', dataIndex: 'sysType', key: 'sysType', align: 'center' },
|
|
|
|
|
{ title: '管理盘号', dataIndex: 'diskNumber', key: 'diskNumber', 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' }
|
|
|
|
|
{ title: 'Ⅰ型隔离器外网IP', dataIndex: 'isolatorExternalIp', key: 'isolatorExternalIp', align: 'center' },
|
|
|
|
|
{ title: '电话号码', dataIndex: 'telephone', key: 'telephone', align: 'center' },
|
|
|
|
|
{ title: '联系人', dataIndex: 'contacts', key: 'contacts', align: 'center' },
|
|
|
|
|
{ title: '联系方式', dataIndex: 'contactsInfo', key: 'contactsInfo', align: 'center' },
|
|
|
|
|
{ title: '席位名称', dataIndex: 'seatName', key: 'seatName', align: 'center' }
|
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
@ -40,6 +40,7 @@ export default function Page() {
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
getList();
|
|
|
|
|
setSelectedRowKeys([])
|
|
|
|
|
}, [pageNumber]);
|
|
|
|
|
|
|
|
|
|
const getList = () => {
|
|
|
|
@ -56,6 +57,7 @@ export default function Page() {
|
|
|
|
|
const initForm = () => {
|
|
|
|
|
form.resetFields()
|
|
|
|
|
setManagerSysType(1)
|
|
|
|
|
setContent('')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const updateList = () => {
|
|
|
|
@ -97,7 +99,7 @@ export default function Page() {
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<div className='flex_jB'>
|
|
|
|
|
<ContentWarp text={'注册信息'} style={{ width: 'calc(72% - 25px)' }}>
|
|
|
|
|
<ContentWarp text={'注册信息'} style={{ width: 'calc(72% - 25px)', minHeight: 400, }}>
|
|
|
|
|
<div className='pd20'>
|
|
|
|
|
<Radio.Group value={layer} onChange={(e) => {
|
|
|
|
|
setLayer(e.target.value)
|
|
|
|
@ -125,21 +127,19 @@ export default function Page() {
|
|
|
|
|
onFinish={onFinish}
|
|
|
|
|
className={styles.formSty}
|
|
|
|
|
>
|
|
|
|
|
{/* <div className='flex_aiC'>
|
|
|
|
|
<div style={{ margin: '20px 0px 0px 0' }}>级别:{layer}</div>
|
|
|
|
|
<Form.Item name="managerSysType" label="管理系统类型">
|
|
|
|
|
<Radio.Group >
|
|
|
|
|
<Radio value={1} style={{ margin: "0 20px 0 20px" }}> 密钥分发平台 </Radio>
|
|
|
|
|
<Radio value={2} > 核心区安全隔离器 </Radio>
|
|
|
|
|
</Radio.Group>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div> */}
|
|
|
|
|
|
|
|
|
|
<div className='flex_jB' style={{ flexWrap: 'nowrap' }}>
|
|
|
|
|
<div style={{ width: '50%', minWidth: 450 }}>
|
|
|
|
|
<div className='flex_fw'>
|
|
|
|
|
<Form.Item name="unitName" label="单位名称" rules={[{ required: true, message: '请输入单位名称' },]}>
|
|
|
|
|
<Input placeholder="请输入单位名称" />
|
|
|
|
|
<Form.Item name="unitName" label="单位名称" rules={[{ required: true, message: '请选择单位名称' },]}>
|
|
|
|
|
<Select
|
|
|
|
|
placeholder="请选择单位名称"
|
|
|
|
|
style={{ width: 200 }}
|
|
|
|
|
options={[
|
|
|
|
|
{ label: '单位1', value: '单位1' },
|
|
|
|
|
{ label: '单位2', value: '单位2' },
|
|
|
|
|
{ label: '单位3', value: '单位3' }
|
|
|
|
|
]}>
|
|
|
|
|
</Select>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
<ButtonComp text={'定位'} style={{ margin: '20px 0 0px 20px' }} onClick={() => { }} />
|
|
|
|
|
</div>
|
|
|
|
@ -149,12 +149,12 @@ export default function Page() {
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex_aiC'>
|
|
|
|
|
<Form.Item name="deviceEntityId" label="实体标识" rules={[{ required: true, message: '请输入实体标识' },]}>
|
|
|
|
|
<Form.Item name="sysEntityId" label="实体标识" rules={[{ required: true, message: '请输入实体标识' },]}>
|
|
|
|
|
<Input placeholder="请输入实体标识" />
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex_aiC'>
|
|
|
|
|
<Form.Item name="deviceMarkId" label="310标识" rules={[{ required: true, message: '请输入310标识' },]}>
|
|
|
|
|
<Form.Item name="sysMarkId" label="310标识" rules={[{ required: true, message: '请输入310标识' },]}>
|
|
|
|
|
<Input placeholder="请输入310标识" />
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
@ -164,8 +164,16 @@ export default function Page() {
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex_aiC'>
|
|
|
|
|
<Form.Item name="managerArea" label="管理区域" rules={[{ required: true, message: '请输入管理区域' },]}>
|
|
|
|
|
<Input placeholder="请输入管理区域" />
|
|
|
|
|
<Form.Item name="managerArea" label="管理区域" rules={[{ required: true, message: '请选择管理区域' },]}>
|
|
|
|
|
<Select
|
|
|
|
|
placeholder="请选择管理区域"
|
|
|
|
|
style={{ width: 200 }}
|
|
|
|
|
options={[
|
|
|
|
|
{ label: '安徽', value: '安徽' },
|
|
|
|
|
{ label: '北京', value: '北京' },
|
|
|
|
|
{ label: '广州', value: '广州' }
|
|
|
|
|
]}>
|
|
|
|
|
</Select>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
{
|
|
|
|
@ -193,7 +201,7 @@ export default function Page() {
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex_aiC'>
|
|
|
|
|
<Form.Item name="pwdServerIp" label="密钥编制服务器IP" rules={[{ required: true, message: '请输入密钥编制服务器IP' },]}>
|
|
|
|
|
<Input placeholder="请输入请输入密钥编制服务器IP" />
|
|
|
|
|
<Input placeholder="请输入密钥编制服务器IP" />
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
</>
|
|
|
|
@ -205,7 +213,7 @@ export default function Page() {
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex_aiC'>
|
|
|
|
|
<Form.Item name="contacts" label="联系人" rules={[{ required: true, message: '请输入联系人' },]}>
|
|
|
|
|
<Input placeholder="请输入请输入联系人" />
|
|
|
|
|
<Input placeholder="请输入联系人" />
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex_aiC'>
|
|
|
|
@ -214,8 +222,16 @@ export default function Page() {
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex_aiC'>
|
|
|
|
|
<Form.Item name="sysType" label="系统型号" rules={[{ required: true, message: '请输入系统型号' },]}>
|
|
|
|
|
<Input placeholder="请输入系统型号" />
|
|
|
|
|
<Form.Item name="sysType" label="系统型号" rules={[{ required: true, message: '请选择系统型号' },]}>
|
|
|
|
|
<Select
|
|
|
|
|
placeholder="请选择系统型号"
|
|
|
|
|
style={{ width: 200 }}
|
|
|
|
|
options={[
|
|
|
|
|
{ label: '型号1', value: 1 },
|
|
|
|
|
{ label: '型号2', value: 2 },
|
|
|
|
|
{ label: '型号3', value: 3 }
|
|
|
|
|
]}>
|
|
|
|
|
</Select>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -228,7 +244,9 @@ export default function Page() {
|
|
|
|
|
|
|
|
|
|
<div className='ml20' style={{ height: 'auto', width: '27%', marginTop: 8 }}>
|
|
|
|
|
<div className='mb10'>设备照片</div>
|
|
|
|
|
<div style={{ height: "calc(50% - 27px)", border: '1px solid #d8d8d8', background: '#fff' }}></div>
|
|
|
|
|
<div style={{ height: "calc(50% - 27px)", border: '1px solid #d8d8d8', background: '#fff' }}>
|
|
|
|
|
<img src="" style={{ width: '100%', height: '100%' }} />
|
|
|
|
|
</div>
|
|
|
|
|
<div className='mb10 mt20'>备注</div>
|
|
|
|
|
<TextArea
|
|
|
|
|
style={{ height: "calc(50% - 44px)", resize: 'none' }}
|
|
|
|
|