mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2025-01-06 12:45:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: col filter

Browse Source
This commit is contained in:
zwjamnsss 2017-09-04 11:52:49 +08:00
parent 1c4c93152e
commit d24b3aebc6
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/containers/Project/Interface/InterfaceCol/InterfaceColMenu.js
View File

@ -73,7 +73,8 @@ export default class InterfaceColMenu extends Component {
expandedKeys: [],
colModalType: '',
colModalVisible: false,
editColId: 0
editColId: 0,
filterValue: ''
}
constructor(props) {
@ -187,9 +188,14 @@ export default class InterfaceColMenu extends Component {
this.form = form;
}
filterCol = (e) => {
const value = e.target.value;
this.setState({filterValue: value})
}
render() {
const { currColId, currCaseId, isShowCol } = this.props;
const { colModalType, colModalVisible } = this.state;
const { colModalType, colModalVisible, filterValue } = this.state;
const menu = (col) => {
return (
@ -209,7 +215,7 @@ export default class InterfaceColMenu extends Component {
return (
<div>
<div className="interface-filter">
<Input placeholder="Filter by name" style={{ width: "70%" }} />
<Input placeholder="Filter by name" style={{ width: "70%" }} onChange={this.filterCol} />
<Tooltip placement="bottom" title="添加集合">
<Tag color="#108ee9" style={{ marginLeft: "15px" }} onClick={() => this.showColModal('add')} ><Icon type="plus" /></Tag>
</Tooltip>
@ -223,7 +229,7 @@ export default class InterfaceColMenu extends Component {
onExpand={this.onExpand}
>
{
this.props.interfaceColList.map((col) => (
this.props.interfaceColList.filter(col => col.name.indexOf(filterValue) !== -1).map((col) => (
<TreeNode
key={'col_' + col._id}
title={