diff --git a/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/controller/XgStudentMsgController.java b/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/controller/XgStudentMsgController.java
index 6152aa66..2fb5b396 100644
--- a/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/controller/XgStudentMsgController.java
+++ b/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/controller/XgStudentMsgController.java
@@ -208,4 +208,20 @@ public class XgStudentMsgController extends BaseController {
     public R<Void> remove(@NotEmpty(message = "主键不能为空") @PathVariable Long[] ids) {
         return toAjax(xgStudentMsgService.deleteWithValidByIds(List.of(ids), true));
     }
+
+    /**
+     * 查询学生个人信息
+     *
+     * @param userId 用户ID，可为空，为空时使用当前登录用户ID
+     * @return 学生信息
+     */
+    @SaCheckPermission("studentMsg:studentMsg:query")
+    @GetMapping("/personalInfo")
+    public R<XgStudentMsgVo> getPersonalInfo(@RequestParam(required = false) Long userId) {
+        XgStudentMsgVo personalInfo = xgStudentMsgService.queryPersonalInfo(userId);
+        if (personalInfo == null) {
+            return R.fail("未找到学生信息");
+        }
+        return R.ok(personalInfo);
+    }
 }
diff --git a/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/IXgStudentMsgService.java b/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/IXgStudentMsgService.java
index edfc0d9f..442c56ce 100644
--- a/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/IXgStudentMsgService.java
+++ b/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/IXgStudentMsgService.java
@@ -77,4 +77,12 @@ public interface IXgStudentMsgService {
      * @return 是否删除成功
      */
     Boolean deleteWithValidByIds(Collection<Long> ids, Boolean isValid);
+
+    /**
+     * 查询学生个人信息
+     *
+     * @param userId 用户ID，可为空，为空时使用当前登录用户ID
+     * @return 学生信息
+     */
+    XgStudentMsgVo queryPersonalInfo(Long userId);
 }
diff --git a/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/impl/XgStudentMsgServiceImpl.java b/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/impl/XgStudentMsgServiceImpl.java
index 6f5e533d..a2d0c83f 100644
--- a/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/impl/XgStudentMsgServiceImpl.java
+++ b/backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/impl/XgStudentMsgServiceImpl.java
@@ -28,6 +28,7 @@ import java.util.Map;
 import java.util.Collection;
 import java.util.ArrayList;
 import java.util.stream.Collectors;
+import org.dromara.common.satoken.utils.LoginHelper;
 
 /**
  * 学生信息Service业务层处理
@@ -444,4 +445,23 @@ public class XgStudentMsgServiceImpl implements IXgStudentMsgService {
 
         return studentDeleteResult;
     }
+
+    /**
+     * 查询学生个人信息
+     *
+     * @param userId 用户ID，可为空，为空时使用当前登录用户ID
+     * @return 学生信息
+     */
+    @Override
+    public XgStudentMsgVo queryPersonalInfo(Long userId) {
+        // 如果userId为空，使用当前登录用户ID
+        if (userId == null) {
+            userId = LoginHelper.getUserId();
+        }
+
+        // deleted 为0 且 用户ID为userId
+        return baseMapper.selectVoOne(new LambdaQueryWrapper<XgStudentMsg>()
+                .eq(XgStudentMsg::getDeleted, 0)
+                .eq(XgStudentMsg::getId, userId));
+    }
 }
