فهرست منبع

feat (1.60.0 -> 1.61.0): 优化工作列表和历史列表页面布局,避免表格内容过多时撑开容器

- 通过添加高度限制类和调整布局结构,防止单页表格内容过多导致容器被撑开
- 在 HistoryList.tsx 中添加 h-[80%] 和 h-full 类限制容器高度,并添加测试属性
- 在 worklist.tsx 中添加 h-full 类确保容器高度受控,调整布局类添加测试属性

改动文件:
- src/pages/patient/HistoryList.tsx
- src/pages/patient/worklist.tsx
dengdx 6 روز پیش
والد
کامیت
2a101f1c42
5فایلهای تغییر یافته به همراه26 افزوده شده و 11 حذف شده
  1. 13 0
      CHANGELOG.md
  2. 6 6
      config/dev.ts
  3. 1 1
      package.json
  4. 3 2
      src/pages/patient/HistoryList.tsx
  5. 3 2
      src/pages/patient/worklist.tsx

+ 13 - 0
CHANGELOG.md

@@ -3,6 +3,19 @@
 本项目的所有重要变更都将记录在此文件中.
 
 
+## [1.61.0] - 2026-01-07 15:41
+
+### 优化 (Optimized)
+
+- **优化工作列表和历史列表页面布局,避免表格内容过多时撑开容器** - 通过添加高度限制类和调整布局结构,防止单页表格内容过多导致容器被撑开,提升界面稳定性
+  - 在 HistoryList.tsx 中添加 h-[80%] 和 h-full 类限制容器高度,并添加测试属性
+  - 在 worklist.tsx 中添加 h-full 类确保容器高度受控,调整布局类添加测试属性
+
+**改动文件:**
+
+- src/pages/patient/HistoryList.tsx
+- src/pages/patient/worklist.tsx
+
 ## [1.60.0] - 2026-01-07 15:20
 
 ### 新增 (Added)

+ 6 - 6
config/dev.ts

@@ -68,8 +68,8 @@ export default {
     stats: true,
   },
   defineConstants: {
-    // MQTT_BROKER_URL_FROM_WEBPACK: '"ws://192.168.110.13:8083/mqtt"',
-    MQTT_BROKER_URL_FROM_WEBPACK: '"ws://192.168.110.245:8083/mqtt"',
+    MQTT_BROKER_URL_FROM_WEBPACK: '"ws://192.168.110.13:8083/mqtt"',
+    // MQTT_BROKER_URL_FROM_WEBPACK: '"ws://192.168.110.245:8083/mqtt"',
   },
   mini: {},
   h5: {
@@ -81,16 +81,16 @@ export default {
     devServer: {
       proxy: {
         '/dr': {
-          // target: 'http://192.168.110.13', // 你的后端服务地址
-          target: 'http://192.168.110.133',
+          target: 'http://192.168.110.13', // 你的后端服务地址
+          // target: 'http://192.168.110.133',
           changeOrigin: true, // 允许跨域
           // pathRewrite: {
           //   '^/dr/api': '' // 可选,用于重写路径
           // }
         },
         '/mqtt': {
-          // target: 'ws://192.168.110.13:8083', // MQTT WebSocket 服务地址
-          target: 'ws://192.168.110.133:8083',
+          target: 'ws://192.168.110.13:8083', // MQTT WebSocket 服务地址
+          // target: 'ws://192.168.110.133:8083',
           changeOrigin: true,
           ws: true, // 启用 WebSocket 代理
           // pathRewrite: {

+ 1 - 1
package.json

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

+ 3 - 2
src/pages/patient/HistoryList.tsx

@@ -185,9 +185,10 @@ const HistorylistPage: React.FC = () => {
             span={screens.lg ? 18 : screens.md ? 20 : 24}
             className="h-full flex flex-col"
           >
-            <div className="flex-1 flex flex-col">
-              <div className="flex-1 overflow-auto">
+            <div className="flex-1 flex flex-col h-[80%]">
+              <div className="flex-1 overflow-auto h-full">
                 <WorklistTable
+                  data-testid="worklist-table-from-history-page"
                   productName={productName}
                   columnConfig={columnConfig}
                   worklistData={historylistData}

+ 3 - 2
src/pages/patient/worklist.tsx

@@ -251,8 +251,9 @@ const WorklistPage: React.FC = () => {
             className="h-full flex flex-col"
           >
             <div className="flex flex-col h-[80%]">
-              <div className="overflow-auto flex flex-col">
+              <div className="overflow-auto flex flex-col h-full">
                 <WorklistTable
+                  data-testid="worklist-table-from-worklist-page"
                   productName={productName}
                   columnConfig={columnConfig}
                   exposureProgressMap={exposureProgressMap}
@@ -264,7 +265,7 @@ const WorklistPage: React.FC = () => {
                   selectedSecondaryIds={selectedSecondaryIds}  // 新增
                   handleRowClick={handleRowClickInternal}
                   handleRowDoubleClick={handleRowDoubleClick}
-                  className='flex-1 overflow-auto'
+                  className='flex-1 overflow-auto h-full'
                 />
               </div>
               <GenericPagination