- 添加 退货订单列表 未完成

admin-web/src/pages/OrderRefunds/OrderRefundsList.js

@@ -1,22 +1,126 @@
 import React, { PureComponent } from 'react';
 import { connect } from 'dva';
-import { Card, Tabs } from 'antd';
+import moment from 'moment';
+import { Card, Tabs, Table } from 'antd';
 import PageHeaderWrapper from '../../components/PageHeaderWrapper';
+import DictionaryText from '../../components/Dictionary/DictionaryText';
 import TableSearch from './TableSearch';
 import styles from '../List/TableList.less';
 
+import dictionary from '../../utils/dictionary';
+
 /**
  * 订单售后列表
  */
-@connect(({ loading }) => ({
-  loading: loading.models.orderList,
+@connect(({ orderRefunds, loading }) => ({
+  orderRefunds,
+  loading: loading.models.orderRefunds,
 }))
 class OrderRefundsList extends PureComponent {
+  componentDidMount() {
+    // 查询 list
+    this.queryList({ index: 1 });
+  }
+
+  queryList = ({ index = 0, pageSize = 10 }, searchParams) => {
+    const { dispatch } = this.props;
+    dispatch({
+      type: 'orderRefunds/list',
+      payload: {
+        index,
+        pageSize,
+        ...searchParams,
+      },
+    });
+  };
+
   handleTabsChange = value => {
     console.log(value);
   };
 
+  handleTableChange = pagination => {
+    const { pageSize, current } = pagination;
+    this.queryList({ pageSize, index: current });
+  };
+
   render() {
+    const { orderRefunds } = this.props;
+    const { list, totalCount, index, pageSize } = orderRefunds;
+
+    const columns = [
+      {
+        title: '服务编号',
+        dataIndex: 'serviceNumber',
+        key: 'serviceNumber',
+      },
+      {
+        title: '服务类型',
+        dataIndex: 'serviceType',
+        key: 'serviceType',
+        render(serviceType) {
+          return (
+            <DictionaryText dicKey={dictionary.ORDER_RETURN_SERVICE_TYPE} dicValue={serviceType} />
+          );
+        },
+      },
+      {
+        title: '退货原因',
+        dataIndex: 'reason',
+        key: 'reason',
+        render(reason) {
+          return <DictionaryText dicKey={dictionary.ORDER_RETURN_REASON} dicValue={reason} />;
+        },
+      },
+      {
+        title: '备注',
+        dataIndex: 'describe',
+        key: 'describe',
+      },
+      {
+        title: '状态',
+        dataIndex: 'status',
+        key: 'status',
+        render(status) {
+          return <DictionaryText dicKey={dictionary.ORDER_RETURN_STATUS} dicValue={status} />;
+        },
+      },
+      {
+        title: '同意时间',
+        dataIndex: 'approvalTime',
+        key: 'approvalTime',
+        render(approvalTime) {
+          if (approvalTime) {
+            return <div>{moment(approvalTime).format('YYYY-MM-DD HH:mm')}</div>;
+          }
+          return <div>无</div>;
+        },
+      },
+      {
+        title: '申请时间',
+        dataIndex: 'createTime',
+        key: 'createTime',
+        render(createTime) {
+          return <div>{moment(createTime).format('YYYY-MM-DD HH:mm')}</div>;
+        },
+      },
+      {
+        title: '操作',
+        render() {
+          return (
+            <div>
+              <a>同意</a>
+            </div>
+          );
+        },
+      },
+    ];
+
+    const pagination = {
+      total: totalCount,
+      index,
+      pageSize,
+    };
+
     return (
       <PageHeaderWrapper>
         <Card>
@@ -30,6 +134,14 @@ class OrderRefundsList extends PureComponent {
             <Tabs.TabPane tab="已处理" key={2} />
             <Tabs.TabPane tab="已完成" key={4} />
           </Tabs>
+
+          <Table
+            rowKey="id"
+            dataSource={list}
+            columns={columns}
+            pagination={pagination}
+            onChange={this.handleTableChange}
+          />
         </Card>
       </PageHeaderWrapper>
     );

admin-web/src/pages/OrderRefunds/TableSearch.js

@@ -10,7 +10,6 @@ const FormItem = Form.Item;
  */
 const TableSearch = Form.create()(props => {
   const { getFieldDecorator } = props.form;
-  console.log('props.form', props.form);
 
   function onSubmit() {}
 
@@ -20,8 +19,8 @@ const TableSearch = Form.create()(props => {
     <Form onSubmit={onSubmit} layout="inline">
       <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
         <Col md={8} sm={24}>
-          <FormItem label="订单id">
-            {getFieldDecorator('id')(<Input placeholder="请输入订单id" />)}
+          <FormItem label="订单ID">
+            {getFieldDecorator('id')(<Input placeholder="请输入订单ID" />)}
           </FormItem>
         </Col>
         <Col md={8} sm={24}>