From bca1afd3b4174a74b3419d3d9bf9b27e5311799a Mon Sep 17 00:00:00 2001
From: sin <2943460818@qq.com>
Date: Wed, 8 May 2019 18:35:05 +0800
Subject: [PATCH] =?UTF-8?q?-=20=E6=B7=BB=E5=8A=A0=E4=B8=80=E4=B8=AA?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD=E5=91=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/OrderRefunds/OrderRefundsList.js    | 12 +++--
 .../src/pages/OrderRefunds/TableSearch.js     | 46 +++++++++++++++++--
 2 files changed, 52 insertions(+), 6 deletions(-)

diff --git a/admin-web/src/pages/OrderRefunds/OrderRefundsList.js b/admin-web/src/pages/OrderRefunds/OrderRefundsList.js
index b9e97e283..8230041a2 100644
--- a/admin-web/src/pages/OrderRefunds/OrderRefundsList.js
+++ b/admin-web/src/pages/OrderRefunds/OrderRefundsList.js
@@ -19,9 +19,15 @@ import dictionary from '../../utils/dictionary';
 class OrderRefundsList extends PureComponent {
   componentDidMount() {
     // 查询 list
-    this.queryList({ index: 1 });
+    this.queryList({ index: 1 }, {});
   }
 
+  handleSearch = searchParams => {
+    const { orderRefunds } = this.props;
+    const { index, pageSize } = orderRefunds;
+    this.queryList({ index, pageSize }, searchParams);
+  };
+
   queryList = ({ index = 0, pageSize = 10 }, searchParams) => {
     const { dispatch } = this.props;
     dispatch({
@@ -40,7 +46,7 @@ class OrderRefundsList extends PureComponent {
 
   handleTableChange = pagination => {
     const { pageSize, current } = pagination;
-    this.queryList({ pageSize, index: current });
+    this.queryList({ pageSize, index: current }, {});
   };
 
   render() {
@@ -125,7 +131,7 @@ class OrderRefundsList extends PureComponent {
       <PageHeaderWrapper>
         <Card>
           <div className={styles.tableListForm}>
-            <TableSearch />
+            <TableSearch handleSearch={this.handleSearch} />
           </div>
 
           <Tabs defaultActiveKey={null} onChange={this.handleTabsChange}>
diff --git a/admin-web/src/pages/OrderRefunds/TableSearch.js b/admin-web/src/pages/OrderRefunds/TableSearch.js
index 07aec863a..81b2f9ed2 100644
--- a/admin-web/src/pages/OrderRefunds/TableSearch.js
+++ b/admin-web/src/pages/OrderRefunds/TableSearch.js
@@ -9,11 +9,51 @@ const FormItem = Form.Item;
  * @type {React.ComponentClass<RcBaseFormProps & Omit<FormComponentProps, keyof FormComponentProps>>}
  */
 const TableSearch = Form.create()(props => {
-  const { getFieldDecorator } = props.form;
+  const { getFieldDecorator, form, handleSearch } = props.form;
 
-  function onSubmit() {}
+  function onSubmit(e) {
+    e.preventDefault();
 
-  function handleFormReset() {}
+    form.validateFields((err, fields) => {
+      const buildTime = (fieldValue, key) => {
+        const res = {};
+        if (fieldValue && fieldValue.length >= 2) {
+          const keySuffix = key.substring(0, 1).toUpperCase() + key.substring(1);
+          res[`start${keySuffix}`] = fieldValue[0].format('YYYY-MM-DD HH:mm:ss');
+          res[`end${keySuffix}`] = fieldValue[1].format('YYYY-MM-DD HH:mm:ss');
+        }
+        return res;
+      };
+
+      const timeFields = ['createTime'];
+      const buildSearchParams = fields2 => {
+        let res = {};
+        Object.keys(fields).map(objectKey => {
+          const fieldValue = fields2[objectKey];
+          if (timeFields.indexOf(objectKey) !== -1) {
+            // 处理时间
+            res = {
+              ...res,
+              ...buildTime(fieldValue, objectKey),
+            };
+          } else if (fieldValue !== undefined) {
+            res[objectKey] = fieldValue;
+          }
+          return true;
+        });
+        return res;
+      };
+
+      const searchParams = buildSearchParams(fields);
+      if (handleSearch) {
+        handleSearch(searchParams);
+      }
+    });
+  }
+
+  function handleFormReset() {
+    form.resetFields();
+  }
 
   return (
     <Form onSubmit={onSubmit} layout="inline">