mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2025-01-24 13:14:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: request headers添加自动提示

Browse Source
This commit is contained in:
wenbo.dong 2017-08-30 14:43:10 +08:00
parent 57f70e9ffc
commit 2d30ed2b9d
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
client/containers/Project/Interface/InterfaceList/InterfaceEditForm.js
View File

@ -6,7 +6,7 @@ import { handlePath } from '../../../../common.js'
import {
Form, Select, Input, Tooltip,
Button, Row, Col, Radio, Icon
Button, Row, Col, Radio, Icon, AutoComplete
} from 'antd';
const FormItem = Form.Item;
@ -23,6 +23,7 @@ const dataTpl = {
const mockEditor = require('./mockEditor.js');
const HTTP_METHOD = constants.HTTP_METHOD;
const HTTP_METHOD_KEYS = Object.keys(HTTP_METHOD);
const HTTP_REQUEST_HEADER = constants.HTTP_REQUEST_HEADER;
class InterfaceEditForm extends Component {
static propTypes = {
@ -85,8 +86,8 @@ class InterfaceEditForm extends Component {
handleSubmit = (e) => {
e.preventDefault();
this.props.form.validateFields((err, values) => {
if (!err) {
if (values.res_body_type === 'json') values.res_body = this.state.res_body;
if (!err) {
if (values.res_body_type === 'json') values.res_body = this.state.res_body;
values.method = this.state.method;
let isfile = false, isHavaContentType = false;
if (values.req_body_type === 'form') {
@ -206,6 +207,10 @@ class InterfaceEditForm extends Component {
}
}
onSelect = (name) => {
console.log(name);
}
render() {
const { getFieldDecorator } = this.props.form;
const formItemLayout = {
@ -248,11 +253,15 @@ class InterfaceEditForm extends Component {
const headerTpl = (data, index) => {
return <Row key={index} className="interface-edit-item-content">
<Col span="4">
<Col span="6">
{getFieldDecorator('req_headers[' + index + '].name', {
initialValue: data.name
})(
<Input placeholder="参数名称" />
<AutoComplete
dataSource={HTTP_REQUEST_HEADER}
filterOption={(inputValue, option) => option.props.children.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1}
placeholder="参数名称"
/>
)}
</Col>
<Col span="6" >
@ -612,4 +621,4 @@ class InterfaceEditForm extends Component {
}
}
export default Form.create()(InterfaceEditForm);
export default Form.create()(InterfaceEditForm);