From bb612cac644482591c5d2d24adb87a76b76c7ed2 Mon Sep 17 00:00:00 2001
From: YunaiV <>
Date: Tue, 19 Mar 2019 04:04:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=EF=BC=9A=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=91=98=E6=A8=A1=E5=9D=97=E5=A2=9E=E5=8A=A0=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E7=9A=84=20ui=20=E3=80=82=E5=85=B7=E4=BD=93?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=9C=AA=E5=AE=8C=E6=88=90~?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin-web/src/pages/Admin/AdminList.js   | 31 ++++++++++++++++++++++-
 admin-web/src/pages/Admin/AdminList.less | 32 ++++++++++++++++++++++++
 2 files changed, 62 insertions(+), 1 deletion(-)

diff --git a/admin-web/src/pages/Admin/AdminList.js b/admin-web/src/pages/Admin/AdminList.js
index 3be15d9fe..26eb689c6 100644
--- a/admin-web/src/pages/Admin/AdminList.js
+++ b/admin-web/src/pages/Admin/AdminList.js
@@ -2,7 +2,7 @@
 
 import React, { PureComponent, Fragment } from 'react';
 import { connect } from 'dva';
-import { Card, Form, Input, Button, Modal, message, Table, Divider, Tree, Spin } from 'antd';
+import {Card, Form, Input, Button, Modal, message, Table, Divider, Tree, Spin, Row, Col, Select, Icon} from 'antd';
 import { checkTypeWithEnglishAndNumbers } from '../../../helpers/validator'
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
 
@@ -324,7 +324,35 @@ class ResourceList extends PureComponent {
     });
   }
 
+  renderSimpleForm() { // TODO 芋艿，搜索功能未完成
+    const {
+      form: { getFieldDecorator },
+    } = this.props;
+    return (
+      <Form onSubmit={this.handleSearch} layout="inline">
+        <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
+          <Col md={8} sm={24}>
+            <FormItem label="昵称">
+              {getFieldDecorator('name')(<Input placeholder="请输入" />)}
+            </FormItem>
+          </Col>
+          <Col md={8} sm={24}>
+            <span className={styles.submitButtons}>
+              <Button type="primary" htmlType="submit">
+                查询
+              </Button>
+              <Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
+                重置
+              </Button>
+            </span>
+          </Col>
+        </Row>
+      </Form>
+    );
+  }
+
   render() {
+    let that = this;
     const { list,  data } = this.props;
     const { count, pageNo, pageSize, roleList, roleCheckedKeys, roleAssignLoading } = data;
     const {
@@ -391,6 +419,7 @@ class ResourceList extends PureComponent {
       <PageHeaderWrapper>
         <Card bordered={false}>
           <div className={styles.tableList}>
+            <div className={styles.tableListForm}>{that.renderSimpleForm()}</div>
             <div className={styles.tableListOperator}>
               <Button
                 icon="plus"
diff --git a/admin-web/src/pages/Admin/AdminList.less b/admin-web/src/pages/Admin/AdminList.less
index ebb45c292..7ad3dac3f 100644
--- a/admin-web/src/pages/Admin/AdminList.less
+++ b/admin-web/src/pages/Admin/AdminList.less
@@ -13,3 +13,35 @@
 .tableDelete {
   color: red;
 }
+
+.tableListForm {
+  :global {
+    .ant-form-item {
+      display: flex;
+      margin-right: 0;
+      margin-bottom: 24px;
+      > .ant-form-item-label {
+        width: auto;
+        padding-right: 8px;
+        line-height: 32px;
+      }
+      .ant-form-item-control {
+        line-height: 32px;
+      }
+    }
+    .ant-form-item-control-wrapper {
+      flex: 1;
+    }
+  }
+  .submitButtons {
+    display: block;
+    margin-bottom: 24px;
+    white-space: nowrap;
+  }
+}
+
+@media screen and (max-width: @screen-lg) {
+  .tableListForm :global(.ant-form-item) {
+    margin-right: 24px;
+  }
+}
\ No newline at end of file