|
|
@ -55,8 +55,13 @@ function ipcCamera({aRef}){ |
|
|
|
useImperativeHandle(aRef,() => ({//传给父组件方法 |
|
|
|
//子组件暴露给父组件的方法 |
|
|
|
ipcCameraForm : form.current.validate, |
|
|
|
resetIpcCamera : form.current.reset |
|
|
|
resetIpcCamera : form.current.reset, |
|
|
|
toempty:empty, |
|
|
|
})) |
|
|
|
function empty(){ |
|
|
|
setcloud(null) |
|
|
|
setvoice(null) |
|
|
|
} |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<Form |
|
|
@ -72,6 +77,11 @@ function ipcCamera({aRef}){ |
|
|
|
{ required: true, message: '请输入设备名称' } |
|
|
|
]}/> |
|
|
|
<Form.Input field='Use11rName11' label='设备厂家:' placeholder='请选择设备厂家' style={{ width:307 }}/> |
|
|
|
<Form.Select label="内存:" field='business2' placeholder='未安装' style={{ width:307 }}> |
|
|
|
{memoryList.map((item,index)=>( |
|
|
|
<Form.Select.Option key={index} value={item.id}>{item.value}</Form.Select.Option> |
|
|
|
))} |
|
|
|
</Form.Select> |
|
|
|
<div style={{display:'flex'}}> |
|
|
|
<Form.Input field='Use11rName1312' label='安装位置:' placeholder='请输入或拾取高德经纬度坐标' style={{ width:270 }} |
|
|
|
validate={positionForm} |
|
|
@ -93,8 +103,27 @@ function ipcCamera({aRef}){ |
|
|
|
<img src="../../../assets/images/background/location.png" width={16} height={20}/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<Form.Input field='UserName11' label='设备编号接入:' initValue={''} placeholder='请输入设备编号' style={{ width:307 }}/> |
|
|
|
<div style={{display:'flex',}}> |
|
|
|
<div> |
|
|
|
<Form.Select label="设备类型:" field='business23' placeholder='请选择摄像头类型' style={{ width:160 }} |
|
|
|
rules={[ |
|
|
|
{ required: true, message: '请选择摄像头类型' } |
|
|
|
]}> |
|
|
|
{memoryList.map((item,index)=>( |
|
|
|
<Form.Select.Option key={index} value={item.id}>{item.value}</Form.Select.Option> |
|
|
|
))} |
|
|
|
</Form.Select> |
|
|
|
</div> |
|
|
|
<div style={{marginLeft:7}}> |
|
|
|
<Form.Select noLabel='true' field='business244' placeholder='请选择能力' style={{ width:140 }} |
|
|
|
rules={[ |
|
|
|
{ required: true, message: '请选择能力' } |
|
|
|
]}> |
|
|
|
{memoryList.map((item,index)=>( |
|
|
|
<Form.Select.Option key={index} value={item.id}>{item.value}</Form.Select.Option> |
|
|
|
))} |
|
|
|
</Form.Select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</Col> |
|
|
|
<Col span={12}> |
|
|
@ -133,47 +162,40 @@ function ipcCamera({aRef}){ |
|
|
|
</div>:''} |
|
|
|
</Form.Radio> |
|
|
|
</Form.RadioGroup> |
|
|
|
<div style={{display:'flex'}}> |
|
|
|
<Form.Select label="内存:" field='business2' placeholder='未安装' style={{ width:92 }}> |
|
|
|
{memoryList.map((item,index)=>( |
|
|
|
<Form.Select.Option key={index} value={item.id}>{item.value}</Form.Select.Option> |
|
|
|
))} |
|
|
|
</Form.Select> |
|
|
|
<div style={{marginLeft:18}}> |
|
|
|
<Form.RadioGroup |
|
|
|
labelWidth= '76px' |
|
|
|
label="语音支持:" |
|
|
|
field='role2' |
|
|
|
type='pureCard' |
|
|
|
direction='horizontal' |
|
|
|
style={{padding:0}} |
|
|
|
onChange={(checked) => { |
|
|
|
console.log(checked.target.value); |
|
|
|
if(checked.target.value=='yes'){ |
|
|
|
setvoice('yes') |
|
|
|
} |
|
|
|
else{ |
|
|
|
setvoice('no') |
|
|
|
} |
|
|
|
}}> |
|
|
|
<Form.Radio value="yes" style={{width:58,height:30,padding:0,margin:0,background:'#F9F9F9'}}> |
|
|
|
<div className='voice' style={{width:58,height:30,textAlign:'center',lineHeight:'30px'}}> |
|
|
|
支持 |
|
|
|
</div> |
|
|
|
{voice=='yes'?<div style={{position: 'absolute', top: '-2px', right: '-1px'}}> |
|
|
|
<img src="/assets/images/background/formchoose.png" alt="1" /> |
|
|
|
</div>:''} |
|
|
|
</Form.Radio> |
|
|
|
<Form.Radio value="no" style={{width:58,height:30,padding:0,margin:0,marginLeft:18,background:'#F9F9F9'}}> |
|
|
|
<div className='voice' style={{width:58,height:30,textAlign:'center',lineHeight:'30px'}}> |
|
|
|
不支持 |
|
|
|
</div> |
|
|
|
{voice=='no'?<div style={{position: 'absolute', top: '-2px', right: '-1px'}}> |
|
|
|
<img src="/assets/images/background/formchoose.png" alt="1" /> |
|
|
|
</div>:''} |
|
|
|
</Form.Radio> |
|
|
|
</Form.RadioGroup> |
|
|
|
</div> |
|
|
|
<Form.RadioGroup |
|
|
|
label="语音支持:" |
|
|
|
field='role2' |
|
|
|
type='pureCard' |
|
|
|
direction='horizontal' |
|
|
|
style={{padding:0}} |
|
|
|
onChange={(checked) => { |
|
|
|
console.log(checked.target.value); |
|
|
|
if(checked.target.value=='yes'){ |
|
|
|
setvoice('yes') |
|
|
|
} |
|
|
|
else{ |
|
|
|
setvoice('no') |
|
|
|
} |
|
|
|
}}> |
|
|
|
<Form.Radio value="yes" style={{width:58,height:30,padding:0,margin:0,background:'#F9F9F9'}}> |
|
|
|
<div className='voice' style={{width:58,height:30,textAlign:'center',lineHeight:'30px'}}> |
|
|
|
支持 |
|
|
|
</div> |
|
|
|
{voice=='yes'?<div style={{position: 'absolute', top: '-2px', right: '-1px'}}> |
|
|
|
<img src="/assets/images/background/formchoose.png" alt="1" /> |
|
|
|
</div>:''} |
|
|
|
</Form.Radio> |
|
|
|
<Form.Radio value="no" style={{width:58,height:30,padding:0,margin:0,marginLeft:18,background:'#F9F9F9'}}> |
|
|
|
<div className='voice' style={{width:58,height:30,textAlign:'center',lineHeight:'30px'}}> |
|
|
|
不支持 |
|
|
|
</div> |
|
|
|
{voice=='no'?<div style={{position: 'absolute', top: '-2px', right: '-1px'}}> |
|
|
|
<img src="/assets/images/background/formchoose.png" alt="1" /> |
|
|
|
</div>:''} |
|
|
|
</Form.Radio> |
|
|
|
</Form.RadioGroup> |
|
|
|
<div> |
|
|
|
<Form.Input field='UserName11' label='设备编号接入:' initValue={''} placeholder='请输入设备编号' style={{ width:307 }}/> |
|
|
|
</div> |
|
|
|
<TextArea |
|
|
|
style={{ width:320, height: 90 }} |
|
|
@ -182,30 +204,9 @@ function ipcCamera({aRef}){ |
|
|
|
placeholder='请输入RTMP地址接入' |
|
|
|
/> |
|
|
|
</Col> |
|
|
|
<Col span={18}> |
|
|
|
<div style={{display:'flex',}}> |
|
|
|
<div> |
|
|
|
<Form.Select label="设备类型:" field='business23' placeholder='请选择摄像头类型' style={{ width:160 }} |
|
|
|
rules={[ |
|
|
|
{ required: true, message: '请选择摄像头类型' } |
|
|
|
]}> |
|
|
|
{memoryList.map((item,index)=>( |
|
|
|
<Form.Select.Option key={index} value={item.id}>{item.value}</Form.Select.Option> |
|
|
|
))} |
|
|
|
</Form.Select> |
|
|
|
</div> |
|
|
|
<div style={{marginLeft:7}}> |
|
|
|
<Form.Select noLabel='true' field='business244' placeholder='请选择能力' style={{ width:140 }} |
|
|
|
rules={[ |
|
|
|
{ required: true, message: '请选择能力' } |
|
|
|
]}> |
|
|
|
{memoryList.map((item,index)=>( |
|
|
|
<Form.Select.Option key={index} value={item.id}>{item.value}</Form.Select.Option> |
|
|
|
))} |
|
|
|
</Form.Select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</Col> |
|
|
|
{/* <Col span={18}> |
|
|
|
|
|
|
|
</Col> */} |
|
|
|
</Row> |
|
|
|
</Form> |
|
|
|
</> |
|
|
|