fix(1.53.1 -> 1.53.2):优化关于系统页面显示版本信息

- 在 AboutSystem 组件中集成版本更新状态，显示最新的服务器版本信息
- 优化设置模态框代码格式，提高代码可读性和一致性
- 改进本地存储操作的代码布局，提升代码维护性

改动文件：
- src/pages/system/SettingsModal/SettingsModal.tsx
- src/pages/system/SettingsModal/sections/SystemHome/AboutSystem.tsx
- CHANGELOG.md
- package.json

CHANGELOG.md

@@ -2,6 +2,20 @@
 
 本项目的所有重要变更都将记录在此文件中。
 
+## [1.53.2] - 2026-01-06 16:17
+
+### 修复 (Fixed)
+
+- **优化关于系统页面显示版本信息** - 增强系统信息展示，添加服务器版本显示功能
+  - 在 AboutSystem 组件中集成版本更新状态，显示最新的服务器版本信息
+  - 优化设置模态框代码格式，提高代码可读性和一致性
+  - 改进本地存储操作的代码布局，提升代码维护性
+
+**改动文件:**
+
+- src/pages/system/SettingsModal/SettingsModal.tsx
+- src/pages/system/SettingsModal/sections/SystemHome/AboutSystem.tsx
+
 ## [1.53.1] - 2026-01-06 14:19
 
 ### 修复 (Fixed)

package.json

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

src/pages/system/SettingsModal/SettingsModal.tsx

@@ -14,12 +14,12 @@ import type { SettingsModalProps, NavigationState } from './types';
 
 /**
  * 系统设置模态框
- * 
+ *
  * Layout Structure（布局结构）:
  * - Desktop: Modal (固定宽度) + Horizontal Layout (水平布局)
  *   - Left: Sidebar (侧边栏) - 固定宽度 240px
  *   - Right: Content Area (内容区) - 弹性宽度
- * 
+ *
  * - Mobile: Drawer (全屏) + Vertical Layout (垂直布局)
  *   - Top: Tabs (标签栏) - 固定高度 48px
  *   - Bottom: Content Area (内容区) - 弹性高度
@@ -67,7 +67,10 @@ const SettingsModal: React.FC<SettingsModalProps> = ({
   // 保存导航状态到本地存储
   useEffect(() => {
     try {
-      localStorage.setItem(STORAGE_KEYS.LAST_CATEGORY, navigation.activeCategory);
+      localStorage.setItem(
+        STORAGE_KEYS.LAST_CATEGORY,
+        navigation.activeCategory
+      );
       localStorage.setItem(STORAGE_KEYS.LAST_SECTION, navigation.activeSection);
     } catch (error) {
       console.warn('Failed to save navigation to localStorage:', error);

src/pages/system/SettingsModal/sections/SystemHome/AboutSystem.tsx

@@ -5,41 +5,46 @@
 import React from 'react';
 import { Typography, Descriptions, Card } from 'antd';
 import { SPACING } from '../../constants';
+import { useAppSelector } from '../../../../../states/store';
 
 const { Title } = Typography;
 
 // 导入 package.json 获取版本信息
 // @ts-ignore - package.json 导入在运行时有效
 import packageJson from '../../../../../../package.json';
+import useApp from 'antd/es/app/useApp';
+import { state } from '@cornerstonejs/tools';
 
 /**
  * 关于系统组件
- * 
+ *
  * 布局结构：
  * - Layout Type: Vertical Stack Layout
  * - 使用 Descriptions 组件展示系统信息
  */
 const AboutSystem: React.FC = () => {
+  const { versionInfo } = useAppSelector((state) => state.versionUpdate);
   return (
     <div style={{ padding: SPACING.LG }}>
       <Title level={3}>关于系统</Title>
 
       <Card style={{ marginTop: SPACING.LG }}>
-        <Descriptions
-          column={1}
-          labelStyle={{ width: 150, fontWeight: 500 }}
-        >
+        <Descriptions column={1} labelStyle={{ width: 150, fontWeight: 500 }}>
           <Descriptions.Item label="系统名称">
             {packageJson.description || packageJson.name}
           </Descriptions.Item>
 
-          <Descriptions.Item label="当前版本">
+          <Descriptions.Item label="客户端版本">
             {packageJson.version}
           </Descriptions.Item>
 
           <Descriptions.Item label="项目标识">
             {packageJson.name}
           </Descriptions.Item>
+
+          <Descriptions.Item label="系统版本">
+            {versionInfo?.newest_version}
+          </Descriptions.Item>
         </Descriptions>
       </Card>
     </div>