使注册页面的表单区域和待选协议区域、已选择协议区域在大屏幕下内容过多时，出现滚动条，而不是把整个页面竖直方向撑破

src/layouts/BasicLayout.tsx

@@ -131,6 +131,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = () => {
             md={24}
             sm={24}
             style={{ flex: 1, border: '1px solid blue' }}
+            className="xxl:h-[90vh] xl:h-[90vh] lg:h-[90vh] md:h-[90vh] sm:h-[90vh] xs:h-[90vh]"
           >
             {/* {children} */}
             {contentMap[currentKey]}

src/pages/patient/components/register.protocol.list.tsx

@@ -29,7 +29,7 @@ const ProtocolSelectionList: React.FC = () => {
   const cardSize = getCardSize(screens);
 
   return (
-    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 16 }}>
+    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 16 ,height:'100%', overflow: 'auto'}}>
       {protocols.map((item) => (
         <Card
           key={item.id}

src/pages/patient/register.tsx

@@ -17,7 +17,7 @@ const RegisterPage: React.FC = () => {
   if (screens.xl || screens.xxl) {
     // 大屏幕：三栏布局
     return (
-      <Row className="flex-1">
+      <Row className="flex-1 h-full">
         <Col
           xs={24}
           sm={24}
@@ -27,14 +27,14 @@ const RegisterPage: React.FC = () => {
           xxl={8}
           style={{
             border: '4px solid green',
-            height: '300px',
             display: 'flex',
             flexDirection: 'column',
           }}
+          className='h-full'
         >
-          <BasicInfoForm style={{ flex: '1 1 0%', overflow: 'auto' }} />
+          <BasicInfoForm style={{ overflow: 'auto' }} />
         </Col>
-        <Col xs={24} sm={24} md={8} lg={8} xl={8} xxl={8}>
+        <Col xs={24} sm={24} md={8} lg={8} xl={8} xxl={8} className='h-full'>
           <ProtocolList />
         </Col>
         <Col xs={24} sm={24} md={8} lg={8} xl={8} xxl={8}>