feat (1.48.0 -> 1.49.0): 优化分页和缩略图组件UI布局

- 在 GenericPagination 中将 padding 从 p-4 调整为 p-1
- 在 ThumbnailList 中调整 padding、隐藏标题和描述、减小缩略图高度

改动文件：
- src/components/GenericPagination.tsx
- src/pages/patient/components/ThumbnailList.tsx

CHANGELOG.md

@@ -2,6 +2,18 @@
 
 本项目的所有重要变更都将记录在此文件中。
 
+## [1.49.0] - 2026-01-03 20:25
+
+### 新增 (Added)
+
+- **优化分页和缩略图组件UI布局** - 调整组件间距和布局，提升用户界面紧凑性和美观性
+  - 在 GenericPagination 中将 padding 从 p-4 调整为 p-1
+  - 在 ThumbnailList 中调整 padding、隐藏标题和描述、减小缩略图高度
+
+**改动文件:**
+- src/components/GenericPagination.tsx
+- src/pages/patient/components/ThumbnailList.tsx
+
 ## [1.48.0] - 2026-01-03 20:13
 
 ### 新增 (Added)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zsis",
-  "version": "1.48.0",
+  "version": "1.49.0",
   "private": true,
   "description": "医学成像系统",
   "main": "main.js",

src/components/GenericPagination.tsx

@@ -61,7 +61,7 @@ const GenericPagination: React.FC<GenericPaginationProps> = ({
   };
 
   return (
-    <div className={`flex justify-end p-4 ${className}`}>
+    <div className={`flex justify-end p-1 ${className}`}>
       <Pagination
         current={page}
         pageSize={pageSize}

src/pages/patient/components/ThumbnailList.tsx

@@ -77,14 +77,14 @@ const ThumbnailList: React.FC<ThumbnailListProps> = ({ className }) => {
   }
 
   return (
-    <div className={`p-4 overflow-auto ${className}`}>
-      <Title level={5} className="mb-3">
+    <div className={`p-1 overflow-auto ${className}`}>
+      {/* <Title level={5} className="mb-3">
         <FormattedMessage
           id="thumbnailList.title"
           defaultMessage="Image Thumbnails"
         />
-      </Title>
-      <Row gutter={[16, 16]}>
+      </Title> */}
+      <Row >
         {thumbnails.map((thumbnail: dview) => (
           <Col xs={24} sm={12} md={8} lg={6} xl={4} key={thumbnail.view_id}>
             <Card
@@ -97,7 +97,7 @@ const ThumbnailList: React.FC<ThumbnailListProps> = ({ className }) => {
                     alt={thumbnail.view_description || thumbnail.view_id}
                     style={{
                       width: '100%',
-                      height: '120px',
+                      height: '60px',
                       objectFit: 'cover',
                     }}
                     fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3Ik1RUG8M+Q4cMRcNHuS2BAYiBD/PIOCSFfYQ6QHBI7XhAGLpA5v4RFmEQGBFCCMxkYHJw9DQpIKjNZ/lN6JHV9937d8/o2+32uj9/t6j7n3F8nAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"
@@ -153,11 +153,11 @@ const ThumbnailList: React.FC<ThumbnailListProps> = ({ className }) => {
                     {thumbnail.view_description || thumbnail.view_type}
                   </Text>
                 }
-                description={
-                  <Text type="secondary" style={{ fontSize: '10px' }}>
-                    ID: {thumbnail.view_id}
-                  </Text>
-                }
+                // description={
+                //   <Text type="secondary" style={{ fontSize: '10px' }}>
+                //     ID: {thumbnail.view_id}
+                //   </Text>
+                // }
               />
             </Card>
           </Col>