app-base-web
Version:
web development common base package.
123 lines (120 loc) • 3.38 kB
JavaScript
import React from 'react';
import { Form, Row, Col, Button, Input, message } from 'antd';
import api from '../../../library/util-axios';
import Dic from '../../../library/dic';
// 配置管理-FTP服务器配置
const title = "FTP服务器配置";
const url = "CfgFtp/";
export default class FormEdit extends React.Component {
constructor(props) {
super(props);
this.state = {
...props.values
};
this.formRef = React.createRef();
}
onSave = (values) => {
let me = this;
values.id = this.state.id;
api.post(url + "save", values).then(function (rs) {
if (rs.success) {
message.info(rs.msg);
me.props.onSave(values);
} else { message.error(rs.msg); }
});
}
render() {
return (
<Form ref={this.formRef} className="form-edit" layout="vertical" onFinish={this.onSave}>
<div className="form-title">
<i> {title} - {this.state.id ? "编辑" : "录入"}</i>
{this.state.id ? <span><Button className="btn-return" onClick={this.props.onEditReturn}><i className="iconfont icon-return"></i>返回</Button></span> : ""}
</div>
<div className="form-content" style={{ height: this.props.height }}>
<Row>
<Col xs={12}>
<Form.Item
name="name"
label="Ftp名称"
initialValue={this.state.name}
rules={[{ required: true, message: '请输入Ftp名称' }]}
>
<Input />
</Form.Item>
</Col>
<Col xs={12}>
<Form.Item
name="type"
label="类型"
initialValue={String(this.state.type || "")}
rules={[{ required: true, message: '请输入类型' }]}
>
<Dic params={{ app: "ts", type: "Ftp类型" }} />
</Form.Item>
</Col>
</Row>
<Row>
<Col xs={12}>
<Form.Item
name="ip"
label="IP"
initialValue={this.state.ip}
rules={[{ required: true, message: '请输入IP' }]}
>
<Input />
</Form.Item>
</Col>
<Col xs={12}>
<Form.Item
name="port"
label="端口"
initialValue={this.state.port}
rules={[{ required: true, message: '请输入端口' }]}
>
<Input />
</Form.Item>
</Col>
</Row>
<Row>
<Col xs={12}>
<Form.Item
name="userName"
label="登录用户"
initialValue={this.state.userName}
rules={[{ required: true, message: '请输入登陆用户' }]}
>
<Input />
</Form.Item>
</Col>
<Col xs={12}>
<Form.Item
name="password"
label="登录密码"
initialValue={this.state.password}
rules={[{ required: true, message: '请输入登陆密码' }]}
>
<Input />
</Form.Item>
</Col>
</Row>
<Row>
<Col xs={12}>
<Form.Item
name="defaultPath"
label="默认路径"
initialValue={this.state.defaultPath}
rules={[{ required: true, message: '请输入默认路径' }]}
>
<Input />
</Form.Item>
</Col>
</Row>
</div>
<div className="form-toolbar">
<Button className="btn-cancel" onClick={this.props.onCancel}><i className="iconfont icon-cancel"></i>取消</Button>
<Button className="btn-submit" htmlType="submit"><i className="iconfont icon-sumit"></i>提交</Button>
</div>
</Form>
);
}
}