|
@@ -1,9 +1,28 @@
|
|
-import React, { useEffect } from 'react';
|
|
|
|
|
|
+import React, { useEffect, useMemo } from 'react';
|
|
import { Table, Collapse } from 'antd';
|
|
import { Table, Collapse } from 'antd';
|
|
import { connect } from 'dva';
|
|
import { connect } from 'dva';
|
|
import router from 'umi/router';
|
|
import router from 'umi/router';
|
|
|
|
+import { Tabs } from 'antd';
|
|
|
|
|
|
const { Panel } = Collapse;
|
|
const { Panel } = Collapse;
|
|
|
|
+const tabs = [
|
|
|
|
+ {
|
|
|
|
+ label: '清单审核',
|
|
|
|
+ value: 1,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '合同审核',
|
|
|
|
+ value: 2,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: 'PSR审核',
|
|
|
|
+ value: 3,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '其他',
|
|
|
|
+ value: 0,
|
|
|
|
+ },
|
|
|
|
+];
|
|
|
|
|
|
function Auth(props) {
|
|
function Auth(props) {
|
|
const {
|
|
const {
|
|
@@ -84,14 +103,20 @@ function Auth(props) {
|
|
return (
|
|
return (
|
|
<Collapse defaultActiveKey={['0']}>
|
|
<Collapse defaultActiveKey={['0']}>
|
|
<Panel header="未审批" key="0">
|
|
<Panel header="未审批" key="0">
|
|
- <Table
|
|
|
|
- columns={columns}
|
|
|
|
- dataSource={authList}
|
|
|
|
- expandable={{ expandedRowRender: record => renderUnauth(record.nodes) }}
|
|
|
|
- pagination={false}
|
|
|
|
- rowKey="key"
|
|
|
|
- loading={loading.effects['auth/queryVersionByNode'] || loading.models.authList}
|
|
|
|
- />
|
|
|
|
|
|
+ <Tabs>
|
|
|
|
+ {tabs.map(tab => (
|
|
|
|
+ <Tabs.TabPane tab={tab.label} key={tab.value + ''}>
|
|
|
|
+ <Table
|
|
|
|
+ columns={columns}
|
|
|
|
+ dataSource={authList[tab.value]}
|
|
|
|
+ expandable={{ expandedRowRender: record => renderUnauth(record.nodes) }}
|
|
|
|
+ pagination={false}
|
|
|
|
+ rowKey="key"
|
|
|
|
+ loading={loading.effects['auth/queryVersionByNode'] || loading.models.authList}
|
|
|
|
+ />
|
|
|
|
+ </Tabs.TabPane>
|
|
|
|
+ ))}
|
|
|
|
+ </Tabs>
|
|
</Panel>
|
|
</Panel>
|
|
<Panel header="已审批" key="1">
|
|
<Panel header="已审批" key="1">
|
|
<Table
|
|
<Table
|