diff --git a/docs/变更管理/code-adjust-record-2025-01-27-stuPersonalMsg-api-integration.md b/docs/变更管理/code-adjust-record-2025-01-27-stuPersonalMsg-api-integration.md
new file mode 100644
index 00000000..9d81e9ac
--- /dev/null
+++ b/docs/变更管理/code-adjust-record-2025-01-27-stuPersonalMsg-api-integration.md
@@ -0,0 +1,156 @@
+# 学生个人信息页面API集成修改记录
+
+**修改时间**: 2025-01-27 15:30:00  
+**修改人员**: AI Assistant  
+**修改类型**: 功能增强  
+
+## 修改概述
+
+将学生个人信息页面(`web/src/views/stuPersonalMsg/index.vue`)从静态数据展示改为动态API数据获取，实现界面初始化时自动调用后端API获取当前登录学生的个人信息并渲染表单。
+
+## 修改内容
+
+### 1. 后端API接口
+
+**文件**: `backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/controller/XgStudentMsgController.java`
+
+- **接口路径**: `GET /studentMsg/studentMsg/personalInfo`
+- **功能**: 查询学生个人信息
+- **参数**: `userId` (可选，为空时使用当前登录用户ID)
+- **返回**: `R<XgStudentMsgBo>` 学生信息对象
+
+### 2. 前端API接口
+
+**文件**: `web/src/api/studentMsg/studentMsg/index.ts`
+
+- **新增方法**: `getPersonalInfo(userId?: number)`
+- **功能**: 调用后端获取个人信息API
+- **返回**: `AxiosPromise<StudentMsgForm>`
+
+### 3. 前端页面修改
+
+**文件**: `web/src/views/stuPersonalMsg/index.vue`
+
+#### 3.1 导入修改
+```typescript
+// 新增导入
+import request from '@/utils/request';
+import ElMessage from 'element-plus/es/components/message/index';
+```
+
+#### 3.2 数据初始化
+- 移除所有硬编码的模拟数据
+- 将表单字段初始化为空值或undefined
+- 添加loading状态管理
+
+#### 3.3 API调用方法
+```typescript
+/** 获取学生个人信息 */
+const getPersonalInfoData = async () => {
+  try {
+    loading.value = true;
+    const response = await request({
+      url: '/studentMsg/studentMsg/personalInfo',
+      method: 'get'
+    });
+    if (response.data.code === 200) {
+      const data = response.data.data;
+      // 将API返回的数据映射到表单
+      Object.assign(form, data);
+    } else {
+      ElMessage.error(response.data.msg || '获取个人信息失败');
+    }
+  } catch (error) {
+    console.error('获取个人信息失败:', error);
+    ElMessage.error('获取个人信息失败，请稍后重试');
+  } finally {
+    loading.value = false;
+  }
+};
+```
+
+#### 3.4 模板修改
+- 添加`v-loading="loading"`到主卡片组件
+- 修改头部信息显示为动态数据：`{{ form.studentNo }}` 和 `{{ form.name }}`
+- 添加条件渲染：`v-if="form.studentNo && form.name"`
+
+#### 3.5 生命周期修改
+```typescript
+onMounted(async () => {
+  await Promise.all([getRegionTree(), getDormBuildingTree()]);
+  // 获取个人信息
+  await getPersonalInfoData();
+});
+```
+
+## 技术实现要点
+
+### 1. 数据映射
+- 使用`Object.assign(form, data)`将API返回的数据直接映射到表单对象
+- 保持表单字段与API返回字段的一致性
+
+### 2. 错误处理
+- 添加try-catch错误捕获
+- 使用ElMessage显示友好的错误提示
+- 区分API错误和网络错误
+
+### 3. 加载状态
+- 添加loading状态管理
+- 在API调用期间显示加载动画
+- 防止用户重复操作
+
+### 4. 用户体验
+- 保持原有的Tab页布局和表单样式
+- 所有表单字段保持disabled状态（只读展示）
+- 动态显示学生学号和姓名信息
+
+## 测试验证
+
+### 1. 功能测试
+- [ ] 页面加载时自动调用API获取个人信息
+- [ ] API返回数据正确渲染到表单
+- [ ] 加载状态正常显示和隐藏
+- [ ] 错误情况下的提示信息正确
+
+### 2. 兼容性测试
+- [ ] 不同浏览器下的正常显示
+- [ ] 响应式布局在不同屏幕尺寸下的表现
+- [ ] 字典数据的正确显示
+
+### 3. 异常测试
+- [ ] 网络异常时的错误处理
+- [ ] API返回错误时的提示
+- [ ] 数据为空时的页面显示
+
+## 相关文档
+
+- **API文档**: `docs/开发文档/API/学生信息管理API.md`
+- **前端规范**: `.cursor/cursorrules-frontend.md`
+- **后端规范**: `.cursor/cursorrules-backend.md`
+
+## 后续优化建议
+
+1. **数据缓存**: 考虑添加本地缓存，避免重复请求
+2. **实时更新**: 添加定时刷新或手动刷新功能
+3. **权限控制**: 根据用户权限显示不同的信息字段
+4. **数据验证**: 添加前端数据格式验证
+5. **性能优化**: 考虑分页加载大量数据
+
+## 变更影响
+
+### 正面影响
+- 实现真实数据展示，提升用户体验
+- 统一数据源，避免数据不一致
+- 支持多用户个性化信息展示
+
+### 潜在风险
+- 依赖后端API可用性
+- 需要确保API权限配置正确
+- 网络异常可能影响页面显示
+
+## 部署注意事项
+
+1. 确保后端API服务正常运行
+2. 验证用户权限配置
+3. 测试网络连接和API响应时间
+4. 监控API调用频率和性能 
\ No newline at end of file
diff --git a/docs/变更管理/code-adjust-record-2025-01-27-wuzilong.md b/docs/变更管理/code-adjust-record-2025-01-27-wuzilong.md
index 7802df06..47d8d85f 100644
--- a/docs/变更管理/code-adjust-record-2025-01-27-wuzilong.md
+++ b/docs/变更管理/code-adjust-record-2025-01-27-wuzilong.md
@@ -1,68 +1,161 @@
-# 学生信息审核对话框字段原值显示修复记录
+# 学生信息管理页面码表显示优化记录
 
-**变更时间**: 2025-01-27 15:30:00  
+**变更时间**: 2025-01-27 14:30:00  
 **变更人员**: wuzilong  
-**变更文件**: `web/src/views/stuMsgAudit/stuMsgDialog.vue`
+**变更文件**: `web/src/views/studentMsg/studentMsg/index.vue`
 
-## 🔧 问题描述
+## 变更概述
 
-在学生信息审核对话框中，助学贷款等字段的变动标识中显示原值时，对于值为 `0` 的字段没有正确转换为字典标签，而是直接显示数字 `0`。
+对学生信息管理页面的查看详情功能进行了码表显示优化，统一了码表映射的处理方式，提升了用户体验和代码一致性。
 
-**具体问题**:
-- 助学贷款字段 `hasLoan` 原值为 `0` 时，显示为 "原值：0" 而不是 "原值：否"
-- 其他类似的是否字段也存在同样问题
+## 具体变更内容
 
-**根本原因**:
-- 各个字典转换函数使用 `if (!value)` 判断，将 `0` 误判为 falsy 值
-- 导致值为 `0` 的字段直接返回原值，没有进行字典转换
+### 1. 婚姻状况码表优化
 
-## 🛠️ 修复方案
+**问题描述**: 查看详情时婚姻状况显示逻辑不一致，使用了数组索引方式
 
-### 修复的函数列表
+**解决方案**: 
+- 新增 `getMaritalStatusLabel` 方法进行码表映射
+- 修改查看详情显示逻辑，使用码表映射方法
 
-1. **getDictLabel** - 字典值转换函数
-2. **getMaritalStatusLabel** - 婚姻状况转换函数  
-3. **getYesNoLabel** - 是否字段转换函数
-4. **getBloodTypeLabel** - 血型转换函数
-5. **getDisabilityTypeLabel** - 残疾类型转换函数
-6. **getAcademicLevelLabel** - 学历层次转换函数
-7. **getStudentStatusLabel** - 学籍状态转换函数
-
-### 修复内容
-
-**修复前**:
-```javascript
-if (!value) return value || '';
+**代码变更**:
+```typescript
+/** 婚姻状况码表映射 */
+const getMaritalStatusLabel = (value: string | number) => {
+  const maritalStatusMap: Record<string, string> = {
+    '1': '未婚',
+    '2': '已婚',
+    '3': '离异',
+    '4': '丧偶'
+  };
+  return maritalStatusMap[String(value)] || value || '未知';
+};
 ```
 
-**修复后**:
-```javascript
-// 修复：0 也是有效值，需要正确处理
-if (value === null || value === undefined || value === '') return '';
+**模板变更**:
+```vue
+<!-- 修改前 -->
+<span class="form-value">{{ ['', '未婚', '已婚', '离异', '丧偶'][detailForm.maritalStatus] || detailForm.maritalStatus }}</span>
+
+<!-- 修改后 -->
+<span class="form-value">{{ getMaritalStatusLabel(detailForm.maritalStatus) }}</span>
 ```
 
