add search input to SearchListArticles

-/yarn.lock
-/package-lock.json
-/dist
-/node_modules
-
-.umi
-.umi-production

-export default {
-  plugins: [
-    ['umi-plugin-block-dev', {
-      layout: 'ant-design-pro',
-    }],
-    ['umi-plugin-react', {
-      dva: true,
-      locale: true,
-      antd: true,
-    }]
-  ],
-}

-# @umi-blocks/ant-design-pro/searchlist
-
-SearchList
-
-## Usage
-
-```sh
-umi block add ant-design-pro/searchlist
-```
-
-## SNAPSHOT
-
-![SNAPSHOT](./snapshot.png)
-
-## LICENSE
-
-MIT

-{
-  "name": "@umi-block/search-list",
-  "version": "0.0.1",
-  "description": "SearchList",
-  "main": "src/index.js",
-  "scripts": {
-    "dev": "umi dev"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/umijs/umi-blocks/ant-design-pro/searchlist"
-  },
-  "dependencies": {
-    "ant-design-pro": "^2.1.1",
-    "antd": "^3.10.9",
-    "react": "^16.6.3"
-  },
-  "devDependencies": {
-    "umi": "^2.3.0-beta.1",
-    "umi-plugin-react": "^1.3.0-beta.1",
-    "umi-plugin-block-dev": "^1.0.0"
-  },
-  "license": "ISC"
-}

-import React, { Component } from 'react';
-import router from 'umi/router';
-import { Input } from 'antd';
-import PageHeaderWrapper from './components/PageHeaderWrapper';
-
-class PAGE_NAME_UPPER_CAMEL_CASE extends Component {
-  handleTabChange = key => {
-    const { match } = this.props;
-    switch (key) {
-      case 'articles':
-        router.push(`${match.url}/articles`);
-        break;
-      case 'applications':
-        router.push(`${match.url}/applications`);
-        break;
-      case 'projects':
-        router.push(`${match.url}/projects`);
-        break;
-      default:
-        break;
-    }
-  };
-
-  handleFormSubmit = value => {
-    // eslint-disable-next-line
-    console.log(value);
-  };
-
-  render() {
-    const tabList = [
-      {
-        key: 'articles',
-        tab: '文章',
-      },
-      {
-        key: 'projects',
-        tab: '项目',
-      },
-      {
-        key: 'applications',
-        tab: '应用',
-      },
-    ];
-
-    const mainSearch = (
-      <div style={{ textAlign: 'center' }}>
-        <Input.Search
-          placeholder="请输入"
-          enterButton="搜索"
-          size="large"
-          onSearch={this.handleFormSubmit}
-          style={{ width: 522 }}
-        />
-      </div>
-    );
-
-    const { match, children, location } = this.props;
-
-    return (
-      <PageHeaderWrapper
-        title="搜索列表"
-        content={mainSearch}
-        tabList={tabList}
-        tabActiveKey={location.pathname.replace(`${match.path}/`, '')}
-        onTabChange={this.handleTabChange}
-      >
-        {children}
-      </PageHeaderWrapper>
-    );
-  }
-}
-
-export default PAGE_NAME_UPPER_CAMEL_CASE;

-import React, { Component, Fragment } from 'react';
+import React, { Component } from 'react';
 import { connect } from 'dva';
-import { Form, Card, Select, List, Tag, Icon, Row, Col, Button } from 'antd';
+import { Form, Card, Select, List, Tag, Icon, Row, Col, Button, Input } from 'antd';
 
 import TagSelect from 'ant-design-pro/lib/TagSelect';
 import StandardFormRow from './components/StandardFormRow';
 import ArticleListContent from './components/ArticleListContent';
+import PageHeaderWrapper from './components/PageHeaderWrapper';
 import styles from './style.less';
 
 const { Option } = Select;
@@ -119,8 +120,24 @@ class SearchList extends Component {
         </div>
       ) : null;
 
+    const mainSearch = (
+      <div style={{ textAlign: 'center' }}>
+        <Input.Search
+          placeholder="请输入"
+          enterButton="搜索"
+          size="large"
+          onSearch={this.handleFormSubmit}
+          style={{ width: 522 }}
+        />
+      </div>
+    );
+
     return (
-      <Fragment>
+      <PageHeaderWrapper
+        title="搜索列表"
+        content={mainSearch}
+        onTabChange={this.handleTabChange}
+      >
         <Card bordered={false}>
           <Form layout="inline">
             <StandardFormRow title="所属类目" block style={{ paddingBottom: 11 }}>
@@ -234,7 +251,7 @@ class SearchList extends Component {
             )}
           />
         </Card>
-      </Fragment>
+      </PageHeaderWrapper>
     );
   }
 }