应用树形列表增加搜索条件

zyd_private/OneStopAppManage/AppTypeTree.js

@@ -4,13 +4,13 @@
  * 一个年份加上校区-学院-专业的树
  * */
 
-import { Tree } from 'antd';
+import { Input, Tree } from 'antd';
 import React, { Component, Fragment } from 'react';
 import Shell from '@/baseComponent/Shell';
 import { getAppTypeList, getListByTreeList } from '@/webPublic/Services';
-import { getPermInfo } from '@/highOrderComponent/Service';
 import { connect } from 'dva';
 import { deepCopy } from '@/webPublic/zyd_public/utils/utils';
+import BlockTitle from '@/baseComponent/BlockTitle';
 
 const { TreeNode } = Tree;
 
@@ -22,7 +22,7 @@ export default class AppTypeTree extends Component {
     super();
     this.state = {
       treeListData: [],
-      initYear: 0,
+      name: '',
     };
   }
 
@@ -67,7 +67,7 @@ export default class AppTypeTree extends Component {
     });
   };
 
-  getList = () => {
+  getList = (name = null) => {
     const { groupId } = this.props;
     const { parentId } = this.state;
     if (!groupId) {
@@ -77,6 +77,7 @@ export default class AppTypeTree extends Component {
       {
         parentId,
         groupId,
+        name,
         cacheKey: Math.random(),
       },
     ).then((treeListData) => {
@@ -147,6 +148,18 @@ export default class AppTypeTree extends Component {
     return dom;
   };
 
+  inputList = () => {
+    const { name } = this.state;
+    return (
+      <Input.Search
+        placeHolder={'应用名称搜索'}
+        onSearch={(value) => {
+          this.getList(value);
+        }}
+        style={{ marginLeft: '10px', width: '150px' }}/>
+    );
+  };
+
   render() {
     const { treeListData, loading, heightSet } = this.state;
     const { selectKey } = this.props;
@@ -160,6 +173,10 @@ export default class AppTypeTree extends Component {
             overflowX: 'auto',
             marginTop: 0,
           }}>
+          <BlockTitle title={'应用'}
+                      isSmall={true}
+                      dom={this.inputList()}
+          />
           <Tree
             onSelect={this.onSelect}
             selectedKeys={[selectKey]}

zyd_private/OneStopAppManage/pageSearch.js

@@ -57,6 +57,13 @@ const handlePageSearch = (props) => {
         return deleteChildren(response);
       },
       condition: [
+        {
+          key: 'groupId',
+          name: '类别',
+          type: 'select',
+          options: props.typeList,
+          required: true,
+        },
         {
           key: 'sysCode',
           type: 'select',
@@ -92,13 +99,7 @@ const handlePageSearch = (props) => {
             },
           ],
         },
-        {
-          key: 'groupId',
-          name: '类别',
-          type: 'select',
-          options: props.typeList,
-          required: true,
-        },
+
       ],
       nameSpan: { big: 6, small: 7 },
       fileSpan: { big: 4, small: 4 },