78 lines
2.5 KiB
JavaScript
78 lines
2.5 KiB
JavaScript
import React from 'react';
|
||
import { Button, Form, Row, Col, Input, Space, Select } from 'antd';
|
||
export default function Render(props) {
|
||
const { systemId, url, apiPath, port, protocol, } = props.data;
|
||
const { t, update, navigateBack, confirm } = props.methods;
|
||
return (<Row>
|
||
<Col xs={24} sm={12}>
|
||
<Form colon={true} labelCol={{ span: 6 }} wrapperCol={{ span: 16 }}>
|
||
<Form.Item label="访问域名" required>
|
||
<>
|
||
<Input placeholder="输入域名，例如：www.abc.com" onChange={(e) => {
|
||
update({
|
||
url: e.target.value,
|
||
});
|
||
}} value={url}/>
|
||
</>
|
||
</Form.Item>
|
||
<Form.Item label="请求路径">
|
||
<>
|
||
<Input onChange={(e) => {
|
||
update({
|
||
apiPath: e.target.value,
|
||
});
|
||
}} value={apiPath}/>
|
||
</>
|
||
</Form.Item>
|
||
<Form.Item label="端口" required>
|
||
<>
|
||
<Input onChange={(e) => {
|
||
const v = e.target.value;
|
||
update({
|
||
port: v ? Number(v) : undefined,
|
||
});
|
||
}} value={port}/>
|
||
</>
|
||
</Form.Item>
|
||
<Form.Item
|
||
//name="protocol"
|
||
required label="协议">
|
||
<>
|
||
<Select
|
||
// mode="multiple"
|
||
allowClear style={{ width: '100%' }} placeholder="请选择协议" value={protocol} onChange={(value) => {
|
||
update({
|
||
protocol: value,
|
||
});
|
||
}} options={[
|
||
{
|
||
label: 'http',
|
||
value: 'http',
|
||
},
|
||
{
|
||
label: 'https',
|
||
value: 'https',
|
||
},
|
||
]}/>
|
||
</>
|
||
</Form.Item>
|
||
|
||
<Form.Item wrapperCol={{ offset: 6 }}>
|
||
<Space>
|
||
<Button type="primary" onClick={() => {
|
||
confirm();
|
||
}}>
|
||
确定
|
||
</Button>
|
||
<Button onClick={() => {
|
||
navigateBack();
|
||
}}>
|
||
返回
|
||
</Button>
|
||
</Space>
|
||
</Form.Item>
|
||
</Form>
|
||
</Col>
|
||
</Row>);
|
||
}
|