Browse Source

style(HistorylistPage-WorklistPage): 统一HistorylistPage和WorklistPage组件的显示效果

dengdx 4 days ago
parent
commit
fa56df90af
1 changed files with 11 additions and 8 deletions
  1. 11 8
      src/pages/patient/HistoryList.tsx

+ 11 - 8
src/pages/patient/HistoryList.tsx

@@ -1,5 +1,5 @@
 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 { FormattedMessage } from 'react-intl';
 import WorklistTable from './components/WorklistTable';
@@ -12,7 +12,7 @@ const HistorylistPage: React.FC = () => {
   const [drawerVisible, setDrawerVisible] = useState(false);
 
   return (
-    <div className="p-4">
+    <div className="h-full">
       {screens.xs ? (
         <>
           <WorklistTable />
@@ -39,14 +39,17 @@ const HistorylistPage: React.FC = () => {
           </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 />
-            <div className="flex justify-center mt-4">
-              <Pagination defaultCurrent={1} total={50} />
-            </div>
           </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 />
           </Col>
         </Row>