-### 修复原理
+### 2. 家庭经济状况码表优化
 
-- **问题**: `if (!value)` 会将 `0` 判断为 falsy 值，导致直接返回原值
-- **解决**: 明确判断 `null`、`undefined`、空字符串，保留 `0` 作为有效值进行字典转换
-- **效果**: 值为 `0` 的是否字段现在会正确显示为 "否"
+**问题描述**: 查看详情时家庭经济状况直接显示原始值，缺乏统一的码表处理
 
-## ✅ 验证结果
+**解决方案**:
+- 新增 `getFamilyEconomicStatusLabel` 方法进行码表映射
+- 修改查看详情显示逻辑，使用码表映射方法
 
-修复后，助学贷款等字段的原值显示将正确转换为字典标签：
-- `hasLoan: 0` → 显示 "否"
-- `isPoorStudent: 0` → 显示 "否"  
-- `isMinority: 0` → 显示 "否"
-- 其他类似字段同理
+**代码变更**:
+```typescript
+/** 家庭经济状况码表映射 */
+const getFamilyEconomicStatusLabel = (value: string | number) => {
+  const economicStatusMap: Record<string, string> = {
+    '富裕': '富裕',
+    '一般': '一般',
+    '困难': '困难',
+    '特困': '特困'
+  };
+  return economicStatusMap[String(value)] || value || '未知';
+};
+```
 
-## 📝 相关文件
+**模板变更**:
+```vue
+<!-- 修改前 -->
+<span class="form-value">{{ detailForm.familyEconomicStatus }}</span>
 
-- **主要文件**: `web/src/views/stuMsgAudit/stuMsgDialog.vue`
-- **影响范围**: 学生信息审核对话框中的字段原值显示功能
-- **测试建议**: 验证所有是否字段的原值显示是否正确转换
+<!-- 修改后 -->
+<span class="form-value">{{ getFamilyEconomicStatusLabel(detailForm.familyEconomicStatus) }}</span>
+```
 
-## 🔄 后续建议
+### 3. 血型码表优化
 
-1. **代码审查**: 检查其他类似页面是否存在同样问题
-2. **单元测试**: 为字典转换函数添加单元测试，确保边界值处理正确
-3. **文档更新**: 更新前端开发规范，明确字典转换函数的正确使用方式 
\ No newline at end of file
+**问题描述**: 查看详情时血型直接显示原始值，缺乏统一的码表处理
+
+**解决方案**:
+- 新增 `getBloodTypeLabel` 方法进行码表映射
+- 修改查看详情显示逻辑，使用码表映射方法
+
+**代码变更**:
+```typescript
+/** 血型码表映射 */
+const getBloodTypeLabel = (value: string | number) => {
+  const bloodTypeMap: Record<string, string> = {
+    'A': 'A型',
+    'B': 'B型',
+    'AB': 'AB型',
+    'O': 'O型',
+    '未知': '未知'
+  };
+  return bloodTypeMap[String(value)] || value || '未知';
+};
+```
+
+**模板变更**:
+```vue
+<!-- 修改前 -->
+<span class="form-value">{{ detailForm.bloodType }}</span>
+
+<!-- 修改后 -->
+<span class="form-value">{{ getBloodTypeLabel(detailForm.bloodType) }}</span>
+```
+
+## 变更效果
+
+### 优化前
+- 婚姻状况显示逻辑复杂，使用数组索引
+- 家庭经济状况和血型直接显示原始值
+- 码表处理方式不统一
+
+### 优化后
+- 所有码表字段使用统一的映射方法
+- 显示效果更加规范和一致
+- 代码可维护性提升
+- 支持未知值的友好显示
+
+## 码表映射规则
+
+### 婚姻状况码表
+- `1` → `未婚`
+- `2` → `已婚`
+- `3` → `离异`
+- `4` → `丧偶`
+- 其他值 → 显示原值或"未知"
+
+### 家庭经济状况码表
+- `富裕` → `富裕`
+- `一般` → `一般`
+- `困难` → `困难`
+- `特困` → `特困`
+- 其他值 → 显示原值或"未知"
+
+### 血型码表
+- `A` → `A型`
+- `B` → `B型`
+- `AB` → `AB型`
+- `O` → `O型`
+- `未知` → `未知`
+- 其他值 → 显示原值或"未知"
+
+## 技术要点
+
+1. **类型安全**: 使用 TypeScript 的 Record 类型确保码表映射的类型安全
+2. **容错处理**: 对未知值进行友好处理，避免显示空白或错误信息
+3. **统一接口**: 所有码表映射方法使用相同的参数和返回值类型
+4. **可扩展性**: 新增码表字段时只需添加对应的映射方法即可
+
+## 后续建议
+
+1. 可以考虑将码表映射方法抽取到公共工具文件中，供其他页面复用
+2. 建议为其他码表字段（如残疾类型、学历层次等）也应用相同的优化
+3. 可以考虑添加码表配置管理功能，支持动态配置码表映射关系
+
+---
+
+**变更状态**: ✅ 已完成  
+**测试状态**: 🔄 待测试  
+**影响范围**: 学生信息管理页面查看详情功能 
\ No newline at end of file
diff --git a/web/src/api/studentMsg/studentMsg/index.ts b/web/src/api/studentMsg/studentMsg/index.ts
index daaf01ae..950adeef 100644
--- a/web/src/api/studentMsg/studentMsg/index.ts
+++ b/web/src/api/studentMsg/studentMsg/index.ts
@@ -61,3 +61,15 @@ export const delStudentMsg = (id: string | number | Array<string | number>) => {
     method: 'delete'
   });
 };
