Browse Source

回收站的operationpanel区域竖直方向内部出现滚动条,不撑开整个页面

dengdx 2 months ago
parent
commit
fe1a8f5572
2 changed files with 4 additions and 4 deletions
  1. 3 3
      src/pages/patient/Bin.tsx
  2. 1 1
      src/pages/patient/components/BinOperationPanel.tsx

+ 3 - 3
src/pages/patient/Bin.tsx

@@ -11,7 +11,7 @@ const BinPage: React.FC = () => {
   const [drawerVisible, setDrawerVisible] = useState(false);
 
   return (
-    <div className="p-4">
+    <div className="h-full">
       {screens.xs ? (
         <>
           <WorklistTable />
@@ -33,14 +33,14 @@ const BinPage: React.FC = () => {
           </Drawer>
         </>
       ) : (
-        <Row gutter={16}>
+        <Row gutter={16} className='h-full'>
           <Col span={screens.lg ? 18 : screens.md ? 20 : 24}>
             <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'>
             <BinOperationPanel />
           </Col>
         </Row>

+ 1 - 1
src/pages/patient/components/BinOperationPanel.tsx

@@ -4,7 +4,7 @@ import BinActionPanel from './BinActionPanel';
 
 const BinOperationPanel: React.FC = () => {
   return (
-    <div className="w-full">
+    <div className="w-full overflow-auto h-full">
       <SearchPanel />
       <div className="mt-4">
         <BinActionPanel