部门列表页

2019-07-06 11:50:56 +08:00
parent 89d875d0a9
commit aa42de21e9
9 changed files with 179 additions and 2 deletions
--- a/admin-web/src/pages/Admin/DeptmentList.js
+++ b/admin-web/src/pages/Admin/DeptmentList.js
@@ -0,0 +1,86 @@
+import React, { PureComponent, Fragment } from 'react';
+import { Button, Card, Table, Form, Divider } from 'antd';
+import PageHeaderWrapper from '@/components/PageHeaderWrapper';
+import { connect } from 'dva';
+import styles from './DeptmentList.less';
+import PaginationHelper from '../../../helpers/PaginationHelper';
+import moment from 'moment';
+
+@connect(({ deptmentList, loading }) => ({
+  deptmentList,
+  deptmentData: deptmentList.deptmentData,
+  loading: loading.models.deptmentList,
+}))
+@Form.create()
+export default class DepetmentList extends PureComponent {
+  componentDidMount() {
+    const { dispatch } = this.props;
+    dispatch({
+      type: 'deptmentList/getDeptmentList',
+      payload: {
+        ...PaginationHelper.defaultPayload,
+      },
+    });
+  }
+
+  render() {
+    const { deptmentData, deptmentList } = this.props;
+    const columns = [
+      {
+        title: '部门名称',
+        dataIndex: 'name',
+      },
+      {
+        title: '排序',
+        dataIndex: 'sort',
+      },
+      {
+        title: '创建时间',
+        dataIndex: 'createTime',
+        sorter: true,
+        render: val => <span>{moment(val).format('YYYY-MM-DD')}</span>,
+      },
+      {
+        title: '操作',
+        render: (text, record) => (
+          <Fragment>
+            <a onClick={() => this.handleModalVisible(true, 'update', record)}>编辑</a>
+            <Divider type="vertical" />
+            <a className={styles.tableDelete} onClick={() => this.handleDelete(record)}>
+              删除
+            </a>
+          </Fragment>
+        ),
+      },
+    ];
+
+    // const {
+    // 	deptmentList: {deptmentData},
+    // 	loading,
+    // } = this.props;
+
+    return (
+      <PageHeaderWrapper>
+        <Card bordered={false}>
+          <div className={styles.tableList}>
+            <div className={styles.tableListOperator}>
+              <Button
+                icon="plus"
+                type="primary"
+                onClick={() => this.handleModalVisible(true, 'add', {})}
+              >
+                新建部门
+              </Button>
+            </div>
+          </div>
+          <Table
+            defaultExpandAllRows={true}
+            columns={columns}
+            dataSource={deptmentData.list ? deptmentData.list : []}
+            rowKey="id"
+          />
+        </Card>
+      </PageHeaderWrapper>
+    );
+  }
+}