|
@@ -1,5 +1,5 @@
|
|
import React, { useState } from 'react';
|
|
import React, { useState } from 'react';
|
|
-import { Row, Col, Button, Drawer, Grid, Pagination } from 'antd';
|
|
|
|
|
|
+import { Row, Col, Button, Drawer, Grid } from 'antd';
|
|
import { SettingOutlined } from '@ant-design/icons';
|
|
import { SettingOutlined } from '@ant-design/icons';
|
|
import { FormattedMessage } from 'react-intl';
|
|
import { FormattedMessage } from 'react-intl';
|
|
import WorklistTable from './components/WorklistTable';
|
|
import WorklistTable from './components/WorklistTable';
|
|
@@ -12,7 +12,7 @@ const HistorylistPage: React.FC = () => {
|
|
const [drawerVisible, setDrawerVisible] = useState(false);
|
|
const [drawerVisible, setDrawerVisible] = useState(false);
|
|
|
|
|
|
return (
|
|
return (
|
|
- <div className="p-4">
|
|
|
|
|
|
+ <div className="h-full">
|
|
{screens.xs ? (
|
|
{screens.xs ? (
|
|
<>
|
|
<>
|
|
<WorklistTable />
|
|
<WorklistTable />
|
|
@@ -39,14 +39,17 @@ const HistorylistPage: React.FC = () => {
|
|
</Drawer>
|
|
</Drawer>
|
|
</>
|
|
</>
|
|
) : (
|
|
) : (
|
|
- <Row gutter={16}>
|
|
|
|
- <Col span={screens.lg ? 18 : screens.md ? 20 : 24}>
|
|
|
|
|
|
+ <Row className="h-full">
|
|
|
|
+ <Col
|
|
|
|
+ span={screens.lg ? 18 : screens.md ? 20 : 24}
|
|
|
|
+ className="overflow-auto"
|
|
|
|
+ >
|
|
<WorklistTable />
|
|
<WorklistTable />
|
|
- <div className="flex justify-center mt-4">
|
|
|
|
- <Pagination defaultCurrent={1} total={50} />
|
|
|
|
- </div>
|
|
|
|
</Col>
|
|
</Col>
|
|
- <Col span={screens.lg ? 6 : screens.md ? 4 : 0}>
|
|
|
|
|
|
+ <Col
|
|
|
|
+ span={screens.lg ? 6 : screens.md ? 4 : 0}
|
|
|
|
+ className="h-full overflow-auto"
|
|
|
|
+ >
|
|
<OperationPanel />
|
|
<OperationPanel />
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|