+
+/**
+ * 获取学生个人信息
+ * @param userId 用户ID，可为空，为空时使用当前登录用户ID
+ */
+export const getPersonalInfo = (userId?: number): AxiosPromise<StudentMsgForm> => {
+  return request({
+    url: '/studentMsg/studentMsg/personalInfo',
+    method: 'get',
+    params: { userId }
+  });
+};
diff --git a/web/src/views/stuPersonalMsg/index.vue b/web/src/views/stuPersonalMsg/index.vue
new file mode 100644
index 00000000..b5429a46
--- /dev/null
+++ b/web/src/views/stuPersonalMsg/index.vue
@@ -0,0 +1,1066 @@
+<template>
+  <div class="app-container">
+    <el-card class="box-card" v-loading="loading">
+      <template #header>
+        <div class="card-header">
+          <span class="header-title">学生个人信息</span>
+          <div class="header-info" v-if="form.studentNo && form.name">
+            <el-tag type="info">学号：{{ form.studentNo }}</el-tag>
+            <el-tag type="success">姓名：{{ form.name }}</el-tag>
+          </div>
+        </div>
+      </template>
+
+      <el-tabs v-model="activeTab" type="border-card" class="personal-tabs">
+        <!-- 基础信息Tab -->
+        <el-tab-pane label="基础信息" name="basic">
+          <el-form :model="form" label-width="120px" class="personal-form">
+            <!-- 学生照片和基本信息布局 -->
+            <el-row :gutter="40">
+              <el-col :span="16">
+                <el-row :gutter="30">
+                  <el-col :span="12">
+                    <el-form-item label="学号" prop="studentNo">
+                      <el-input v-model="form.studentNo" placeholder="请输入学号" maxlength="32" disabled />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="身份证号" prop="idCard">
+                      <el-input v-model="form.idCard" placeholder="请输入身份证号" maxlength="18" disabled />
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="30">
+                  <el-col :span="12">
+                    <el-form-item label="姓名" prop="name">
+                      <el-input v-model="form.name" placeholder="请输入姓名" maxlength="50" disabled />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="英文姓名" prop="nameEnglish">
+                      <el-input v-model="form.nameEnglish" placeholder="请输入英文姓名" maxlength="100" disabled />
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="30">
+                  <el-col :span="12">
+                    <el-form-item label="曾用名" prop="formerName">
+                      <el-input v-model="form.formerName" placeholder="请输入曾用名" maxlength="50" disabled />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="性别" prop="gender">
+                      <el-select v-model="form.gender" placeholder="请选择性别" disabled>
+                        <el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label" :value="dict.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="photo_url">
+                  <template #label>
+                    <div class="photo-label-container">
+                      <span>学生照片</span>
+                      <el-tooltip content="学生个人照片" placement="top">
+                        <el-icon class="photo-help-icon">
+                          <i-ep-question-filled />
+                        </el-icon>
+                      </el-tooltip>
+                    </div>
+                  </template>
+                  <div class="photo-display">
+                    <img v-if="form.photoUrl" :src="form.photoUrl" class="photo" />
+                    <div v-else class="photo-placeholder">暂无照片</div>
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="出生日期" prop="birthDate">
+                  <el-date-picker
+                    v-model="form.birthDate"
+                    type="date"
+                    placeholder="请选择出生日期"
+                    value-format="YYYY-MM-DD"
+                    disabled
+                    style="width: 100%"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="民族" prop="nationality">
+                  <el-select v-model="form.nationality" placeholder="请选择民族" disabled>
+                    <el-option v-for="dict in xg_nation" :key="dict.value" :label="dict.label" :value="dict.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="籍贯" prop="nativePlace">
+                  <el-tree-select
+                    v-model="form.nativePlace"
+                    :data="regionOptions"
+                    :props="{ label: 'name', value: 'code', children: 'children' }"
+                    placeholder="请选择籍贯"
+                    filterable
+                    check-strictly
+                    clearable
+                    disabled
+                    style="width: 100%"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="政治面貌" prop="politicalStatus">
+                  <el-select v-model="form.politicalStatus" placeholder="请选择政治面貌" disabled>
+                    <el-option v-for="dict in xg_political_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="手机号码" prop="phone">
+                  <el-input v-model="form.phone" placeholder="请输入手机号码" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="邮政编码" prop="postalCode">
+                  <el-input v-model="form.postalCode" placeholder="请输入邮政编码" maxlength="10" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="户籍所在地" prop="hukouLocation">
+                  <el-input v-model="form.hukouLocation" placeholder="请输入户籍所在地" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="家庭地址" prop="homeAddress">
+                  <el-input v-model="form.homeAddress" type="textarea" placeholder="请输入家庭地址" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="现住址" prop="currentAddress">
+                  <el-input v-model="form.currentAddress" type="textarea" placeholder="请输入现住址" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-tab-pane>
+
+        <!-- 扩展信息Tab -->
+        <el-tab-pane label="扩展信息" name="extended">
+          <el-form :model="form" label-width="140px" class="personal-form">
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="文化程度" prop="educationLevel">
+                  <el-select v-model="form.educationLevel" placeholder="请选择文化程度" disabled>
+                    <el-option v-for="dict in wenhuachengdu" :key="dict.value" :label="dict.label" :value="dict.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="户口类型" prop="householdRegisterType">
+                  <el-select v-model="form.householdRegisterType" placeholder="请选择户口类型" disabled>
+                    <el-option label="农业" value="农业" />
+                    <el-option label="非农业" value="非农业" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="宗教信仰" prop="religion">
+                  <el-input v-model="form.religion" placeholder="请输入宗教信仰" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="生源地区" prop="sourceRegion">
+                  <el-tree-select
+                    v-model="form.sourceRegion"
+                    :data="regionOptions"
+                    :props="{ label: 'name', value: 'code', children: 'children' }"
+                    placeholder="请选择生源地区"
+                    filterable
+                    check-strictly
+                    clearable
+                    disabled
+                    style="width: 100%"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="毕业院校" prop="graduateSchool">
+                  <el-input v-model="form.graduateSchool" placeholder="请输入毕业院校" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="电子邮箱" prop="email">
+                  <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="QQ号码" prop="qq">
+                  <el-input v-model="form.qq" placeholder="请输入QQ号码" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="微信号" prop="wechat">
+                  <el-input v-model="form.wechat" placeholder="请输入微信号" maxlength="50" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="婚姻状况" prop="maritalStatus">
+                  <el-select v-model="form.maritalStatus" placeholder="请选择婚姻状况" disabled>
+                    <el-option label="未婚" value="1" />
+                    <el-option label="已婚" value="2" />
+                    <el-option label="离异" value="3" />
+                    <el-option label="丧偶" value="4" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="紧急联系人姓名" prop="emergencyContactName">
+                  <el-input v-model="form.emergencyContactName" placeholder="请输入紧急联系人姓名" maxlength="50" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="紧急联系人电话" prop="emergencyContactPhone">
+                  <el-input v-model="form.emergencyContactPhone" placeholder="请输入紧急联系人电话" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="紧急联系人关系" prop="emergencyContactRelation">
+                  <el-input v-model="form.emergencyContactRelation" placeholder="请输入关系" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="是否贫困生" prop="isPoorStudent">
+                  <el-select v-model="form.isPoorStudent" placeholder="请选择" disabled>
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="是否少数民族" prop="isMinority">
+                  <el-select v-model="form.isMinority" placeholder="请选择" disabled>
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="是否孤儿" prop="isOrphan">
+                  <el-select v-model="form.isOrphan" placeholder="请选择" disabled>
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="是否留守儿童" prop="isLeftBehindChild">
+                  <el-select v-model="form.isLeftBehindChild" placeholder="请选择" disabled>
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="是否独生子女" prop="isSingleChild">
+                  <el-select v-model="form.isSingleChild" placeholder="请选择" disabled>
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="是否低保" prop="isLowIncome">
+                  <el-select v-model="form.isLowIncome" placeholder="请选择" disabled>
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="是否有助学贷款" prop="hasLoan">
+                  <el-select v-model="form.hasLoan" placeholder="请选择" disabled>
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="助学贷款金额(元)" prop="loanAmount">
+                  <el-input v-model="form.loanAmount" placeholder="助学贷款金额" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="特长爱好" prop="specialties">
+                  <el-input v-model="form.specialties" type="textarea" placeholder="请输入特长爱好" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="获奖情况" prop="awards">
+                  <el-input v-model="form.awards" type="textarea" placeholder="请输入获奖情况" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="违纪记录" prop="violations">
+                  <el-input v-model="form.violations" type="textarea" placeholder="请输入违纪记录" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="社会活动" prop="socialActivities">
+                  <el-input v-model="form.socialActivities" type="textarea" placeholder="请输入社会活动" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-tab-pane>
+
+        <!-- 家庭信息Tab -->
+        <el-tab-pane label="家庭信息" name="family">
+          <el-form :model="form" label-width="140px" class="personal-form">
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="父亲姓名" prop="fatherName">
+                  <el-input v-model="form.fatherName" placeholder="请输入父亲姓名" maxlength="50" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="父亲电话" prop="fatherPhone">
+                  <el-input v-model="form.fatherPhone" placeholder="请输入父亲电话" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="父亲工作单位" prop="fatherWorkUnit">
+                  <el-input v-model="form.fatherWorkUnit" placeholder="请输入父亲工作单位" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="母亲姓名" prop="motherName">
+                  <el-input v-model="form.motherName" placeholder="请输入母亲姓名" maxlength="50" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="母亲电话" prop="motherPhone">
+                  <el-input v-model="form.motherPhone" placeholder="请输入母亲电话" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="母亲工作单位" prop="motherWorkUnit">
+                  <el-input v-model="form.motherWorkUnit" placeholder="请输入母亲工作单位" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="监护人姓名" prop="guardianName">
+                  <el-input v-model="form.guardianName" placeholder="请输入监护人姓名" maxlength="50" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="监护人电话" prop="guardianPhone">
+                  <el-input v-model="form.guardianPhone" placeholder="请输入监护人电话" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="监护人关系" prop="guardianRelation">
+                  <el-input v-model="form.guardianRelation" placeholder="请输入监护人关系" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="家庭年收入(元)" prop="familyIncome">
+                  <el-input v-model="form.familyIncome" placeholder="请输入家庭年收入" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="人均收入(元)" prop="perCapitaIncome">
+                  <el-input v-model="form.perCapitaIncome" placeholder="请输入人均收入" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="收入来源" prop="incomeSource">
+                  <el-input v-model="form.incomeSource" placeholder="请输入收入来源" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="家庭经济状况" prop="familyEconomicStatus">
+                  <el-select v-model="form.familyEconomicStatus" placeholder="请选择家庭经济状况" disabled>
+                    <el-option label="富裕" value="富裕" />
+                    <el-option label="一般" value="一般" />
+                    <el-option label="困难" value="困难" />
+                    <el-option label="特困" value="特困" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="家庭成员数量" prop="familyMembers">
+                  <el-input v-model="form.familyMembers" placeholder="请输入家庭成员数量" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-tab-pane>
+
+        <!-- 健康信息Tab -->
+        <el-tab-pane label="健康信息" name="health">
+          <el-form :model="form" label-width="140px" class="personal-form">
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="身高(cm)" prop="height">
+                  <el-input v-model="form.height" placeholder="请输入身高" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="体重(kg)" prop="weight">
+                  <el-input v-model="form.weight" placeholder="请输入体重" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="血型" prop="bloodType">
+                  <el-select v-model="form.bloodType" placeholder="请选择血型" disabled>
+                    <el-option label="A型" value="A" />
+                    <el-option label="B型" value="B" />
+                    <el-option label="AB型" value="AB" />
+                    <el-option label="O型" value="O" />
+                    <el-option label="未知" value="未知" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="健康状况" prop="healthStatus">
+                  <el-input v-model="form.healthStatus" placeholder="请输入健康状况" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="是否残疾" prop="isDisabled">
+                  <el-select v-model="form.isDisabled" placeholder="请选择" disabled>
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="残疾类型" prop="disabilityType">
+                  <el-select v-model="form.disabilityType" placeholder="请选择残疾类型" disabled>
+                    <el-option label="视力残疾" value="1" />
+                    <el-option label="听力残疾" value="2" />
+                    <el-option label="智力残疾" value="3" />
+                    <el-option label="其他残疾" value="9" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="残疾等级" prop="disabilityLevel">
+                  <el-input v-model="form.disabilityLevel" placeholder="请输入残疾等级" maxlength="20" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="特殊体质或疾病" prop="specialCondition">
+                  <el-input v-model="form.specialCondition" type="textarea" placeholder="请输入特殊体质或疾病" maxlength="200" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="过敏史" prop="allergies">
+                  <el-input v-model="form.allergies" type="textarea" placeholder="请输入过敏史" maxlength="200" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="病史" prop="medicalHistory">
+                  <el-input v-model="form.medicalHistory" type="textarea" placeholder="请输入病史" maxlength="500" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-tab-pane>
+
+        <!-- 学籍信息Tab -->
+        <el-tab-pane label="学籍信息" name="academic">
+          <el-form :model="form" label-width="140px" class="personal-form">
+            <el-row :gutter="30">
+              <el-col :span="12">
+                <el-form-item label="学院" prop="collegeName">
+                  <el-input v-model="form.collegeName" placeholder="请输入学院名称" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="专业" prop="majorName">
+                  <el-input v-model="form.majorName" placeholder="请输入专业名称" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="班级" prop="className">
+                  <el-input v-model="form.className" placeholder="请输入班级名称" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="班主任姓名" prop="classTeacherName">
+                  <el-input v-model="form.classTeacherName" placeholder="请输入班主任姓名" maxlength="50" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="学历层次" prop="academicLevel">
+                  <el-select v-model="form.academicLevel" placeholder="请选择学历层次" style="width: 100%" disabled>
+                    <el-option label="中级工" value="1" />
+                    <el-option label="高级工" value="2" />
+                    <el-option label="预备技师" value="3" />
+                    <el-option label="技师" value="4" />
+                    <el-option label="中高职一体" value="5" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="入学年份" prop="enrollmentYear">
+                  <el-input v-model="form.enrollmentYear" placeholder="请输入入学年份" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="入学日期" prop="enrollmentDate">
+                  <el-date-picker
+                    v-model="form.enrollmentDate"
+                    type="date"
+                    placeholder="请选择入学日期"
+                    value-format="YYYY-MM-DD"
+                    disabled
+                    style="width: 100%"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="学制(年)" prop="schoolSystem">
+                  <el-input v-model="form.schoolSystem" placeholder="请输入学制" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="年级" prop="grade">
+                  <el-input v-model="form.grade" placeholder="请输入年级" maxlength="10" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="培养方式" prop="trainingType">
+                  <el-select v-model="form.trainingType" placeholder="请选择培养方式" disabled>
+                    <el-option label="全日制" value="全日制" />
+                    <el-option label="在职" value="在职" />
+                    <el-option label="函授" value="函授" />
+                    <el-option label="夜大" value="夜大" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="录取类别" prop="admissionCategory">
+                  <el-select v-model="form.admissionCategory" placeholder="请选择录取类别" disabled>
+                    <el-option label="统招" value="统招" />
+                    <el-option label="自主招生" value="自主招生" />
+                    <el-option label="专项计划" value="专项计划" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="学籍状态" prop="studentStatus">
+                  <el-select v-model="form.studentStatus" placeholder="请选择学籍状态" disabled>
+                    <el-option label="在籍" value="1" />
+                    <el-option label="休学" value="2" />
+                    <el-option label="复学" value="3" />
+                    <el-option label="退学" value="4" />
+                    <el-option label="毕业" value="5" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="是否住校" prop="isBoarder">
+                  <el-select disabled v-model="form.isBoarder" placeholder="请选择">
+                    <el-option label="否" :value="0" />
+                    <el-option label="是" :value="1" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="宿舍楼栋" prop="dormitoryBuilding">
+                  <el-tree-select
+                    disabled
+                    v-model="form.dormitoryBuilding"
+                    :data="dormBuildingOptions"
+                    :props="{
+                      label: 'label',
+                      value: 'id',
+                      children: 'children',
+                      disabled: (data) => data.type !== 'building'
+                    }"
+                    :check-strictly="true"
+                    :render-after-expand="false"
+                    placeholder="请选择宿舍楼栋"
+                    filterable
+                    clearable
+                    style="width: 100%"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="8">
+                <el-form-item label="宿舍房间号" prop="dormitoryRoom">
+                  <el-input disabled v-model="form.dormitoryRoom" placeholder="请输入宿舍房间号" maxlength="20" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-tab-pane>
+
+        <!-- 银行卡信息Tab -->
+        <el-tab-pane label="银行卡信息" name="bank">
+          <el-form :model="form" label-width="140px" class="personal-form">
+            <el-row :gutter="30">
+              <el-col :span="12">
+                <el-form-item label="银行卡号" prop="bankCardNo">
+                  <el-input v-model="form.bankCardNo" placeholder="请输入银行卡号" maxlength="30" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="持卡人姓名" prop="cardHolderName">
+                  <el-input v-model="form.cardHolderName" placeholder="请输入持卡人姓名" maxlength="50" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="30">
+              <el-col :span="12">
+                <el-form-item label="开户银行" prop="bankName">
+                  <el-input v-model="form.bankName" placeholder="请输入开户银行" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="开户支行" prop="bankBranch">
+                  <el-input v-model="form.bankBranch" placeholder="请输入开户支行" maxlength="100" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-tab-pane>
+      </el-tabs>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts" name="StuPersonalMsg">
+import { ref, reactive, getCurrentInstance, onMounted, toRefs } from 'vue';
+import request from '@/utils/request';
+import ElMessage from 'element-plus/es/components/message/index';
+
+// 获取当前组件实例
+const { proxy } = getCurrentInstance() as any;
+
+// 字典数据
+const { wenhuachengdu, xg_political_status, sys_user_sex, xg_nation, sys_question_category, sys_item_enable, sys_item_required, sys_item_delete } =
+  toRefs<any>(
+    proxy?.useDict(
+      'wenhuachengdu',
+      'xg_political_status',
+      'sys_user_sex',
+      'xg_nation',
+      'sys_question_category',
+      'sys_item_enable',
+      'sys_item_required',
+      'sys_item_delete'
+    )
+  );
+// 响应式数据
+const activeTab = ref('basic'); // 默认显示基础信息
+const regionOptions = ref([]); // 行政区划选项
+const dormBuildingOptions = ref([]); // 宿舍楼栋选项
+const loading = ref(false); // 加载状态
+
+// 表单数据
+const form = reactive({
+  id: undefined,
+  email: '',
+  remark: '',
+  // 基础信息字段
+  studentNo: '',
+  idCard: '',
+  name: '',
+  nameEnglish: '',
+  formerName: '',
+  gender: '',
+  birthDate: '',
+  nationality: '',
+  nativePlace: '',
+  politicalStatus: '',
+  hukouLocation: '',
+  homeAddress: '',
+  currentAddress: '',
+  postalCode: '',
+  photoUrl: '',
+  photoPath: '',
+  phone: '',
+  isBoarder: undefined,
+
+  // 扩展信息字段
+  educationLevel: '',
+  householdRegisterType: '',
+  religion: '',
+  sourceRegion: '',
+  graduateSchool: '',
+  qq: '',
+  wechat: '',
+  maritalStatus: '',
+  emergencyContactName: '',
+  emergencyContactPhone: '',
+  emergencyContactRelation: '',
+  isPoorStudent: undefined,
+  isMinority: undefined,
+  isDisabled: undefined,
+  isOrphan: undefined,
+  isLeftBehindChild: undefined,
+  isSingleChild: undefined,
+  isLowIncome: undefined,
+  hasLoan: undefined,
+  loanAmount: undefined,
+  specialties: '',
+  awards: '',
+  violations: '',
+  socialActivities: '',
+
+  // 家庭信息字段
+  fatherName: '',
+  fatherPhone: '',
+  fatherWorkUnit: '',
+  motherName: '',
+  motherPhone: '',
+  motherWorkUnit: '',
+  guardianName: '',
+  guardianPhone: '',
+  guardianRelation: '',
+  familyIncome: undefined,
+  perCapitaIncome: undefined,
+  incomeSource: '',
+  familyEconomicStatus: '',
+  familyMembers: undefined,
+
+  // 健康信息字段
+  height: undefined,
+  weight: undefined,
+  bloodType: '',
+  healthStatus: '',
+  specialCondition: '',
+  medicalHistory: '',
+  allergies: '',
+  disabilityType: '',
+  disabilityLevel: '',
+
+  // 学籍信息字段
+  admissionCategory: '',
+  studentStatus: '',
+  enrollmentYear: undefined,
+  enrollmentDate: '',
+  schoolSystem: undefined,
+  academicLevel: '',
+  trainingType: '',
+  majorId: '',
+  majorName: '',
+  classId: '',
+  className: '',
+  grade: '',
+  collegeName: '',
+  collegeId: '',
+  counselorId: '',
+  counselorName: '',
+  classTeacherId: '',
+  classTeacherName: '',
+  dormitoryBuilding: '',
+  dormitoryRoom: '',
+
+  // 银行卡信息字段
+  bankCardNo: '',
+  bankName: '',
+  bankBranch: '',
+  cardHolderName: ''
+});
+
+/** 获取学生个人信息 */
+const getPersonalInfoData = async () => {
+  try {
+    loading.value = true;
+    const response = await request({
+      url: '/studentMsg/studentMsg/personalInfo',
+      method: 'get'
+    });
+    if (response.code === 200) {
+      const data = response.data;
+      // 将API返回的数据映射到表单
+      Object.assign(form, data);
+    } else {
+      ElMessage.error(response.data.msg || '获取个人信息失败');
+    }
+  } catch (error) {
+    console.error('获取个人信息失败:', error);
+    ElMessage.error('获取个人信息失败，请稍后重试');
+  } finally {
+    loading.value = false;
+  }
+};
+
+/** 获取行政区划树形数据 */
+/** 获取行政区划树形数据 */
+const getRegionTree = async () => {
+  try {
+    const res = await request.get('/system/SysRegion/tree');
+    if (res && res.data) {
+      regionOptions.value = res.data;
+    }
+  } catch (error) {
+    console.error('获取行政区划数据失败:', error);
+    ElMessage.error('获取行政区划数据失败');
+  }
+};
+
+/** 获取宿舍楼栋树形数据 */
+const getDormBuildingTree = async () => {
+  try {
+    const res = await request.get('/xgss/dormBuildingTree/list');
+    if (res && res.data) {
+      // 处理数据，为楼栋名称添加性别标识
+      const processTreeData = (nodes: any[]): any[] => {
+        return nodes.map((node) => {
+          const processedNode = { ...node };
+
+          // 如果是楼栋类型，添加性别标识
+          if (node.type === 'building' && node.buildingType) {
+            const genderPrefix = node.buildingType === 1 ? '（男）' : node.buildingType === 2 ? '（女）' : '';
+            processedNode.label = genderPrefix + node.label;
+            processedNode.name = genderPrefix + node.name;
+          }
+
+          // 递归处理子节点
+          if (node.children && node.children.length > 0) {
+            processedNode.children = processTreeData(node.children);
+          }
+
+          return processedNode;
+        });
+      };
+
+      dormBuildingOptions.value = processTreeData(res.data);
+    }
+  } catch (error) {
+    console.error('获取宿舍楼栋数据失败:', error);
+    ElMessage.error('获取宿舍楼栋数据失败');
+  }
+};
+
+// 组件挂载时初始化数据
+onMounted(async () => {
+  await Promise.all([getRegionTree(), getDormBuildingTree()]);
+  // 获取个人信息
+  await getPersonalInfoData();
+});
+</script>
+
+<style scoped>
+.app-container {
+  padding: 20px;
+  background-color: #f5f5f5;
+  min-height: calc(100vh - 84px);
+}
+
+.box-card {
+  margin-bottom: 20px;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.header-title {
+  font-size: 18px;
+  font-weight: bold;
+  color: #303133;
+}
+
+.header-info {
+  display: flex;
+  gap: 10px;
+}
+
+.personal-tabs {
+  margin-top: 20px;
+}
+
+.personal-form {
+  padding: 20px;
+}
+
+/* 照片标签容器样式 */
+.photo-label-container {
+  display: flex;
+  align-items: center;
+  height: 150px;
+  gap: 8px;
+}
+
+/* 照片帮助图标样式 */
+.photo-help-icon {
+  color: #8c939d;
+  cursor: help;
+  font-size: 16px;
+}
+
+/* 照片显示容器样式 */
+.photo-display {
+  border: 1px solid var(--el-border-color);
+  border-radius: 6px;
+  overflow: hidden;
+  width: 120px;
+  height: 150px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.photo-display .photo {
+  width: 130px;
+  height: 130px;
+  object-fit: cover;
+  border-radius: 6px;
+}
+
+.photo-display .photo-placeholder {
+  width: 130px;
+  height: 130px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #8c939d;
+  font-size: 14px;
+  background-color: #fafafa;
+  border-radius: 6px;
+  cursor: default;
+}
+
+/* Tab页样式优化 */
+:deep(.el-tabs__content) {
+  padding: 0;
+}
+
+:deep(.el-tabs__header .el-tabs__item.is-active) {
+  color: var(--el-color-primary) !important;
+}
+
+:deep(.el-tabs__header .el-tabs__item) {
+  color: #000 !important;
+}
+
+/* 表单样式优化 */
+:deep(.el-form-item__label) {
+  font-weight: 500;
+  color: #606266;
+}
+
+:deep(.el-input.is-disabled .el-input__wrapper) {
+  background-color: #f5f7fa;
+  border-color: #e4e7ed;
+}
+
+:deep(.el-select.is-disabled .el-input__wrapper) {
+  background-color: #f5f7fa;
+  border-color: #e4e7ed;
+}
+
+:deep(.el-textarea.is-disabled .el-textarea__inner) {
+  background-color: #f5f7fa;
+  border-color: #e4e7ed;
+}
+
+/* 响应式布局 */
+@media (max-width: 1200px) {
+  .personal-form {
+    padding: 15px;
+  }
+
+  .el-row {
+    margin-left: -15px !important;
+    margin-right: -15px !important;
+  }
+
+  .el-col {
+    padding-left: 15px !important;
+    padding-right: 15px !important;
+  }
+}
+
+@media (max-width: 768px) {
+  .app-container {
+    padding: 10px;
+  }
+
+  .card-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .header-info {
+    flex-wrap: wrap;
+  }
+
+  .personal-form {
+    padding: 10px;
+  }
+}
+</style>
diff --git a/web/src/views/studentMsg/studentMsg/index.vue b/web/src/views/studentMsg/studentMsg/index.vue
index 41eb9c75..ecdb7db4 100644
--- a/web/src/views/studentMsg/studentMsg/index.vue
+++ b/web/src/views/studentMsg/studentMsg/index.vue
@@ -948,7 +948,7 @@
             <el-row :gutter="20">
               <el-col :span="8">
                 <el-form-item label="出生日期">
-                  <span class="form-value">{{ detailForm.birthDate }}</span>
+                  <span class="form-value">{{ proxy.parseTime(detailForm.birthDate, '{y}-{m}-{d}') }}</span>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -1053,7 +1053,7 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="婚姻状况">
-                  <span class="form-value">{{ ['', '未婚', '已婚', '离异', '丧偶'][detailForm.maritalStatus] || detailForm.maritalStatus }}</span>
+                  <span class="form-value">{{ getMaritalStatusLabel(detailForm.maritalStatus) }}</span>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -1225,7 +1225,7 @@
             <el-row :gutter="20">
               <el-col :span="8">
                 <el-form-item label="家庭经济状况">
-                  <span class="form-value">{{ detailForm.familyEconomicStatus }}</span>
+                  <span class="form-value">{{ getFamilyEconomicStatusLabel(detailForm.familyEconomicStatus) }}</span>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -1253,7 +1253,7 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="血型">
-                  <span class="form-value">{{ detailForm.bloodType }}</span>
+                  <span class="form-value">{{ getBloodTypeLabel(detailForm.bloodType) }}</span>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -1270,9 +1270,7 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="残疾类型">
-                  <span class="form-value">{{
-                    ['', '视力残疾', '听力残疾', '智力残疾', '', '', '', '', '', '其他残疾'][detailForm.disabilityType] || detailForm.disabilityType
-                  }}</span>
+                  <span class="form-value">{{ getDisabilityTypeLabel(detailForm.disabilityType) }}</span>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -1335,9 +1333,7 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="学历层次">
-                  <span class="form-value">{{
-                    ['', '中级工', '高级工', '预备技师', '技师', '中高职一体'][detailForm.academicLevel] || detailForm.academicLevel
-                  }}</span>
+                  <span class="form-value">{{ getAcademicLevelLabel(detailForm.academicLevel) }}</span>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -1349,7 +1345,7 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="入学日期">
-                  <span class="form-value">{{ detailForm.enrollmentDate }}</span>
+                  <span class="form-value">{{ proxy.parseTime(detailForm.enrollmentDate, '{y}-{m}-{d}') }}</span>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -1517,6 +1513,63 @@ const sys_normal_disable = ref([
   { value: '5', label: '毕业' }
 ]);
 
+/** 婚姻状况码表映射 */
+const getMaritalStatusLabel = (value: string | number) => {
+  const maritalStatusMap: Record<string, string> = {
+    '1': '未婚',
+    '2': '已婚',
+    '3': '离异',
+    '4': '丧偶'
+  };
+  return maritalStatusMap[String(value)] || value || '未知';
+};
+
+/** 家庭经济状况码表映射 */
+const getFamilyEconomicStatusLabel = (value: string | number) => {
+  const economicStatusMap: Record<string, string> = {
+    '富裕': '富裕',
+    '一般': '一般',
+    '困难': '困难',
+    '特困': '特困'
+  };
+  return economicStatusMap[String(value)] || value || '未知';
+};
+
+/** 血型码表映射 */
+const getBloodTypeLabel = (value: string | number) => {
+  const bloodTypeMap: Record<string, string> = {
+    'A': 'A型',
+    'B': 'B型',
+    'AB': 'AB型',
+    'O': 'O型',
+    '未知': '未知'
+  };
+  return bloodTypeMap[String(value)] || value || '未知';
+};
+
+/** 残疾类型码表映射 */
+const getDisabilityTypeLabel = (value: string | number) => {
+  const disabilityTypeMap: Record<string, string> = {
+    '1': '视力残疾',
+    '2': '听力残疾',
+    '3': '智力残疾',
+    '9': '其他残疾'
+  };
+  return disabilityTypeMap[String(value)] || value || '未知';
+};
+
+/** 学历层级码表映射 */
+const getAcademicLevelLabel = (value: string | number) => {
+  const academicLevelMap: Record<string, string> = {
+    '1': '中级工',
+    '2': '高级工',
+    '3': '预备技师',
+    '4': '技师',
+    '5': '中高职一体'
+  };
+  return academicLevelMap[String(value)] || value || '未知';
+};
+
 const activeTab = ref('basic'); // 当前激活的tab页
 const activeDetailTab = ref('basic'); // 当前激活的详细信息tab页