From f85b9b258af3acc5c411c982852b758f7bfe5c06 Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Sat, 25 Oct 2025 22:33:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../XskhDisciplineRecordController.java       |   22 +
 .../mapper/XskhDisciplineRecordMapper.java    |   12 +-
 .../service/IXskhDisciplineRecordService.java |   22 +
 .../impl/XskhDisciplineRecordServiceImpl.java |   52 +-
 .../mapper/XskhDisciplineRecordMapper.xml     |   11 +-
 .../code-adjust-record-2025-01-08-cursor.md   |   75 -
 .../code-adjust-record-2025-01-14-cursor.md   |  241 ---
 .../code-adjust-record-2025-01-15-cursor.md   |   66 -
 .../code-adjust-record-2025-01-21-cursor.md   |  137 --
 mobile/src/pages.json                         |   16 +
 mobile/src/pages/index/index.vue              |   22 +
 .../xskh/wjjlEntry/disciplineRecordForm.vue   | 1811 +++++++++++++++++
 mobile/src/pages/xskh/wjjlEntry/index.vue     |  511 +++++
 13 files changed, 2472 insertions(+), 526 deletions(-)
 delete mode 100644 docs/变更管理/code-adjust-record-2025-01-08-cursor.md
 delete mode 100644 docs/变更管理/code-adjust-record-2025-01-14-cursor.md
 delete mode 100644 docs/变更管理/code-adjust-record-2025-01-15-cursor.md
 delete mode 100644 docs/变更管理/code-adjust-record-2025-01-21-cursor.md
 create mode 100644 mobile/src/pages/xskh/wjjlEntry/disciplineRecordForm.vue
 create mode 100644 mobile/src/pages/xskh/wjjlEntry/index.vue

diff --git a/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/controller/XskhDisciplineRecordController.java b/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/controller/XskhDisciplineRecordController.java
index be7e95fc..a692de04 100644
--- a/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/controller/XskhDisciplineRecordController.java
+++ b/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/controller/XskhDisciplineRecordController.java
@@ -112,6 +112,18 @@ public class XskhDisciplineRecordController extends BaseController {
         return R.ok(xskhDisciplineRecordService.getStudentOptions(keyword));
     }
 
+    /**
+     * 分页查询学生选项列表（用于移动端）
+     */
+    @SaCheckPermission("disciplineRecord:disciplineRecord:query")
+    @GetMapping("/studentOptionsPage")
+    public R<List<XskhStudentOptionVo>> getStudentOptionsPage(
+            @RequestParam(required = false) String keyword,
+            @RequestParam(required = false, defaultValue = "1") Integer pageNum,
+            @RequestParam(required = false, defaultValue = "20") Integer pageSize) {
+        return R.ok(xskhDisciplineRecordService.getStudentOptionsPage(keyword, pageNum, pageSize));
+    }
+
     /**
      * 查询当前登录学生的违纪处分记录列表
      */
@@ -166,4 +178,14 @@ public class XskhDisciplineRecordController extends BaseController {
             @RequestParam String endTime) {
         return R.ok(xskhDisciplineRecordService.getMaxScoreByTypeAndPeriod(typeId, startTime, endTime));
     }
+
+    /**
+     * 查询当前用户创建的违纪记录列表（支持按学生姓名或学号搜索）
+     */
+    @SaCheckPermission("disciplineRecord:disciplineRecord:query")
+    @GetMapping("/myCreated")
+    public TableDataInfo<XskhDisciplineRecordVo> getMyCreatedDisciplineRecords(XskhDisciplineRecordBo bo,
+            PageQuery pageQuery) {
+        return xskhDisciplineRecordService.queryMyCreatedPageList(bo, pageQuery);
+    }
 }
diff --git a/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/mapper/XskhDisciplineRecordMapper.java b/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/mapper/XskhDisciplineRecordMapper.java
index 75db4990..c93965ff 100644
--- a/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/mapper/XskhDisciplineRecordMapper.java
+++ b/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/mapper/XskhDisciplineRecordMapper.java
@@ -22,10 +22,14 @@ public interface XskhDisciplineRecordMapper extends BaseMapperPlus<XskhDisciplin
         /**
          * 查询学生选项列表（用于下拉框）
          *
-         * @param keyword 搜索关键词（学号或姓名）
+         * @param keyword  搜索关键词（学号或姓名）
+         * @param pageNum  页码
+         * @param pageSize 每页数量
          * @return 学生选项列表
          */
-        List<XskhStudentOptionVo> selectStudentOptions(String keyword);
+        List<XskhStudentOptionVo> selectStudentOptions(@Param("keyword") String keyword,
+                        @Param("pageNum") Integer pageNum,
+                        @Param("pageSize") Integer pageSize);
 
         /**
          * 查询班主任班级的违纪处分记录列表（班主任专用）
@@ -78,7 +82,7 @@ public interface XskhDisciplineRecordMapper extends BaseMapperPlus<XskhDisciplin
          * @return 最高总扣分
          */
         java.math.BigDecimal selectMaxScoreByTypeAndPeriod(@Param("typeId") Long typeId,
-                @Param("startTime") String startTime,
-                @Param("endTime") String endTime);
+                        @Param("startTime") String startTime,
+                        @Param("endTime") String endTime);
 
 }
diff --git a/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/service/IXskhDisciplineRecordService.java b/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/service/IXskhDisciplineRecordService.java
index 4f061dce..42c24a40 100644
--- a/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/service/IXskhDisciplineRecordService.java
+++ b/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/service/IXskhDisciplineRecordService.java
@@ -50,9 +50,22 @@ public interface IXskhDisciplineRecordService {
 
     /**
      * 查询学生选项列表（用于下拉框）
+     *
+     * @param keyword 搜索关键词
+     * @return 学生选项列表
      */
     List<XskhStudentOptionVo> getStudentOptions(String keyword);
 
+    /**
+     * 分页查询学生选项列表（用于移动端）
+     *
+     * @param keyword  搜索关键词
+     * @param pageNum  页码
+     * @param pageSize 每页数量
+     * @return 学生选项列表
+     */
+    List<XskhStudentOptionVo> getStudentOptionsPage(String keyword, Integer pageNum, Integer pageSize);
+
     /**
      * 查询当前登录学生的违纪处分记录列表
      */
@@ -101,4 +114,13 @@ public interface IXskhDisciplineRecordService {
      * @return 最高总扣分
      */
     java.math.BigDecimal getMaxScoreByTypeAndPeriod(Long typeId, String startTime, String endTime);
+
+    /**
+     * 查询当前用户创建的违纪记录列表（支持按学生姓名或学号搜索）
+     *
+     * @param bo        查询条件
+     * @param pageQuery 分页参数
+     * @return 违纪记录分页列表
+     */
+    TableDataInfo<XskhDisciplineRecordVo> queryMyCreatedPageList(XskhDisciplineRecordBo bo, PageQuery pageQuery);
 }
diff --git a/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/service/impl/XskhDisciplineRecordServiceImpl.java b/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/service/impl/XskhDisciplineRecordServiceImpl.java
index 97a73cbf..69798c8e 100644
--- a/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/service/impl/XskhDisciplineRecordServiceImpl.java
+++ b/backend/ruoyi-modules/ruoyi-xskh/src/main/java/org/dromara/xskh/service/impl/XskhDisciplineRecordServiceImpl.java
@@ -165,7 +165,15 @@ public class XskhDisciplineRecordServiceImpl implements IXskhDisciplineRecordSer
      */
     @Override
     public List<XskhStudentOptionVo> getStudentOptions(String keyword) {
-        return baseMapper.selectStudentOptions(keyword);
+        return baseMapper.selectStudentOptions(keyword, null, null);
+    }
+
+    /**
+     * 分页查询学生选项列表（用于移动端）
+     */
+    @Override
+    public List<XskhStudentOptionVo> getStudentOptionsPage(String keyword, Integer pageNum, Integer pageSize) {
+        return baseMapper.selectStudentOptions(keyword, pageNum, pageSize);
     }
 
     /**
@@ -286,4 +294,46 @@ public class XskhDisciplineRecordServiceImpl implements IXskhDisciplineRecordSer
         log.info("违纪类型 {} 的最高总扣分为: {}", typeId, maxScore);
         return maxScore;
     }
+
+    /**
+     * 查询当前用户创建的违纪记录列表（支持按学生姓名或学号搜索）
+     */
+    @Override
+    public TableDataInfo<XskhDisciplineRecordVo> queryMyCreatedPageList(XskhDisciplineRecordBo bo,
+            PageQuery pageQuery) {
+        // 获取当前登录用户ID
+        Long currentUserId = LoginHelper.getUserId();
+        log.info("查询用户 {} 创建的违纪记录列表", currentUserId);
+
+        // 构建查询条件，强制只查询当前用户创建的记录
+        LambdaQueryWrapper<XskhDisciplineRecord> lqw = Wrappers.lambdaQuery();
+
+        // 核心条件：只查询当前用户创建的记录
+        lqw.eq(XskhDisciplineRecord::getCreateBy, currentUserId);
+
+        // 支持按学生姓名或学号模糊搜索（使用OR连接）
+        if (StringUtils.isNotBlank(bo.getStudentName()) || StringUtils.isNotBlank(bo.getStudentNo())) {
+            String keyword = StringUtils.isNotBlank(bo.getStudentName()) ? bo.getStudentName() : bo.getStudentNo();
+            lqw.and(wrapper -> wrapper
+                    .like(XskhDisciplineRecord::getStudentName, keyword)
+                    .or()
+                    .like(XskhDisciplineRecord::getStudentNo, keyword));
+        }
+
+        // 其他可选查询条件
+        lqw.eq(bo.getStudentId() != null, XskhDisciplineRecord::getStudentId, bo.getStudentId());
+        lqw.eq(bo.getCollegeId() != null, XskhDisciplineRecord::getCollegeId, bo.getCollegeId());
+        lqw.eq(bo.getMajorId() != null, XskhDisciplineRecord::getMajorId, bo.getMajorId());
+        lqw.eq(bo.getClassId() != null, XskhDisciplineRecord::getClassId, bo.getClassId());
+        lqw.eq(bo.getDisciplineTypeId() != null, XskhDisciplineRecord::getDisciplineTypeId, bo.getDisciplineTypeId());
+        lqw.eq(StringUtils.isNotBlank(bo.getStatus()), XskhDisciplineRecord::getStatus, bo.getStatus());
+
+        // 按创建时间倒序排列
+        lqw.orderByDesc(XskhDisciplineRecord::getCreateTime);
+
+        // 执行分页查询
+        Page<XskhDisciplineRecordVo> result = baseMapper.selectVoPage(pageQuery.build(), lqw);
+        log.info("查询到 {} 条记录", result.getTotal());
+        return TableDataInfo.build(result);
+    }
 }
diff --git a/backend/ruoyi-modules/ruoyi-xskh/src/main/resources/mapper/XskhDisciplineRecordMapper.xml b/backend/ruoyi-modules/ruoyi-xskh/src/main/resources/mapper/XskhDisciplineRecordMapper.xml
index ac51253f..18e6125c 100644
--- a/backend/ruoyi-modules/ruoyi-xskh/src/main/resources/mapper/XskhDisciplineRecordMapper.xml
+++ b/backend/ruoyi-modules/ruoyi-xskh/src/main/resources/mapper/XskhDisciplineRecordMapper.xml
@@ -49,7 +49,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         select id, student_id, student_no, student_name, college_id, college_name, major_id, major_name, class_id, class_name, discipline_type_id, discipline_type_name, discipline_date, discipline_reason, discipline_content, score_deduction, status, violation_source, attachment_oss_ids, create_by, create_time, create_dept, update_by, update_time, deleted, tenant_id from xskh_discipline_record
     </sql>
 
-    <select id="selectStudentOptions" parameterType="String" resultMap="StudentOptionResult">
+    <select id="selectStudentOptions" resultMap="StudentOptionResult">
         select
             id, student_no, name, college_id, college_name,
             major_id, major_name, class_id, class_name
@@ -61,7 +61,14 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
                 or name like concat('%', #{keyword}, '%'))
         </if>
         order by student_no
-        limit 50
+        <choose>
+            <when test="pageNum != null and pageSize != null">
+                limit ${(pageNum - 1) * pageSize}, #{pageSize, jdbcType=INTEGER}
+            </when>
+            <otherwise>
+                limit 50
+            </otherwise>
+        </choose>
     </select>
 
     <select id="selectClassTeacherVoPage" resultType="XskhDisciplineRecordVo">
diff --git a/docs/变更管理/code-adjust-record-2025-01-08-cursor.md b/docs/变更管理/code-adjust-record-2025-01-08-cursor.md
deleted file mode 100644
index 5964cba7..00000000
--- a/docs/变更管理/code-adjust-record-2025-01-08-cursor.md
+++ /dev/null
@@ -1,75 +0,0 @@
-# 代码调整记录 - 2025-01-08 - Cursor AI
-
-## 📝 变更概述
-**变更时间**: 2025-01-08 15:30:00  
-**变更人员**: Cursor AI  
-**变更类型**: 数据库结构修复  
-**影响模块**: 社团管理 - 活动报名功能
-
-## 🔴 **问题描述**
-**问题现象**: 活动报名接口数据插入失败，报错缺少字段
-**根本原因**: `stgl_activity_registration` 数据库表结构与实体类不匹配，缺失多个字段
-
-**缺失字段清单**:
-- `remark` - 申请理由（非必填）
-- `gender` - 性别  
-- `phone` - 联系电话
-- `email` - 邮箱
-- `department` - 院系
-- `major` - 专业
-- `class_name` - 班级
-
-## ✅ **解决方案**
-
-### 1. 创建修复SQL脚本
-**文件**: `docs/设计文档/database/社团管理/修复活动报名表字段.sql`
-- 添加7个缺失字段到 `stgl_activity_registration` 表
-- 新增性能优化索引 (`idx_gender`, `idx_phone`, `idx_department`)
-- 包含验证和检查语句
-
-### 2. 更新建表脚本
-**文件**: `docs/设计文档/database/社团管理/社团管理建表脚本.sql`
-- 在 `stgl_activity_registration` 表中补充完整字段定义
-- 调整字段顺序，符合逻辑分组（基本信息、审核信息、成绩信息、学生个人信息）
-- 新增对应索引
-
-## 📊 **影响范围**
-- ✅ **后端**: StglActivityRegistration 实体类字段完整匹配
-- ✅ **数据库**: 表结构字段补全，支持完整业务数据
-- ✅ **API**: 活动报名相关接口正常工作
-- ✅ **前端**: 报名表单数据可正常提交和保存
-
-## 🧪 **验证方法**
-```sql
--- 1. 执行修复脚本
-source docs/设计文档/database/社团管理/修复活动报名表字段.sql
-
--- 2. 验证表结构
-DESCRIBE stgl_activity_registration;
-
--- 3. 测试插入数据
--- 使用活动报名API接口测试完整数据提交
-```
-
-## 📋 **待执行任务**
-- [x] 分析问题原因
-- [x] 创建修复SQL脚本  
-- [x] 更新建表脚本
-- [x] 记录变更日志
-- [ ] **需要执行**: 在数据库中运行修复脚本
-- [ ] **需要测试**: 验证活动报名功能正常
-
-## 🔗 **相关文件**
-- `backend/ruoyi-modules/ruoyi-stgl/src/main/java/org/dromara/stgl/domain/StglActivityRegistration.java`
-- `backend/ruoyi-modules/ruoyi-stgl/src/main/resources/mapper/stgl/StglActivityRegistrationMapper.xml`
-- `docs/设计文档/database/社团管理/社团管理建表脚本.sql`
-- `docs/设计文档/database/社团管理/修复活动报名表字段.sql` (新增)
-
-## 💡 **经验总结**
-1. **数据库与实体类一致性**: 开发时必须确保数据库表结构与实体类字段完全匹配
-2. **渐进式开发问题**: 实体类后续添加字段时，必须同步更新数据库表结构
-3. **文档同步重要性**: 建表脚本必须与实际代码保持同步，避免部署时出现问题
-4. **字段分组设计**: 表字段应该按业务逻辑分组，提高可读性和维护性
-
----
-*本记录严格按照项目规范要求，代码变更与文档同步更新* 
\ No newline at end of file
diff --git a/docs/变更管理/code-adjust-record-2025-01-14-cursor.md b/docs/变更管理/code-adjust-record-2025-01-14-cursor.md
deleted file mode 100644
index 756d27de..00000000
--- a/docs/变更管理/code-adjust-record-2025-01-14-cursor.md
+++ /dev/null
@@ -1,241 +0,0 @@
-# 代码调整记录 - 2025-01-14 - cursor
-
-## 📝 变更概述
-**变更日期**: 2025-01-14 15:30:00  
-**处理人员**: cursor  
-**变更类型**: 前端功能修复 + UI优化  
-
-## 🎯 变更内容
-
-### 1. 修复预约时段状态切换功能 (XljkConsultationSchedule)
-
-**问题描述**:
-- 心理健康咨询预约时段管理页面，点击编辑按钮后状态切换异常
-- 无论当前状态如何，都会变成停用状态
-- 显示双重状态标签，界面异常
-
-**根本原因分析**:
-1. **状态值类型不一致**: 前端接收的`status`是字符串类型（`"0"`, `"1"`），但切换逻辑使用数字比较（`=== 1`）
-2. **字典数据缺失**: `schedule_status`字典未正确配置，导致显示异常
-3. **状态更新接口数据类型错误**: 发送数字状态但接收端可能期望字符串
-
-**修复方案**:
-
-#### 1.1 修复状态切换逻辑
-**文件**: `web/src/views/xljk/consultation/schedule/index.vue`
-
-**修改前**:
-```typescript
-const handleUpdate = async (row?: XljkConsultationScheduleVO) => {
-  if (row && row.id) {
-    try {
-      await updateXljkSchedule({
-        id: row.id,
-        status: row.status === 1 ? 0 : 1  // 错误：字符串与数字比较
-      } as XljkConsultationScheduleForm);
-      ElMessage.success('状态更新成功');
-      getList();
-    } catch (error) {
-      console.error('更新时段状态失败', error);
-      ElMessage.error('状态更新失败');
-    }
-  }
-};
-```
-
-**修改后**:
-```typescript
-const handleUpdate = async (row?: XljkConsultationScheduleVO) => {
-  if (row && row.id) {
-    try {
-      // 修复：将字符串状态正确转换为数字进行比较
-      const currentStatus = parseInt(row.status as string);
-      const newStatus = currentStatus === 1 ? 0 : 1;
-      
-      console.log(`状态切换调试 - 当前状态: ${row.status} (${typeof row.status}), 转换后: ${currentStatus}, 新状态: ${newStatus}`);
-      
-      await updateXljkSchedule({
-        id: row.id,
-        status: newStatus.toString()
-      } as XljkConsultationScheduleForm);
-      
-      ElMessage.success(`状态已${newStatus === 0 ? '启用' : '停用'}`);
-      getList();
-    } catch (error) {
-      console.error('更新时段状态失败', error);
-      ElMessage.error('状态更新失败');
-    }
-  }
-};
-```
-
-**修复要点**:
-- ✅ 使用 `parseInt()` 将字符串状态转换为数字进行比较
-- ✅ 添加调试日志输出，便于问题排查
-- ✅ 改进用户提示消息，明确显示状态变更结果
-- ✅ 确保发送的状态值类型一致性
-
-#### 1.2 创建字典数据配置
-**文件**: `backend/script/sql/xljk-dict-data.sql`
-
-**新增内容**:
-```sql
--- 预约时段状态字典
-INSERT INTO sys_dict_type VALUES (102, '000000', '预约时段状态', 'schedule_status', 103, 1, sysdate(), NULL, NULL, '预约时段状态列表');
-
--- 预约时段状态字典数据
-INSERT INTO sys_dict_data VALUES (300, '000000', 1, '正常', '0', 'schedule_status', '', 'success', 'Y', 103, 1, sysdate(), NULL, NULL, '正常状态');
-INSERT INTO sys_dict_data VALUES (301, '000000', 2, '停用', '1', 'schedule_status', '', 'danger', 'N', 103, 1, sysdate(), NULL, NULL, '停用状态');
-```
-
-**配置要点**:
-- ✅ 创建 `schedule_status` 字典类型
-- ✅ 配置状态值：`0-正常`（success样式）、`1-停用`（danger样式）
-- ✅ 同时创建相关的预约状态和时段类型字典
-
-### 2. 优化预约时段管理列表列宽 (2025-01-14 15:45:00)
-
-**调整目标**: 缩小上午时段、下午时段、创建时间3个列的列宽，优化页面布局
-
-**列宽调整对比**:
-
-| 字段名称 | 调整前 | 调整后 | 变化 |
-|----------|--------|--------|------|
-| **上午时段** | `min-width="150"` | `min-width="120"` | -30px |
-| **下午时段** | `min-width="150"` | `min-width="120"` | -30px |
-| **创建时间** | `width="150"` | `width="120"` | -30px |
-
-**修改位置**: `web/src/views/xljk/consultation/schedule/index.vue` (第84-102行)
-
-**修改内容**:
-```vue
-<!-- 上午时段列 -->
-<el-table-column label="上午时段" align="center" min-width="120">
-
-<!-- 下午时段列 -->
-<el-table-column label="下午时段" align="center" min-width="120">
-
-<!-- 创建时间列 -->
-<el-table-column label="创建时间" align="center" prop="createTime" width="120">
-```
-
-**优化效果**:
-- ✅ 总体节省空间：90px (30px × 3列)
-- ✅ 上午/下午时段列保持响应式 (`min-width`)
-- ✅ 创建时间列固定宽度更紧凑
-- ✅ 为其他列提供更多显示空间
-- ✅ 提升页面整体布局效率
-
-**表格布局更新**:
-- **原总最小宽度**: 1115px
-- **新总最小宽度**: 1025px  
-- **空间优化**: 节省90px宽度
-
-### 3. 移除预约限制管理页面创建时间字段 (2025-01-14 16:00:00)
-
-**调整目标**: 移除预约限制管理（未到访记录）列表界面的创建时间字段显示
-
-**页面位置**: `web/src/views/xljk/consultation/noshow/index.vue`
-
-**移除字段**:
-```vue
-<!-- 已移除的创建时间列 -->
-<el-table-column label="创建时间" align="center" prop="createTime" width="150">
-  <template #default="scope">
-    <span>{{ parseTime(scope.row.createTime) }}</span>
-  </template>
-</el-table-column>
-```
-
-**修改位置**: 第92-96行
-
-**优化效果**:
-- ✅ **简化界面**: 移除不必要的时间信息显示
-- ✅ **节省空间**: 释放150px列宽空间
-- ✅ **聚焦核心**: 突出学生信息、限制状态等关键信息
-- ✅ **提升体验**: 减少信息冗余，提高页面简洁度
-
-**当前保留字段**:
-- 学生姓名、学号、院系、专业、班级
-- 未到访日期、限制到期日、状态
-- 操作（查看、解除限制）
-
-**表格布局优化**:
-- **移除列宽**: 150px
-- **界面更简洁**: 专注于业务核心信息
-- **操作便捷**: 保留查看详情和解除限制功能
-
-## 🔧 技术细节
-
-### 问题原因深度分析
-
-1. **JavaScript类型转换问题**:
-   ```javascript
-   // 问题代码
-   "1" === 1  // false (字符串与数字比较)
-   
-   // 修复代码  
-   parseInt("1") === 1  // true (转换后比较)
-   ```
-
-2. **数据流类型不一致**:
-   ```
-   后端返回 → status: "0" (字符串)
-   前端比较 → status === 1 (数字)
-   结果     → 永远返回false，总是执行 : 1 分支
-   ```
-
-3. **字典配置缺失**:
-   ```vue
-   <dict-tag :options="schedule_status" :value="scope.row.status" />
-   ```
-   当 `schedule_status` 字典为空时，`dict-tag` 组件无法正确渲染，可能显示原始值或双重标签。
-
-### 测试验证
-
-**验证步骤**:
-1. ✅ 启动前端开发服务器
-2. ✅ 导航至心理健康 → 咨询管理 → 预约时段
-3. ✅ 检查状态列显示是否正常（应显示"正常"或"停用"）
-4. ✅ 点击编辑按钮测试状态切换
-5. ✅ 观察控制台调试日志
-6. ✅ 验证状态在正常/停用之间正确切换
-
-**预期结果**:
-- 状态列正确显示"正常"/"停用"标签
-- 点击编辑按钮后状态正确切换
-- 用户提示消息明确显示变更结果
-- 控制台输出调试信息供问题排查
-
-## 📊 影响范围
-
-**直接影响**:
-- ✅ 心理健康咨询预约时段管理功能恢复正常
-- ✅ 状态切换功能可正确启用/停用时段
-
-**间接影响**:
-- ✅ 改善用户体验，操作反馈更清晰
-- ✅ 为类似的状态切换功能提供标准修复模式
-- ✅ 完善了心理健康模块的字典数据配置
-
-## 🚀 后续优化建议
-
-1. **统一类型处理**: 考虑在前端建立统一的状态值处理工具函数
-2. **完善错误处理**: 添加更详细的错误处理和用户提示
-3. **字典数据管理**: 建立字典数据的统一管理和维护机制
-4. **测试用例**: 为状态切换功能添加单元测试和集成测试
-
-## 📋 变更文件清单
-
-| 文件路径 | 变更类型 | 说明 |
-|----------|----------|------|
-| `web/src/views/xljk/consultation/schedule/index.vue` | 修改 | 修复状态切换逻辑 + 优化列宽布局 |
-| `web/src/views/xljk/consultation/noshow/index.vue` | 修改 | 移除创建时间字段显示 |
-| `backend/script/sql/xljk-dict-data.sql` | 新增 | 创建心理健康模块字典数据配置 |
-| `docs/变更管理/code-adjust-record-2025-01-14-cursor.md` | 新增 | 本变更记录文档 |
-
----
-
-**验证完成**: ✅ 功能测试通过  
-**文档更新**: ✅ 已同步更新  
-**代码审查**: ✅ 自检完成 
\ No newline at end of file
diff --git a/docs/变更管理/code-adjust-record-2025-01-15-cursor.md b/docs/变更管理/code-adjust-record-2025-01-15-cursor.md
deleted file mode 100644
index 92d8fe70..00000000
--- a/docs/变更管理/code-adjust-record-2025-01-15-cursor.md
+++ /dev/null
@@ -1,66 +0,0 @@
-# 代码调整记录 - 2025-01-15 - cursor
-
-## 🔧 数据库字段修复
-
-### 📅 变更时间
-2025-01-15 14:30:00
-
-### 🎯 变更目标
-修复 `stgl_activity` 表缺失的 `remark` 字段
-
-### ⚠️ 问题描述
-在社团活动管理功能中出现以下错误：
-```
-Unknown column 'sa.remark' in 'field list'
-```
-
-**错误原因分析：**
-1. 实体类 `StglActivity.java` 中定义了 `remark` 字段
-2. MyBatis映射文件 `StglActivityMapper.xml` 中的SQL查询包含了 `sa.remark` 字段
-3. 但数据库表 `stgl_activity` 中实际缺少 `remark` 字段
-
-### 🔍 修复过程
-
-#### 1. 问题定位
-- 检查实体类：`StglActivity.java` 第216-217行定义了remark字段
-- 检查映射文件：`StglActivityMapper.xml` 第59行和第40行引用了remark字段
-- 检查数据库表：`stgl_activity` 表确实缺少remark字段
-
-#### 2. 修复方案
-为 `stgl_activity` 表添加缺失的 `remark` 字段
-
-#### 3. 执行的SQL语句
-```sql
-ALTER TABLE `stgl_activity` 
-ADD COLUMN `remark` varchar(500) DEFAULT NULL COMMENT '备注' AFTER `import_source`;
-```
-
-#### 4. 修复结果验证
-- ✅ remark字段成功添加到stgl_activity表
-- ✅ 字段类型：varchar(500)
-- ✅ 字段注释：备注
-- ✅ 字段位置：import_source字段之后
-
-### 📁 相关文件
-- **实体类**: `backend/ruoyi-modules/ruoyi-stgl/src/main/java/org/dromara/stgl/domain/StglActivity.java`
-- **映射文件**: `backend/ruoyi-modules/ruoyi-stgl/src/main/resources/mapper/stgl/StglActivityMapper.xml`
-- **修复脚本**: `backend/script/sql/fix-stgl-activity-remark-field.sql`
-- **建表脚本**: `docs/设计文档/database/社团管理/社团管理建表脚本.sql`
-
-### 🎯 影响范围
-- **功能模块**: 社团活动管理
-- **影响接口**: 所有涉及stgl_activity表查询的接口
-- **数据完整性**: 修复后代码与数据库结构保持一致
-
-### ✅ 验证结果
-修复完成后，社团活动管理相关功能应该能正常运行，不再出现字段缺失错误。
-
-### 📝 经验教训
-1. **数据库同步**: 确保实体类、映射文件与数据库表结构完全一致
-2. **建表脚本**: 需要检查建表脚本是否包含所有必要字段
-3. **字段映射**: MyBatis映射文件中的字段必须在数据库表中实际存在
-
----
-**修复人员**: Cursor AI  
-**修复时间**: 2025-01-15 14:30:00  
-**状态**: ✅ 已完成 
\ No newline at end of file
diff --git a/docs/变更管理/code-adjust-record-2025-01-21-cursor.md b/docs/变更管理/code-adjust-record-2025-01-21-cursor.md
deleted file mode 100644
index 7b5a8f9b..00000000
--- a/docs/变更管理/code-adjust-record-2025-01-21-cursor.md
+++ /dev/null
@@ -1,137 +0,0 @@
-# 代码调整记录 - 2025-01-21 - Cursor AI
-
-## 📋 变更概述
-
-**时间**: 2025-01-21 10:30:00  
-**操作人**: Cursor AI  
-**变更类型**: 🐛 Bug修复  
-**影响范围**: 志愿者成员管理模块  
-
-## 🔍 问题描述
-
-**问题现象**: 当前登录用户`2025LY23117`是志愿者马拉松工作组的队长，该队伍总共有3个人，但在志愿者成员管理页面只能看到一个成员。
-
-**根本原因**: 志愿者角色类型（roleType）在前后端定义不一致，导致权限过滤逻辑失效。
-
-### 问题详情
-
-| 组件 | 队长值 | 队员值 | 状态 |
-|------|--------|--------|------|
-| 前端字典（修复前） | 1 | 2 | ❌ 错误 |
-| 后端权限过滤 | 0 | 1 | ✅ 正确 |
-| 数据库SQL映射 | 0 | 1 | ✅ 正确 |
-| 字典表（修复前） | 1 | 2 | ❌ 错误 |
-
-**影响**: 
-- 权限过滤方法`getCaptainTeamIds`查找`roleType=0`时找不到队长记录
-- 查询条件被设置为`relationId=-1L`，导致返回空结果
-- 用户只能看到第一个队伍的数据
-
-## 🛠️ 解决方案
-
-**采用方案A**: 统一使用数据库SQL的定义（队长=0，队员=1）
-
-### 修复内容
-
-#### 1. 修改字典表数据
-**文件**: `backend/script/sql/stgl_volunteer_role_dict.sql`
-- 队长的`dict_value`从'1'改为'0'
-- 队员的`dict_value`从'2'改为'1'
-
-#### 2. 修改前端字典定义
-**文件**: `web/src/views/stgl/volunteer/member/index.vue`
-- 第358-361行：更新手动定义的字典
-- 第432行：修改默认角色值为'1'（队员）
-- 第242行：移除parseInt转换，保持字符串类型
-- 第632行：修改类型转换为String()
-
-#### 3. 创建数据库更新脚本
-**文件**: `script/update-volunteer-role-dict.sql`
-- 创建线上数据库更新脚本
-- 包含验证查询和完成提示
-
-## 📝 修改细节
-
-### 代码变更
-
-```javascript
-// 修复前
-const stgl_volunteer_role = ref([
-  { value: '1', label: '队长' },
-  { value: '2', label: '队员' }
-]);
-
-// 修复后
-const stgl_volunteer_role = ref([
-  { value: '0', label: '队长' },
-  { value: '1', label: '队员' }
-]);
-```
-
-```sql
--- 修复前字典数据
-VALUES (..., '队长', '1', ...)
-VALUES (..., '队员', '2', ...)
-
--- 修复后字典数据
-VALUES (..., '队长', '0', ...)
-VALUES (..., '队员', '1', ...)
-```
-
-### 权限过滤逻辑验证
-
-后端权限过滤逻辑保持不变（已正确）：
-```java
-captainBo.setRoleType(0); // 队长角色 = 0
-```
-
-数据库SQL映射保持不变（已正确）：
-```xml
-WHEN 0 THEN '队长'    <!-- 队长 = 0 -->
-WHEN 1 THEN '队员'    <!-- 队员 = 1 -->
-```
-
-## 🎯 预期效果
-
-修复完成后：
-1. ✅ 志愿者队长能够正确查看所属队伍的所有成员
-2. ✅ 权限过滤逻辑正常工作
-3. ✅ 前后端角色类型定义统一
-4. ✅ 字典数据显示正确
-
-## 📋 部署步骤
-
-1. **执行数据库更新脚本**:
-   ```bash
-   mysql -u username -p database < script/update-volunteer-role-dict.sql
-   ```
-
-2. **重新构建前端**:
-   ```bash
-   cd web
-   npm run build
-   ```
-
-3. **重启后端服务**（如有缓存）
-
-4. **验证功能**:
-   - 使用队长账号登录
-   - 访问志愿者成员管理页面
-   - 确认能看到所有队伍成员
-
-## 🔍 验证要点
-
-- [ ] 队长能查看所属队伍的所有成员
-- [ ] 角色显示正确（队长/队员）
-- [ ] 新增成员时角色选择正常
-- [ ] 权限过滤按预期工作
-
-## 📚 相关文档
-
-- **问题分析**: 本文档"问题描述"部分
-- **技术规范**: `.cursor/cursorrules-backend.md` - 权限管理规范
-- **API文档**: `docs/开发文档/API/志愿者管理API.md`
-
-## 🏷️ 标签
-
-`#志愿者管理` `#权限过滤` `#角色类型` `#前后端统一` `#字典数据` `#Bug修复` 
\ No newline at end of file
diff --git a/mobile/src/pages.json b/mobile/src/pages.json
index 65697572..d0026e05 100644
--- a/mobile/src/pages.json
+++ b/mobile/src/pages.json
@@ -246,6 +246,22 @@
 				"navigationBarTextStyle": "white"
 			}
 		},
+		{
+			"path": "pages/xskh/wjjlEntry/index",
+			"style": {
+				"navigationBarTitleText": "违纪记录录入",
+				"navigationBarBackgroundColor": "#0051d9",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/xskh/wjjlEntry/disciplineRecordForm",
+			"style": {
+				"navigationBarTitleText": "违纪记录",
+				"navigationBarBackgroundColor": "#0051d9",
+				"navigationBarTextStyle": "white"
+			}
+		},
 		{
 			"path": "pages/xskh/khsq/khsq",
 			"style": {
diff --git a/mobile/src/pages/index/index.vue b/mobile/src/pages/index/index.vue
index 3796628e..a8cee91e 100644
--- a/mobile/src/pages/index/index.vue
+++ b/mobile/src/pages/index/index.vue
@@ -263,6 +263,20 @@
                         </template>
                     </ServiceItem>
 
+                    <ServiceItem
+                        v-if="hasPermi(['student:violation:entry'])"
+                        title="违纪记录录入"
+                        @click="gotoViolationEntry"
+                    >
+                        <template #icon>
+                            <image
+                                src="/static/00125.png"
+                                mode="aspectFit"
+                                style="width: 24px; height: 24px"
+                            />
+                        </template>
+                    </ServiceItem>
+
                     <ServiceItem
                         v-if="hasPermi(['student:assessment:applyapp'])"
                         title="考核申请"
@@ -739,6 +753,7 @@ export default {
                 this.hasPermi(['student:dynamics:list']) ||
                 this.hasPermi(['student:workstudy:list']) ||
                 this.hasPermi(['student:violation:listapp']) ||
+                this.hasPermi(['student:violation:entry']) ||
                 this.hasPermi(['student:assessment:applyapp']) ||
                 this.hasPermi(['student:counsel:reservation'])
             );
@@ -989,6 +1004,13 @@ export default {
             });
         },
 
+        // 跳转到违纪记录录入页面
+        gotoViolationEntry() {
+            uni.navigateTo({
+                url: '/pages/xskh/wjjlEntry/index',
+            });
+        },
+
         // 跳转到考核申请页面
         gotoAssessmentApply() {
             uni.navigateTo({
diff --git a/mobile/src/pages/xskh/wjjlEntry/disciplineRecordForm.vue b/mobile/src/pages/xskh/wjjlEntry/disciplineRecordForm.vue
new file mode 100644
index 00000000..2e96c724
--- /dev/null
+++ b/mobile/src/pages/xskh/wjjlEntry/disciplineRecordForm.vue
@@ -0,0 +1,1811 @@
+<template>
+    <view class="discipline-record-form-page">
+        <!-- 页面导航栏 -->
+        <u-navbar :title="pageTitle" :border-bottom="false" bg-color="#0051d9" title-color="#fff">
+            <view slot="left" @click="goBack">
+                <u-icon name="arrow-left" color="#fff" size="22"></u-icon>
+            </view>
+        </u-navbar>
+
+        <view class="form-container">
+            <!-- 页面头部 -->
+            <view class="page-header">
+                <text class="page-title">{{ pageTitle }}</text>
+            </view>
+
+            <!-- 表单内容 -->
+            <scroll-view scroll-y class="page-content-scroll">
+                <view class="form-section">
+                    <u-form ref="formRef" :model="form" :rules="rules" label-width="140rpx">
+                        <!-- 学生选择 -->
+                        <u-form-item label="学生" prop="studentId" required v-if="mode !== 'view'">
+                            <view @click="openStudentPicker" style="width: 100%">
+                                <u-input
+                                    v-model="form.studentName"
+                                    placeholder="请选择学生"
+                                    readonly
+                                    border="none"
+                                    suffix-icon="arrow-down"
+                                    suffix-icon-style="color: #c8c9cc;"
+                                    style="pointer-events: none"
+                                />
+                            </view>
+                        </u-form-item>
+                        <u-form-item label="学生" v-else>
+                            <view class="readonly-value">
+                                {{ form.studentName }}({{ form.studentNo }})
+                            </view>
+                        </u-form-item>
+
+                        <!-- 学号（自动填充） -->
+                        <u-form-item label="学号">
+                            <view class="readonly-value">{{ form.studentNo || '-' }}</view>
+                        </u-form-item>
+
+                        <!-- 学院（自动填充） -->
+                        <u-form-item label="学院">
+                            <view class="readonly-value">{{ form.collegeName || '-' }}</view>
+                        </u-form-item>
+
+                        <!-- 专业（自动填充） -->
+                        <u-form-item label="专业">
+                            <view class="readonly-value">{{ form.majorName || '-' }}</view>
+                        </u-form-item>
+
+                        <!-- 班级（自动填充） -->
+                        <u-form-item label="班级">
+                            <view class="readonly-value">{{ form.className || '-' }}</view>
+                        </u-form-item>
+
+                        <!-- 违纪类型 -->
+                        <u-form-item
+                            label="违纪类型"
+                            prop="disciplineTypeId"
+                            required
+                            v-if="mode !== 'view'"
+                        >
+                            <view @click="showDisciplineTypePicker = true" style="width: 100%">
+                                <u-input
+                                    v-model="form.disciplineTypeName"
+                                    placeholder="请选择违纪类型"
+                                    readonly
+                                    border="none"
+                                    suffix-icon="arrow-down"
+                                    suffix-icon-style="color: #c8c9cc;"
+                                    style="pointer-events: none"
+                                />
+                            </view>
+                        </u-form-item>
+                        <u-form-item label="违纪类型" v-else>
+                            <view class="readonly-value">{{ form.disciplineTypeName || '-' }}</view>
+                        </u-form-item>
+
+                        <!-- 违纪日期 -->
+                        <u-form-item
+                            label="违纪日期"
+                            prop="disciplineDate"
+                            required
+                            v-if="mode !== 'view'"
+                        >
+                            <view @click="showDatePicker = true" style="width: 100%">
+                                <u-input
+                                    v-model="form.disciplineDate"
+                                    placeholder="请选择违纪日期"
+                                    readonly
+                                    border="none"
+                                    suffix-icon="arrow-down"
+                                    suffix-icon-style="color: #c8c9cc;"
+                                    style="pointer-events: none"
+                                />
+                            </view>
+                        </u-form-item>
+                        <u-form-item label="违纪日期" v-else>
+                            <view class="readonly-value">{{ form.disciplineDate || '-' }}</view>
+                        </u-form-item>
+
+                        <!-- 扣分分值 -->
+                        <u-form-item
+                            label="扣分分值"
+                            prop="scoreDeduction"
+                            required
+                            v-if="mode !== 'view'"
+                        >
+                            <u-input
+                                :value="form.scoreDeduction"
+                                @input="handleScoreInput"
+                                type="digit"
+                                placeholder="请输入扣分分值"
+                            />
+                        </u-form-item>
+                        <u-form-item label="扣分分值" v-else>
+                            <view class="readonly-value">{{ form.scoreDeduction || '0' }}</view>
+                        </u-form-item>
+
+                        <!-- 状态 -->
+                        <u-form-item label="状态" prop="status" required v-if="mode !== 'view'">
+                            <u-radio-group v-model="form.status">
+                                <u-radio
+                                    v-for="dict in statusDict"
+                                    :key="dict.value"
+                                    :name="dict.value"
+                                    :label="dict.label"
+                                    :customStyle="{ marginRight: '40rpx' }"
+                                ></u-radio>
+                            </u-radio-group>
+                        </u-form-item>
+                        <u-form-item label="状态" v-else>
+                            <view class="readonly-value">
+                                <u-tag
+                                    :text="getDictLabel(form.status)"
+                                    :type="getStatusType(form.status)"
+                                    size="mini"
+                                ></u-tag>
+                            </view>
+                        </u-form-item>
+
+                        <!-- 违纪原因 -->
+                        <u-form-item
+                            label="违纪原因"
+                            prop="disciplineReason"
+                            required
+                            v-if="mode !== 'view'"
+                        >
+                            <u-textarea
+                                v-model="form.disciplineReason"
+                                placeholder="请输入违纪原因"
+                                :maxlength="500"
+                                height="120"
+                                count
+                            />
+                        </u-form-item>
+                        <u-form-item label="违纪原因" v-else>
+                            <view class="readonly-value">{{ form.disciplineReason || '-' }}</view>
+                        </u-form-item>
+
+                        <!-- 违纪内容 -->
+                        <u-form-item label="违纪内容" v-if="mode !== 'view'">
+                            <u-textarea
+                                v-model="form.disciplineContent"
+                                placeholder="请输入违纪内容"
+                                :maxlength="500"
+                                height="120"
+                                count
+                            />
+                        </u-form-item>
+                        <u-form-item label="违纪内容" v-else>
+                            <view class="readonly-value">{{ form.disciplineContent || '-' }}</view>
+                        </u-form-item>
+
+                        <!-- 附件上传 -->
+                        <view class="attachment-section">
+                            <view class="section-title">附件上传</view>
+
+                            <!-- 图片展示区域 -->
+                            <view v-if="imageFiles.length > 0" class="image-section">
+                                <view class="image-grid">
+                                    <view
+                                        v-for="(image, index) in imageFiles"
+                                        :key="image.uid || index"
+                                        class="image-item"
+                                        @click="handleImageClick(image, index)"
+                                    >
+                                        <!-- 图片容器 -->
+                                        <view class="image-container">
+                                            <image
+                                                :src="image.blobUrl || image.url"
+                                                class="attachment-image"
+                                                mode="aspectFill"
+                                            ></image>
+
+                                            <!-- 上传状态遮罩 -->
+                                            <view
+                                                v-if="image.status === 'uploading'"
+                                                class="upload-overlay"
+                                            >
+                                                <u-loading-icon
+                                                    mode="circle"
+                                                    size="24"
+                                                    color="#fff"
+                                                ></u-loading-icon>
+                                                <text class="upload-text">
+                                                    {{ image.progress || 0 }}%
+                                                </text>
+                                            </view>
+
+                                            <!-- 错误状态遮罩 -->
+                                            <view
+                                                v-if="image.status === 'error'"
+                                                class="error-overlay"
+                                            >
+                                                <u-icon
+                                                    name="close-circle"
+                                                    size="24"
+                                                    color="#fff"
+                                                ></u-icon>
+                                                <text class="error-text">上传失败</text>
+                                            </view>
+
+                                            <!-- 成功状态角标 -->
+                                            <view
+                                                v-if="image.status === 'success'"
+                                                class="success-badge"
+                                            >
+                                                <u-icon
+                                                    name="checkmark-circle-fill"
+                                                    size="18"
+                                                    color="#52c41a"
+                                                ></u-icon>
+                                            </view>
+                                        </view>
+
+                                        <!-- 图片操作按钮（编辑模式） -->
+                                        <view
+                                            class="image-actions"
+                                            @click.stop
+                                            v-if="mode !== 'view'"
+                                        >
+                                            <u-button
+                                                v-if="image.status === 'success'"
+                                                size="mini"
+                                                type="primary"
+                                                shape="round"
+                                                plain
+                                                @tap="handleImageDownload(image)"
+                                                @click.stop.prevent="
+                                                    handleImageDownloadClick(image, $event)
+                                                "
+                                            >
+                                                下载
+                                            </u-button>
+                                            <u-button
+                                                v-if="image.status === 'error'"
+                                                size="mini"
+                                                type="warning"
+                                                shape="round"
+                                                plain
+                                                @click.stop.prevent="retryUploadFile(image, $event)"
+                                            >
+                                                重试
+                                            </u-button>
+                                            <u-button
+                                                size="mini"
+                                                type="error"
+                                                plain
+                                                shape="round"
+                                                @tap="handleImageDelete(image, index)"
+                                                @click.stop.prevent="
+                                                    handleImageDeleteClick(image, index, $event)
+                                                "
+                                            >
+                                                删除
+                                            </u-button>
+                                        </view>
+
+                                        <!-- 图片操作按钮（查看模式） -->
+                                        <view class="image-actions" @click.stop v-else>
+                                            <u-button
+                                                v-if="image.status === 'success'"
+                                                size="mini"
+                                                type="primary"
+                                                shape="round"
+                                                plain
+                                                @tap="handleImageDownload(image)"
+                                                @click.stop.prevent="
+                                                    handleImageDownloadClick(image, $event)
+                                                "
+                                            >
+                                                下载
+                                            </u-button>
+                                        </view>
+
+                                        <!-- 文件名显示 -->
+                                        <view class="image-name">
+                                            <text>{{ getShortFileName(image.name) }}</text>
+                                        </view>
+                                    </view>
+                                </view>
+                            </view>
+
+                            <!-- 上传按钮 -->
+                            <view v-if="mode !== 'view'" class="upload-button-section">
+                                <u-button
+                                    type="info"
+                                    icon="plus"
+                                    shape="round"
+                                    plain
+                                    @click="handleImageUpload"
+                                    style="width: 100%"
+                                >
+                                    添加附件（图片）
+                                </u-button>
+                            </view>
+
+                            <!-- 上传提示 -->
+                            <view class="upload-tips">
+                                <text class="tip-item">• 支持格式：JPG、PNG等</text>
+                                <text class="tip-item">• 单个文件不超过10MB</text>
+                                <text class="tip-item">• 最多上传15个文件</text>
+                            </view>
+                        </view>
+                    </u-form>
+                </view>
+            </scroll-view>
+
+            <!-- 页面底部按钮 -->
+            <view class="page-footer" v-if="mode !== 'view'">
+                <u-button type="info" @click="goBack" style="flex: 1">取消</u-button>
+                <u-button
+                    type="primary"
+                    @click="submitForm"
+                    :loading="buttonLoading"
+                    style="flex: 1"
+                >
+                    确定
+                </u-button>
+            </view>
+            <view class="page-footer" v-else>
+                <u-button type="info" @click="goBack" style="width: 100%">关闭</u-button>
+            </view>
+        </view>
+
+        <!-- 学生选择弹窗 -->
+        <u-popup
+            :show="showStudentPicker"
+            mode="bottom"
+            :round="14"
+            :close-on-click-overlay="false"
+            @close="showStudentPicker = false"
+        >
+            <view class="student-selector-popup">
+                <!-- 弹窗头部 -->
+                <view class="selector-header">
+                    <text class="selector-title">选择学生</text>
+                    <u-icon
+                        name="close"
+                        @click="showStudentPicker = false"
+                        size="24"
+                        color="#909399"
+                    ></u-icon>
+                </view>
+
+                <!-- 搜索栏 -->
+                <view class="search-section">
+                    <u-search
+                        v-model="studentSearchKeyword"
+                        placeholder="请输入学生姓名或学号"
+                        :show-action="true"
+                        action-text="搜索"
+                        @search="searchStudents"
+                        @custom="searchStudents"
+                        @clear="loadInitialStudents"
+                        bg-color="#f5f7fa"
+                    />
+                </view>
+
+                <!-- 学生列表 -->
+                <scroll-view scroll-y class="student-list" @scrolltolower="loadMoreStudents">
+                    <!-- 加载中 -->
+                    <view v-if="studentLoading && studentList.length === 0" class="loading-section">
+                        <u-loading-icon mode="circle" size="32"></u-loading-icon>
+                        <text class="loading-text">加载中...</text>
+                    </view>
+
+                    <!-- 学生列表项 -->
+                    <view
+                        v-else
+                        v-for="student in studentList"
+                        :key="student.id"
+                        class="student-item"
+                        @click="selectStudent(student)"
+                    >
+                        <view class="student-main">
+                            <view class="student-name-row">
+                                <text class="student-name">{{ student.name }}</text>
+                                <u-tag
+                                    v-if="form.studentId === student.id"
+                                    text="已选"
+                                    type="success"
+                                    size="mini"
+                                ></u-tag>
+                            </view>
+                            <text class="student-no">学号: {{ student.studentNo }}</text>
+                        </view>
+                        <view class="student-detail">
+                            <text class="detail-text">{{ student.collegeName || '-' }}</text>
+                            <text class="detail-text">{{ student.majorName || '-' }}</text>
+                            <text class="detail-text">{{ student.className || '-' }}</text>
+                        </view>
+                    </view>
+
+                    <!-- 空数据 -->
+                    <view v-if="!studentLoading && studentList.length === 0" class="empty-section">
+                        <u-empty mode="search" text="暂无数据"></u-empty>
+                    </view>
+
+                    <!-- 加载更多 -->
+                    <view v-if="studentList.length > 0" class="loadmore-section">
+                        <u-loadmore
+                            :status="loadmoreStatus"
+                            :loading-text="'加载中...'"
+                            :loadmore-text="'加载更多'"
+                            :nomore-text="'没有更多了'"
+                        />
+                    </view>
+                </scroll-view>
+            </view>
+        </u-popup>
+
+        <!-- 违纪类型选择器 -->
+        <u-picker
+            :show="showDisciplineTypePicker"
+            :columns="disciplineTypeColumns"
+            keyName="label"
+            @confirm="handleDisciplineTypeConfirm"
+            @cancel="showDisciplineTypePicker = false"
+        ></u-picker>
+
+        <!-- 日期选择器 -->
+        <u-datetime-picker
+            :show="showDatePicker"
+            v-model="datePickerValue"
+            mode="date"
+            @confirm="handleDateConfirm"
+            @cancel="showDatePicker = false"
+        ></u-datetime-picker>
+    </view>
+</template>
+
+<script>
+import { request, smartUploadFile, downloadFile } from '@/common/request.js';
+import { getDictLabel, getDictTagType, getDict } from '@/common/dict.js';
+import dayjs from 'dayjs';
+
+export default {
+    name: 'DisciplineRecordForm',
+    data() {
+        return {
+            mode: 'add', // add/edit/view
+            recordId: null,
+            form: {
+                id: null,
+                studentId: null,
+                studentNo: '',
+                studentName: '',
+                collegeId: null,
+                collegeName: '',
+                majorId: null,
+                majorName: '',
+                classId: null,
+                className: '',
+                disciplineTypeId: null,
+                disciplineTypeName: '',
+                disciplineDate: dayjs().format('YYYY-MM-DD'),
+                disciplineReason: '',
+                disciplineContent: '',
+                scoreDeduction: '',
+                status: '1',
+                attachmentOssIds: '',
+            },
+            rules: {
+                studentId: [
+                    {
+                        required: true,
+                        message: '请选择学生',
+                        trigger: ['change', 'blur'],
+                    },
+                ],
+                disciplineTypeId: [
+                    {
+                        required: true,
+                        message: '请选择违纪类型',
+                        trigger: ['change', 'blur'],
+                    },
+                ],
+                disciplineDate: [
+                    {
+                        required: true,
+                        message: '请选择违纪日期',
+                        trigger: ['change', 'blur'],
+                    },
+                ],
+                scoreDeduction: [
+                    {
+                        required: true,
+                        message: '请输入扣分分值',
+                        trigger: ['change', 'blur'],
+                    },
+                ],
+                disciplineReason: [
+                    {
+                        required: true,
+                        message: '请输入违纪原因',
+                        trigger: ['change', 'blur'],
+                    },
+                ],
+                status: [
+                    {
+                        required: true,
+                        message: '请选择状态',
+                        trigger: ['change', 'blur'],
+                    },
+                ],
+            },
+            buttonLoading: false,
+
+            // 选择器状态
+            showStudentPicker: false,
+            showDisciplineTypePicker: false,
+            showDatePicker: false,
+            datePickerValue: Date.now(),
+
+            // 学生列表
+            studentList: [],
+            studentSearchKeyword: '',
+            studentLoading: false,
+            studentPageNum: 1,
+            studentPageSize: 20,
+            studentTotal: 0,
+            loadmoreStatus: 'loadmore',
+
+            // 违纪类型列表
+            disciplineTypeList: [],
+            disciplineTypeColumns: [[]],
+
+            // 字典数据
+            statusDict: [],
+
+            // 附件相关
+            imageFiles: [],
+        };
+    },
+    computed: {
+        // 页面标题
+        pageTitle() {
+            if (this.mode === 'add') return '新增违纪记录';
+            if (this.mode === 'edit') return '编辑违纪记录';
+            if (this.mode === 'view') return '查看违纪记录';
+            return '违纪记录';
+        },
+        // 是否只读模式
+        isReadonly() {
+            return this.mode === 'view';
+        },
+    },
+    async onLoad(options) {
+        // 获取URL参数
+        this.mode = options.mode || 'add';
+        this.recordId = options.id || null;
+
+        // 加载字典数据
+        await this.loadDictData();
+
+        // 加载违纪类型
+        await this.loadDisciplineTypes();
+
+        // 如果是编辑或查看模式,加载详情
+        if (this.recordId) {
+            await this.loadRecordDetail(this.recordId);
+        }
+    },
+    onUnload() {
+        // 移除监听
+        uni.$off('refreshDisciplineRecordList');
+        // 清理blob URL，防止内存泄漏
+        this.cleanupBlobUrls();
+    },
+    methods: {
+        // 返回上一页
+        goBack() {
+            uni.navigateBack();
+        },
+
+        // 加载字典数据
+        async loadDictData() {
+            try {
+                this.statusDict = await getDict('student_discipline_status');
+            } catch (error) {
+                console.error('加载字典数据失败:', error);
+            }
+        },
+
+        // 获取字典标签
+        getDictLabel(value) {
+            return getDictLabel(this.statusDict, value) || value;
+        },
+
+        // 获取状态类型
+        getStatusType(status) {
+            const fallbackMap = {
+                1: 'success', // 生效
+                2: 'info', // 已撤销
+            };
+            return getDictTagType(this.statusDict, status, fallbackMap);
+        },
+
+        // 加载违纪类型
+        async loadDisciplineTypes() {
+            try {
+                const res = await request({
+                    url: '/disciplineType/disciplineType/list',
+                    method: 'GET',
+                    params: { pageNum: 1, pageSize: 1000, status: '0' },
+                });
+
+                if (res && res.code === 200) {
+                    this.disciplineTypeList = res.rows || [];
+                    this.disciplineTypeColumns = [
+                        this.disciplineTypeList.map((item) => ({
+                            label: item.typeName,
+                            value: item.id,
+                        })),
+                    ];
+                }
+            } catch (error) {
+                console.error('加载违纪类型失败:', error);
+            }
+        },
+
+        // 加载记录详情
+        async loadRecordDetail(id) {
+            try {
+                uni.showLoading({ title: '加载中...' });
+
+                const res = await request({
+                    url: `/disciplineRecord/disciplineRecord/${id}`,
+                    method: 'GET',
+                });
+
+                if (res && res.code === 200) {
+                    Object.assign(this.form, res.data);
+
+                    // 处理附件数据
+                    await this.handleAttachmentData();
+                }
+
+                uni.hideLoading();
+            } catch (error) {
+                uni.hideLoading();
+                console.error('加载记录详情失败:', error);
+                uni.showToast({
+                    title: '加载详情失败',
+                    icon: 'none',
+                });
+            }
+        },
+
+        // 处理附件数据
+        async handleAttachmentData() {
+            console.log('🎯 ===== handleAttachmentData 开始 =====');
+            try {
+                if (!this.form.attachmentOssIds || !this.form.attachmentOssIds.toString().trim()) {
+                    console.log('⚠️ attachmentOssIds 为空');
+                    this.imageFiles = [];
+                    return;
+                }
+
+                const ossIdsArray = this.form.attachmentOssIds
+                    .toString()
+                    .split(',')
+                    .map((id) => id.trim())
+                    .filter((id) => id);
+
+                console.log('📋 OSS IDs:', ossIdsArray);
+
+                if (ossIdsArray.length === 0) {
+                    console.log('⚠️ OSS IDs 数组为空');
+                    this.imageFiles = [];
+                    return;
+                }
+
+                console.log('🌐 开始请求附件列表...');
+                const response = await request({
+                    url: `/resource/oss/listByIds/${ossIdsArray.join(',')}`,
+                    method: 'GET',
+                });
+
+                console.log('📦 附件列表响应:', response);
+
+                if (response.code === 200 && response.data) {
+                    console.log(`✅ 获取到 ${response.data.length} 个附件`);
+                    
+                    this.imageFiles = response.data.map((item, index) => {
+                        console.log(`\n📄 处理附件 ${index + 1}/${response.data.length}:`, {
+                            originalName: item.originalName,
+                            fileSuffix: item.fileSuffix,
+                            url: item.url,
+                            ossId: item.ossId
+                        });
+
+                        // 使用fileSuffix字段判断文件类型
+                        const fileType = this.getFileTypeBySuffix(item.fileSuffix);
+                        console.log(`   📝 fileType: ${fileType}`);
+                        
+                        const isImage = this.isImageFile({
+                            name: item.originalName,
+                            type: fileType,
+                        });
+                        console.log(`   🖼️ isImage: ${isImage}`);
+
+                        // 处理图片URL - 确保有正确的API前缀
+                        let processedUrl = item.url;
+                        if (isImage && item.url && item.url.startsWith('/resource/')) {
+                            // 图片文件需要添加/api前缀
+                            processedUrl = `/api${item.url}`;
+                            console.log(`   🔄 URL转换: ${item.url} -> ${processedUrl}`);
+                        }
+
+                        // 构造完整的文件名（包含扩展名）
+                        let fullFileName = item.originalName || `附件${index + 1}`;
+                        if (
+                            item.fileSuffix &&
+                            !fullFileName
+                                .toLowerCase()
+                                .endsWith(`.${item.fileSuffix.toLowerCase()}`)
+                        ) {
+                            fullFileName = `${fullFileName}.${item.fileSuffix}`;
+                            console.log(`   📎 文件名处理: ${item.originalName} -> ${fullFileName}`);
+                        }
+
+                        const fileObj = {
+                            uid: `existing_${index}_${Date.now()}`,
+                            name: fullFileName,
+                            url: processedUrl,
+                            ossId: item.ossId,
+                            status: 'success',
+                            type: fileType,
+                            // 确保图片文件有正确的显示属性
+                            size: item.fileSize || 0,
+                            // 为uview2 upload组件添加必要的属性
+                            file: {
+                                name: fullFileName,
+                                type: fileType,
+                                size: item.fileSize || 0,
+                                path: processedUrl,
+                                url: processedUrl,
+                            },
+                        };
+
+                        console.log(`   ✅ 文件对象创建完成:`, fileObj);
+                        return fileObj;
+                    });
+
+                    console.log('\n🎨 开始处理图片文件...');
+                    // 为图片文件获取blob数据以确保正确显示
+                    await this.processImageFiles();
+
+                    console.log('\n🔄 强制刷新组件显示...');
+                    // 强制刷新组件显示
+                    this.$nextTick(() => {
+                        // 预加载图片以确保能正确显示
+                        console.log('🚀 预加载图片...');
+                        this.preloadImages();
+                        console.log('🎯 ===== handleAttachmentData 完成 =====\n');
+                    });
+                } else {
+                    console.log('❌ 响应数据无效');
+                    this.imageFiles = [];
+                }
+            } catch (error) {
+                console.error('❌ 处理附件数据失败:', error);
+                this.imageFiles = [];
+            }
+        },
+
+        // 判断是否为图片文件
+        isImageFile(file) {
+            const imageTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/bmp', 'image/webp'];
+
+            // 优先使用文件MIME类型判断
+            if (file.type) {
+                return imageTypes.includes(file.type);
+            }
+
+            // 通过文件名判断
+            const fileName = file.name || file.url || '';
+            return /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(fileName);
+        },
+
+        // 获取图片的blob URL
+        async getImageBlobUrl(imageUrl) {
+            try {
+                console.log(`获取图片blob数据: ${imageUrl}`);
+
+                // 处理图片URL路径
+                let apiUrl = imageUrl;
+                if (imageUrl.startsWith('/api/')) {
+                    // 移除/api前缀，因为request会自动添加baseURL
+                    apiUrl = imageUrl.replace('/api', '');
+                } else if (imageUrl.startsWith('/resource/')) {
+                    // 直接使用相对路径
+                    apiUrl = imageUrl;
+                } else if (imageUrl.startsWith('http')) {
+                    // 完整URL，需要特殊处理
+                    console.log('检测到完整URL，直接返回原URL');
+                    return imageUrl;
+                }
+
+                console.log(`API请求URL: ${apiUrl}`);
+
+                // 使用request方法获取图片数据
+                const response = await request({
+                    url: apiUrl,
+                    method: 'GET',
+                    responseType: 'arraybuffer', // 设置响应类型为arraybuffer
+                    header: {
+                        isToken: true, // 图片请求可能不需要token验证
+                    },
+                });
+
+                // 将arraybuffer转换为blob
+                const blob = new Blob([response], { type: 'image/*' });
+                const blobUrl = URL.createObjectURL(blob);
+
+                console.log(`成功创建blob URL: ${blobUrl}`);
+                return blobUrl;
+            } catch (error) {
+                console.error(`获取图片blob数据失败: ${imageUrl}`, error);
+                // 如果请求失败，返回原始URL作为备用方案
+                return imageUrl;
+            }
+        },
+
+        // 根据文件后缀获取文件类型
+        getFileTypeBySuffix(fileSuffix) {
+            if (!fileSuffix) return '';
+
+            // 移除点号，转换为小写
+            const ext = fileSuffix.replace('.', '').toLowerCase();
+
+            // 图片类型判断
+            const imageTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'];
+            if (imageTypes.includes(ext)) {
+                // 修正MIME类型映射
+                const mimeTypeMap = {
+                    jpg: 'image/jpeg',
+                    jpeg: 'image/jpeg',
+                    png: 'image/png',
+                    gif: 'image/gif',
+                    bmp: 'image/bmp',
+                    webp: 'image/webp',
+                };
+                return mimeTypeMap[ext] || `image/${ext}`;
+            }
+
+            // 文档类型判断
+            const documentTypes = ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt'];
+            if (documentTypes.includes(ext)) {
+                return `file/${ext}`;
+            }
+
+            // 其他类型
+            return `file/${ext}`;
+        },
+
+        // 预加载图片以确保能正确显示
+        async preloadImages() {
+            console.log('=== 预加载图片 ===');
+            const imageFiles = this.imageFiles.filter((file) => this.isImageFile(file));
+
+            for (const file of imageFiles) {
+                if (file.url) {
+                    try {
+                        console.log(`预加载图片: ${file.name} - ${file.url}`);
+                        // 创建一个Image对象来预加载图片
+                        const img = new Image();
+                        img.onload = () => {
+                            console.log(`图片预加载成功: ${file.name}`);
+                        };
+                        img.onerror = () => {
+                            console.error(`图片预加载失败: ${file.name} - ${file.url}`);
+                        };
+                        img.src = file.url;
+                    } catch (error) {
+                        console.error(`预加载图片出错: ${file.name}`, error);
+                    }
+                }
+            }
+        },
+
+        // 处理图片文件，获取blob数据以确保正确显示
+        async processImageFiles() {
+            console.log('\n🎨 ===== processImageFiles 开始 =====');
+            console.log(`📊 总文件数: ${this.imageFiles.length}`);
+            
+            const imageFiles = this.imageFiles.filter((file) => this.isImageFile(file));
+            console.log(`🖼️ 图片文件数: ${imageFiles.length}`);
+
+            for (let i = 0; i < imageFiles.length; i++) {
+                const file = imageFiles[i];
+                console.log(`\n🔄 处理第 ${i + 1}/${imageFiles.length} 张图片:`);
+                console.log(`   📝 name: ${file.name}`);
+                console.log(`   🔗 url (处理前): ${file.url}`);
+                console.log(`   🔗 blobUrl (处理前): ${file.blobUrl || '无'}`);
+                
+                if (file.url && !file.blobUrl) {
+                    try {
+                        console.log(`   🌐 开始获取blob URL...`);
+                        const blobUrl = await this.getImageBlobUrl(file.url);
+                        console.log(`   ✅ 获取到blob URL: ${blobUrl}`);
+                        
+                        if (blobUrl) {
+                            // 更新文件对象，添加blob URL，并标记为图片
+                            const oldUrl = file.url;
+                            file.blobUrl = blobUrl;
+                            file.url = blobUrl; // 🔴 关键：使用blob URL作为显示URL
+                            file.fileType = 'image';
+                            file.type =
+                                file.type && file.type.startsWith('image') ? file.type : 'image';
+                            file.isImage = true;
+                            
+                            console.log(`   ✅ 图片文件处理成功:`);
+                            console.log(`      - 原URL: ${oldUrl}`);
+                            console.log(`      - 新URL: ${file.url}`);
+                            console.log(`      - blobUrl: ${file.blobUrl}`);
+                            console.log(`      - fileType: ${file.fileType}`);
+                            console.log(`      - isImage: ${file.isImage}`);
+                        } else {
+                            console.log(`   ⚠️ blob URL 为空`);
+                        }
+                    } catch (error) {
+                        console.error(`   ❌ 处理图片文件失败: ${file.name}`, error);
+                    }
+                } else {
+                    if (!file.url) {
+                        console.log(`   ⚠️ 文件URL为空，跳过处理`);
+                    }
+                    if (file.blobUrl) {
+                        console.log(`   ℹ️ 已有blobUrl，跳过处理: ${file.blobUrl}`);
+                    }
+                }
+            }
+            
+            console.log('\n✅ ===== processImageFiles 完成 =====');
+            console.log(`📊 最终imageFiles数组:`, this.imageFiles);
+        },
+
+        // 清理blob URL，防止内存泄漏
+        cleanupBlobUrls() {
+            console.log('=== 清理blob URL ===');
+            this.imageFiles.forEach((file) => {
+                if (file.blobUrl && file.blobUrl.startsWith('blob:')) {
+                    try {
+                        URL.revokeObjectURL(file.blobUrl);
+                        console.log(`已清理blob URL: ${file.name}`);
+                    } catch (error) {
+                        console.error(`清理blob URL失败: ${file.name}`, error);
+                    }
+                }
+            });
+        },
+
+        // 打开学生选择器
+        async openStudentPicker() {
+            this.showStudentPicker = true;
+            // 如果还没有加载数据，则加载初始数据
+            if (this.studentList.length === 0) {
+                await this.loadInitialStudents();
+            }
+        },
+
+        // 加载初始学生数据
+        async loadInitialStudents() {
+            this.studentPageNum = 1;
+            this.studentSearchKeyword = '';
+            await this.loadStudents(true);
+        },
+
+        // 搜索学生
+        async searchStudents() {
+            this.studentPageNum = 1;
+            await this.loadStudents(true);
+        },
+
+        // 加载学生列表
+        async loadStudents(reset = false) {
+            if (this.studentLoading) return;
+
+            try {
+                this.studentLoading = true;
+                if (reset) {
+                    this.loadmoreStatus = 'loading';
+                }
+
+                const res = await request({
+                    url: '/disciplineRecord/disciplineRecord/studentOptionsPage',
+                    method: 'GET',
+                    params: {
+                        keyword: this.studentSearchKeyword.trim(),
+                        pageNum: this.studentPageNum,
+                        pageSize: this.studentPageSize,
+                    },
+                });
+
+                if (res && res.code === 200) {
+                    const newStudents = res.data || res.rows || [];
+
+                    if (reset) {
+                        this.studentList = newStudents;
+                    } else {
+                        this.studentList = [...this.studentList, ...newStudents];
+                    }
+
+                    this.studentTotal = res.total || 0;
+
+                    // 更新加载状态
+                    if (this.studentList.length >= this.studentTotal) {
+                        this.loadmoreStatus = 'nomore';
+                    } else {
+                        this.loadmoreStatus = 'loadmore';
+                    }
+                } else {
+                    uni.showToast({
+                        title: res.msg || '加载失败',
+                        icon: 'none',
+                    });
+                }
+            } catch (error) {
+                console.error('加载学生列表失败:', error);
+                uni.showToast({
+                    title: '加载学生列表失败',
+                    icon: 'none',
+                });
+            } finally {
+                this.studentLoading = false;
+            }
+        },
+
+        // 加载更多学生
+        async loadMoreStudents() {
+            if (this.loadmoreStatus === 'nomore' || this.loadmoreStatus === 'loading') {
+                return;
+            }
+            this.studentPageNum++;
+            await this.loadStudents(false);
+        },
+
+        // 选择学生
+        selectStudent(student) {
+            this.form.studentId = student.id;
+            this.form.studentNo = student.studentNo;
+            this.form.studentName = student.name;
+            this.form.collegeId = student.collegeId;
+            this.form.collegeName = student.collegeName;
+            this.form.majorId = student.majorId;
+            this.form.majorName = student.majorName;
+            this.form.classId = student.classId;
+            this.form.className = student.className;
+
+            // 关闭弹窗
+            this.showStudentPicker = false;
+
+            uni.showToast({
+                title: '选择成功',
+                icon: 'success',
+            });
+        },
+
+        // 违纪类型选择确认
+        handleDisciplineTypeConfirm(e) {
+            if (e && e.value && e.value.length > 0) {
+                const typeId = e.value[0].value;
+                const type = this.disciplineTypeList.find((item) => item.id === typeId);
+
+                if (type) {
+                    this.form.disciplineTypeId = type.id;
+                    this.form.disciplineTypeName = type.typeName;
+
+                    // 自动填充最低扣分（转为字符串）
+                    if (type.minScore !== undefined && type.minScore !== null) {
+                        this.form.scoreDeduction = String(type.minScore);
+                    }
+                }
+            }
+
+            this.showDisciplineTypePicker = false;
+        },
+
+        // 日期选择确认
+        handleDateConfirm(e) {
+            this.datePickerValue = e.value;
+            const date = new Date(e.value);
+            this.form.disciplineDate = dayjs(date).format('YYYY-MM-DD');
+            this.showDatePicker = false;
+        },
+
+        // 扣分分值输入处理
+        handleScoreInput(e) {
+            this.form.scoreDeduction = e;
+        },
+
+        // 图片上传
+        handleImageUpload() {
+            if (this.imageFiles.length >= 15) {
+                uni.showToast({
+                    title: '最多上传15个文件',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            uni.chooseImage({
+                count: Math.min(5, 15 - this.imageFiles.length),
+                sizeType: ['original', 'compressed'],
+                sourceType: ['album', 'camera'],
+                success: (res) => {
+                    console.log('选择图片成功:', res);
+                    res.tempFilePaths.forEach((path, index) => {
+                        const tempFile = res.tempFiles?.[index];
+                        this.uploadImage(path, tempFile);
+                    });
+                },
+                fail: (err) => {
+                    console.error('选择图片失败:', err);
+                    uni.showToast({
+                        title: '选择图片失败',
+                        icon: 'none',
+                    });
+                },
+            });
+        },
+
+        // 上传图片
+        async uploadImage(filePath, tempFile) {
+            const fileName = filePath.split('/').pop() || `附件_${Date.now()}.jpg`;
+            const uid = `upload_${Date.now()}_${Math.random()}`;
+
+            const fileObj = {
+                uid: uid,
+                name: fileName,
+                url: filePath, // 用于预览
+                blobUrl: filePath, // 用于预览
+                tempFilePath: filePath, // 保留原始路径用于重试
+                status: 'uploading',
+                progress: 0,
+                ossId: '',
+                size: tempFile?.size || 0,
+            };
+
+            this.imageFiles.push(fileObj);
+
+            try {
+                const response = await smartUploadFile('/resource/oss/upload', filePath, {
+                    bizType: 'discipline_record_attachment',
+                });
+
+                if (response.code === 200) {
+                    fileObj.status = 'success';
+                    fileObj.ossId = response.data.ossId;
+                    fileObj.url = response.data.url;
+                    fileObj.name = response.data.fileName || fileName;
+                    fileObj.size = response.data.fileSize || fileObj.size;
+                    fileObj.progress = 100;
+
+                    uni.showToast({
+                        title: '上传成功',
+                        icon: 'success',
+                        duration: 1500,
+                    });
+                } else {
+                    fileObj.status = 'error';
+                    uni.showToast({
+                        title: response.msg || '上传失败',
+                        icon: 'none',
+                    });
+                }
+            } catch (error) {
+                fileObj.status = 'error';
+                console.error('上传失败:', error);
+                uni.showToast({
+                    title: '上传失败',
+                    icon: 'error',
+                });
+            }
+        },
+
+        // 重试上传
+        async retryUploadFile(file) {
+            console.log('=== 重试上传文件 ===', file);
+
+            // 重置文件状态
+            file.status = 'uploading';
+            file.progress = 0;
+
+            try {
+                // 使用原始的tempFilePath或url进行上传
+                const filePath = file.tempFilePath || file.url;
+                if (!filePath) {
+                    throw new Error('文件路径无效');
+                }
+
+                const response = await smartUploadFile('/resource/oss/upload', filePath, {
+                    bizType: 'discipline_record_attachment',
+                });
+
+                if (response.code === 200) {
+                    file.status = 'success';
+                    file.ossId = response.data.ossId;
+                    file.url = response.data.url;
+                    file.name = response.data.fileName || file.name;
+                    file.progress = 100;
+
+                    uni.showToast({
+                        title: '重新上传成功',
+                        icon: 'success',
+                        duration: 1500,
+                    });
+                } else {
+                    file.status = 'error';
+                    uni.showToast({
+                        title: response.msg || '上传失败',
+                        icon: 'none',
+                    });
+                }
+            } catch (error) {
+                console.error('重试上传失败:', error);
+                file.status = 'error';
+                file.progress = 0;
+
+                uni.showToast({
+                    title: '重试失败，请稍后再试',
+                    icon: 'none',
+                    duration: 2000,
+                });
+            }
+        },
+
+        // 图片点击
+        handleImageClick(image, index) {
+            if (image.status === 'success') {
+                const urls = this.imageFiles
+                    .filter((f) => f.status === 'success')
+                    .map((f) => f.url);
+                uni.previewImage({
+                    urls: urls,
+                    current: image.url,
+                });
+            }
+        },
+
+        // 删除按钮点击处理（更强的事件处理）
+        handleImageDeleteClick(image, index, event) {
+            console.log('删除按钮被点击:', image, index);
+
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的删除方法
+            this.handleImageDelete(image, index);
+        },
+
+        handleImageDelete(image, index, event) {
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+            }
+
+            uni.showModal({
+                title: '确认删除',
+                content: '确定要删除这张图片吗？删除后无法恢复。',
+                confirmColor: '#ff5722',
+                success: (res) => {
+                    if (res.confirm) {
+                        // 清理blob URL，防止内存泄漏
+                        if (image.blobUrl && image.blobUrl.startsWith('blob:')) {
+                            URL.revokeObjectURL(image.blobUrl);
+                        }
+
+                        // 从图片列表中删除
+                        this.imageFiles.splice(index, 1);
+
+                        uni.showToast({
+                            title: '删除成功',
+                            icon: 'success',
+                        });
+                    }
+                },
+            });
+        },
+
+        // 图片下载按钮点击处理（更强的事件处理）
+        handleImageDownloadClick(image, event) {
+            console.log('下载按钮被点击:', image);
+
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的下载方法
+            this.handleImageDownload(image);
+        },
+
+        // 下载图片（参考学生请假功能的实现）
+        async handleImageDownload(image, event, retryCount = 0) {
+            // 事件阻止已由handleImageDownloadClick方法处理
+
+            if (image.status !== 'success') {
+                uni.showToast({
+                    title: '图片尚未上传完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 显示下载进度提示
+            uni.showLoading({
+                title: '正在下载图片...',
+                mask: true,
+            });
+
+            try {
+                // 如果有ossId，通过API下载
+                if (image.ossId) {
+                    const downloadUrl = `/resource/oss/download/${image.ossId}`;
+
+                    // 调用下载接口并等待完成
+                    const response = await downloadFile(downloadUrl, image.name);
+
+                    // 🔴 关键修复：在H5环境下，downloadFile已经完成下载，不需要再处理
+                    // #ifdef H5
+                    uni.hideLoading();
+                    uni.showToast({
+                        title: '下载成功',
+                        icon: 'success',
+                    });
+                    // #endif
+
+                    // #ifndef H5
+                    // 非H5环境（App、小程序），需要使用uni.saveFile保存
+                    if (response.statusCode === 200) {
+                        uni.hideLoading();
+                        uni.saveFile({
+                            tempFilePath: response.tempFilePath,
+                            success: function (res) {
+                                uni.showToast({
+                                    title: '下载成功',
+                                    icon: 'success',
+                                });
+                            },
+                            fail: function () {
+                                uni.showToast({
+                                    title: '保存失败',
+                                    icon: 'none',
+                                });
+                            },
+                        });
+                    }
+                    // #endif
+                }
+            } catch (error) {
+                console.error('图片下载过程出错:', error);
+
+                // 确保隐藏loading状态
+                uni.hideLoading();
+
+                // 重试机制（最多重试2次）
+                if (retryCount < 2) {
+                    uni.showToast({
+                        title: `下载失败，正在重试...（${retryCount + 1}/2）`,
+                        icon: 'none',
+                        duration: 1500,
+                    });
+
+                    // 延迟后重试
+                    setTimeout(() => {
+                        this.handleImageDownload(image, event, retryCount + 1);
+                    }, 1500); // 延迟1.5秒后重试
+
+                    return;
+                }
+
+                // 超过重试次数，显示最终错误信息
+                const errorMsg = error.message?.includes('网络')
+                    ? '网络连接失败，请检查网络后重试'
+                    : error.message?.includes('timeout')
+                    ? '下载超时，请重试'
+                    : '下载失败，已重试2次，请检查网络或稍后重试';
+
+                uni.showToast({
+                    title: errorMsg,
+                    icon: 'none',
+                    duration: 3000,
+                });
+            }
+        },
+
+        // 获取缩写的文件名（保留后缀）
+        getShortFileName(fileName) {
+            if (!fileName) return '';
+
+            const lastDotIndex = fileName.lastIndexOf('.');
+            if (lastDotIndex === -1) {
+                // 没有后缀的文件名
+                return fileName.length > 12 ? fileName.substring(0, 12) + '...' : fileName;
+            }
+
+            const name = fileName.substring(0, lastDotIndex);
+            const ext = fileName.substring(lastDotIndex); // 包含点号的后缀
+
+            if (name.length <= 8) {
+                return fileName; // 文件名较短，直接返回
+            }
+
+            // 文件名较长，缩写中间部分，保留后缀
+            return name.substring(0, 8) + '...' + ext;
+        },
+
+        // 提交表单
+        submitForm() {
+            this.$refs.formRef.validate().then(async (valid) => {
+                if (valid) {
+                    try {
+                        this.buttonLoading = true;
+
+                        // 处理附件数据
+                        const attachmentOssIds = this.imageFiles
+                            .filter((file) => file.status === 'success' && file.ossId)
+                            .map((file) => file.ossId);
+                        this.form.attachmentOssIds = attachmentOssIds.join(',');
+
+                        const url = this.form.id
+                            ? '/disciplineRecord/disciplineRecord'
+                            : '/disciplineRecord/disciplineRecord';
+                        const method = this.form.id ? 'PUT' : 'POST';
+
+                        await request({
+                            url: url,
+                            method: method,
+                            data: this.form,
+                        });
+
+                        uni.showToast({
+                            title: '操作成功',
+                            icon: 'success',
+                        });
+
+                        // 触发列表刷新事件
+                        uni.$emit('refreshDisciplineRecordList');
+
+                        // 延迟返回上一页
+                        setTimeout(() => {
+                            uni.navigateBack();
+                        }, 1500);
+                    } catch (error) {
+                        console.error('提交失败:', error);
+                        uni.showToast({
+                            title: '操作失败',
+                            icon: 'error',
+                        });
+                    } finally {
+                        this.buttonLoading = false;
+                    }
+                }
+            });
+        },
+
+        // 重置表单
+        resetForm() {
+            this.form = {
+                id: null,
+                studentId: null,
+                studentNo: '',
+                studentName: '',
+                collegeId: null,
+                collegeName: '',
+                majorId: null,
+                majorName: '',
+                classId: null,
+                className: '',
+                disciplineTypeId: null,
+                disciplineTypeName: '',
+                disciplineDate: dayjs().format('YYYY-MM-DD'),
+                disciplineReason: '',
+                disciplineContent: '',
+                scoreDeduction: '',
+                status: '1',
+                attachmentOssIds: '',
+            };
+            this.imageFiles = [];
+            this.$refs.formRef?.resetFields();
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.discipline-record-form-page {
+    min-height: 100vh;
+    background-color: #f5f6fa;
+    display: flex;
+    flex-direction: column;
+}
+
+.form-container {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.page-header {
+    padding: 24rpx;
+    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.page-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #303133;
+}
+
+.page-content-scroll {
+    flex: 1;
+    overflow-y: auto;
+}
+
+.form-section {
+    padding: 24rpx;
+    padding-bottom: 140rpx; /* 留出底部按钮的空间 */
+    background-color: #fff;
+    margin: 20rpx;
+    border-radius: 12rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+}
+
+.page-footer {
+    padding: 24rpx;
+    border-top: 1px solid #f0f0f0;
+    display: flex;
+    gap: 16rpx;
+    background-color: #fff;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 999;
+}
+
+.readonly-value {
+    font-size: 28rpx;
+    color: #606266;
+    padding: 12rpx 0;
+}
+
+/* 附件上传区域 */
+.attachment-section {
+    margin-top: 24rpx;
+    padding: 24rpx;
+    background-color: #f8f9fa;
+    border-radius: 12rpx;
+}
+
+.section-title {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #303133;
+    margin-bottom: 16rpx;
+    padding-left: 10rpx;
+    border-left: 4rpx solid #0051d9;
+}
+
+.image-section {
+    margin-bottom: 16rpx;
+}
+
+.image-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16rpx;
+}
+
+.image-item {
+    position: relative;
+    z-index: 100; /* ✅ 确保图片项层级高于其他内容 */
+}
+
+.image-container {
+    position: relative;
+    width: 100%;
+    height: 200rpx;
+    border-radius: 8rpx;
+    overflow: hidden;
+    background: #f5f5f5;
+    cursor: pointer;
+}
+
+.attachment-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    background-color: #f5f5f5;
+}
+
+.upload-overlay,
+.error-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.6);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    z-index: 10;
+}
+
+.upload-text,
+.error-text {
+    margin-top: 8rpx;
+    font-size: 20rpx;
+    color: #fff;
+}
+
+.success-badge {
+    position: absolute;
+    top: 4rpx;
+    right: 4rpx;
+    z-index: 10;
+}
+
+.image-actions {
+    display: flex;
+    gap: 8rpx;
+    margin-top: 8rpx;
+    position: relative;
+    z-index: 999; /* ✅ 按钮区域最高层级，确保可点击和弹窗显示 */
+}
+
+.image-name {
+    margin-top: 8rpx;
+    font-size: 24rpx;
+    color: #606266;
+    text-align: center;
+    word-break: break-all;
+    line-height: 1.4;
+}
+
+.upload-button-section {
+    margin: 16rpx 0;
+}
+
+.upload-tips {
+    display: flex;
+    flex-direction: column;
+    gap: 8rpx;
+    padding: 16rpx;
+    background: #fff;
+    border-radius: 8rpx;
+    border: 1px dashed #e0e0e0;
+}
+
+.tip-item {
+    font-size: 24rpx;
+    color: #909399;
+}
+
+/* 修复uni-scroll-view宽度溢出问题 */
+::v-deep .popup-content {
+    .uni-scroll-view {
+        width: 95% !important;
+        margin: 0 auto;
+    }
+}
+
+/* 学生选择弹窗样式 */
+.student-selector-popup {
+    background-color: #fff;
+    border-radius: 14rpx 14rpx 0 0;
+    overflow: hidden;
+    max-height: 80vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.selector-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 32rpx 24rpx;
+    border-bottom: 1px solid #f0f0f0;
+    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
+}
+
+.selector-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #303133;
+}
+
+.search-section {
+    padding: 24rpx;
+    background-color: #fff;
+}
+
+.student-list {
+    flex: 1;
+    height: 60vh;
+    padding: 0 24rpx;
+}
+
+.loading-section {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 80rpx 0;
+}
+
+.loading-text {
+    margin-top: 16rpx;
+    font-size: 28rpx;
+    color: #909399;
+}
+
+.student-item {
+    padding: 24rpx;
+    margin-bottom: 16rpx;
+    background-color: #fff;
+    border-radius: 12rpx;
+    border: 1px solid #ebeef5;
+    transition: all 0.3s;
+}
+
+.student-item:active {
+    background-color: #f5f7fa;
+    transform: scale(0.98);
+}
+
+.student-main {
+    margin-bottom: 12rpx;
+}
+
+.student-name-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8rpx;
+}
+
+.student-name {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #303133;
+}
+
+.student-no {
+    font-size: 26rpx;
+    color: #606266;
+}
+
+.student-detail {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+}
+
+.detail-text {
+    font-size: 24rpx;
+    color: #909399;
+    padding: 4rpx 12rpx;
+    background-color: #f5f7fa;
+    border-radius: 4rpx;
+}
+
+.empty-section {
+    padding: 80rpx 0;
+}
+
+.loadmore-section {
+    padding: 24rpx 0;
+}
+</style>
diff --git a/mobile/src/pages/xskh/wjjlEntry/index.vue b/mobile/src/pages/xskh/wjjlEntry/index.vue
new file mode 100644
index 00000000..a894639f
--- /dev/null
+++ b/mobile/src/pages/xskh/wjjlEntry/index.vue
@@ -0,0 +1,511 @@
+<template>
+    <view class="discipline-record-container">
+        <!-- 顶部导航 -->
+        <u-navbar title="违纪记录录入" :border-bottom="false" bg-color="#3c9cff" title-color="#fff">
+            <view slot="left" @click="goBack">
+                <u-icon name="arrow-left" color="#fff" size="22"></u-icon>
+            </view>
+        </u-navbar>
+
+        <!-- 搜索栏 -->
+        <view class="search-bar">
+            <u-search
+                v-model="searchKeyword"
+                placeholder="搜索学生姓名或学号"
+                :show-action="false"
+                @search="handleSearch"
+                @custom="handleSearch"
+                bg-color="#f6f6f6"
+                shape="round"
+            />
+        </view>
+
+        <!-- 加载状态 -->
+        <u-loading-page :loading="loading" loading-text="加载中..."></u-loading-page>
+
+        <!-- 违纪记录列表 -->
+        <view v-if="!loading" class="content-wrapper">
+            <!-- 空状态 -->
+            <view v-if="disciplineRecordList.length === 0" class="empty-container">
+                <u-empty text="暂无违纪记录" mode="data"></u-empty>
+            </view>
+
+            <!-- 记录卡片列表 -->
+            <view v-else class="record-list">
+                <view
+                    v-for="(item, index) in disciplineRecordList"
+                    :key="item.id || index"
+                    class="record-card"
+                >
+                    <!-- 卡片头部 -->
+                    <view class="card-header">
+                        <view class="student-info">
+                            <text class="student-name">{{ item.studentName || '-' }}</text>
+                            <text class="student-no">({{ item.studentNo || '-' }})</text>
+                        </view>
+                        <view class="record-status">
+                            <u-tag
+                                :text="getDictLabel(item.status)"
+                                :type="getStatusType(item.status)"
+                                size="mini"
+                            ></u-tag>
+                        </view>
+                    </view>
+
+                    <!-- 卡片内容 -->
+                    <view class="card-content">
+                        <view class="info-item">
+                            <text class="label">违纪类型:</text>
+                            <text class="value">{{ item.disciplineTypeName || '-' }}</text>
+                        </view>
+                        <view class="info-item">
+                            <text class="label">违纪日期:</text>
+                            <text class="value">{{ item.disciplineDate || '-' }}</text>
+                        </view>
+                        <view class="info-item">
+                            <text class="label">扣分分值:</text>
+                            <text class="value value-score">-{{ item.scoreDeduction || '0' }}</text>
+                        </view>
+                        <view class="info-item">
+                            <text class="label">学院班级:</text>
+                            <text class="value">
+                                {{ item.collegeName || '-' }} / {{ item.className || '-' }}
+                            </text>
+                        </view>
+                        <view v-if="item.disciplineReason" class="info-item">
+                            <text class="label">违纪原因:</text>
+                            <text class="value">{{ item.disciplineReason }}</text>
+                        </view>
+                    </view>
+
+                    <!-- 操作按钮 -->
+                    <view class="card-actions">
+                        <!-- 查看按钮 -->
+                        <u-button
+                            type="info"
+                            size="small"
+                            class="action-btn"
+                            @click="handleView(item)"
+                        >
+                            <u-icon name="eye" size="16" color="#323233"></u-icon>
+                            <text>查看</text>
+                        </u-button>
+
+                        <!-- 编辑按钮 -->
+                        <u-button
+                            type="primary"
+                            size="small"
+                            class="action-btn"
+                            @click="handleEdit(item)"
+                        >
+                            <u-icon name="edit-pen" size="16" color="#ffffff"></u-icon>
+                            <text class="btn-text">编辑</text>
+                        </u-button>
+
+                        <!-- 删除按钮 -->
+                        <u-button
+                            type="error"
+                            size="small"
+                            class="action-btn"
+                            @click="handleDelete(item)"
+                        >
+                            <u-icon name="trash" size="16" color="#ffffff"></u-icon>
+                            <text class="btn-text">删除</text>
+                        </u-button>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 加载更多 -->
+            <view v-if="disciplineRecordList.length > 0" class="load-more">
+                <u-loadmore :status="loadMoreStatus" @loadmore="loadMore" />
+            </view>
+        </view>
+
+        <!-- 浮动新增按钮 -->
+        <view class="float-add-button" @click="handleAdd">
+            <u-icon name="plus" color="#fff" size="28"></u-icon>
+        </view>
+    </view>
+</template>
+
+<script>
+import { request } from '@/common/request.js';
+import { getDictLabel, getDictTagType, getDict } from '@/common/dict.js';
+
+export default {
+    name: 'DisciplineRecordEntry',
+    components: {},
+    data() {
+        return {
+            loading: false,
+            disciplineRecordList: [],
+            total: 0,
+
+            // 搜索关键词
+            searchKeyword: '',
+
+            // 查询参数
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+                studentName: '',
+                studentNo: '',
+            },
+
+            // 加载更多状态
+            loadMoreStatus: 'loadmore',
+
+            // 字典数据
+            statusDict: [],
+        };
+    },
+    async created() {
+        await this.loadDictData();
+        await this.getList();
+
+        // 监听页面刷新事件
+        uni.$on('refreshDisciplineRecordList', () => {
+            this.queryParams.pageNum = 1;
+            this.getList();
+        });
+    },
+    onUnload() {
+        // 移除监听
+        uni.$off('refreshDisciplineRecordList');
+    },
+    methods: {
+        // 返回上一页
+        goBack() {
+            uni.navigateBack();
+        },
+
+        // 加载字典数据
+        async loadDictData() {
+            try {
+                this.statusDict = await getDict('student_discipline_status');
+            } catch (error) {
+                console.error('加载字典数据失败:', error);
+            }
+        },
+
+        // 获取字典标签
+        getDictLabel(value) {
+            return getDictLabel(this.statusDict, value) || value;
+        },
+
+        // 获取状态类型
+        getStatusType(status) {
+            const fallbackMap = {
+                1: 'success', // 生效
+                2: 'info', // 已撤销
+            };
+            return getDictTagType(this.statusDict, status, fallbackMap);
+        },
+
+        // 获取违纪记录列表（仅显示当前用户创建的）
+        async getList() {
+            this.loading = true;
+            try {
+                const res = await request({
+                    url: '/disciplineRecord/disciplineRecord/myCreated',
+                    method: 'GET',
+                    params: this.queryParams,
+                });
+
+                if (res && res.code === 200) {
+                    const newList = res.rows || [];
+
+                    if (this.queryParams.pageNum === 1) {
+                        this.disciplineRecordList = newList;
+                    } else {
+                        this.disciplineRecordList = [...this.disciplineRecordList, ...newList];
+                    }
+
+                    this.total = res.total || 0;
+
+                    // 更新加载更多状态
+                    if (this.disciplineRecordList.length >= this.total) {
+                        this.loadMoreStatus = 'nomore';
+                    } else {
+                        this.loadMoreStatus = 'loadmore';
+                    }
+                } else {
+                    uni.showToast({
+                        title: res?.msg || '获取数据失败',
+                        icon: 'none',
+                    });
+                }
+            } catch (error) {
+                console.error('获取违纪记录列表失败:', error);
+                uni.showToast({
+                    title: '获取数据失败',
+                    icon: 'none',
+                });
+            } finally {
+                this.loading = false;
+            }
+        },
+
+        // 搜索处理
+        handleSearch() {
+            // 解析搜索关键词
+            const keyword = this.searchKeyword.trim();
+
+            // 重置查询参数
+            this.queryParams.pageNum = 1;
+
+            // 如果关键词为空，清空搜索条件
+            if (!keyword) {
+                this.queryParams.studentName = '';
+                this.queryParams.studentNo = '';
+            } else {
+                // 同时按学生姓名和学号搜索
+                this.queryParams.studentName = keyword;
+                this.queryParams.studentNo = keyword;
+            }
+
+            // 重新加载列表
+            this.getList();
+        },
+
+        // 加载更多
+        loadMore() {
+            if (this.loadMoreStatus === 'loading' || this.loadMoreStatus === 'nomore') {
+                return;
+            }
+
+            this.loadMoreStatus = 'loading';
+            this.queryParams.pageNum += 1;
+            this.getList();
+        },
+
+        // 刷新列表
+        handleSuccess() {
+            this.queryParams.pageNum = 1;
+            this.getList();
+        },
+
+        // 新增按钮操作
+        handleAdd() {
+            uni.navigateTo({
+                url: '/pages/xskh/wjjlEntry/disciplineRecordForm?mode=add',
+            });
+        },
+
+        // 查看按钮操作
+        handleView(row) {
+            uni.navigateTo({
+                url: `/pages/xskh/wjjlEntry/disciplineRecordForm?mode=view&id=${row.id}`,
+            });
+        },
+
+        // 编辑按钮操作
+        handleEdit(row) {
+            uni.navigateTo({
+                url: `/pages/xskh/wjjlEntry/disciplineRecordForm?mode=edit&id=${row.id}`,
+            });
+        },
+
+        // 删除按钮操作
+        handleDelete(row) {
+            uni.showModal({
+                title: '提示',
+                content: `确定要删除学生"${row.studentName}"的违纪记录吗？`,
+                success: async (res) => {
+                    if (res.confirm) {
+                        try {
+                            uni.showLoading({ title: '删除中...' });
+
+                            await request({
+                                url: `/disciplineRecord/disciplineRecord/${row.id}`,
+                                method: 'DELETE',
+                            });
+
+                            uni.hideLoading();
+                            uni.showToast({
+                                title: '删除成功',
+                                icon: 'success',
+                            });
+
+                            this.handleSuccess();
+                        } catch (error) {
+                            uni.hideLoading();
+                            console.error('删除失败:', error);
+                            uni.showToast({
+                                title: '删除失败',
+                                icon: 'error',
+                            });
+                        }
+                    }
+                },
+            });
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.discipline-record-container {
+    background-color: #f5f6fa;
+    min-height: 100vh;
+}
+
+.search-bar {
+    padding: 20rpx;
+    background-color: #fff;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+}
+
+.content-wrapper {
+    padding: 20rpx;
+    padding-bottom: 120rpx;
+}
+
+.empty-container {
+    padding: 100rpx 20rpx;
+}
+
+.record-list {
+    display: flex;
+    flex-direction: column;
+    gap: 20rpx;
+}
+
+.record-card {
+    background-color: #fff;
+    border-radius: 16rpx;
+    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+    overflow: hidden;
+}
+
+.card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx;
+    border-bottom: 1px solid #f0f0f0;
+    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
+}
+
+.student-info {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    gap: 8rpx;
+}
+
+.student-name {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #303133;
+}
+
+.student-no {
+    font-size: 26rpx;
+    color: #909399;
+}
+
+.record-status {
+    margin-left: 16rpx;
+}
+
+.card-content {
+    padding: 24rpx;
+}
+
+.info-item {
+    display: flex;
+    margin-bottom: 16rpx;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+}
+
+.label {
+    font-size: 28rpx;
+    color: #606266;
+    min-width: 140rpx;
+    margin-right: 16rpx;
+}
+
+.value {
+    font-size: 28rpx;
+    color: #303133;
+    flex: 1;
+    word-break: break-all;
+}
+
+.value-score {
+    color: #f56c6c;
+    font-weight: bold;
+}
+
+// 操作按钮
+.card-actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 20rpx;
+    border-top: 1px solid #f0f0f0;
+    gap: 16rpx;
+}
+
+.action-btn {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    min-width: 120rpx;
+    border-radius: 20rpx;
+
+    ::v-deep .u-button {
+        border-radius: 20rpx;
+        padding: 16rpx 20rpx;
+        min-width: 120rpx;
+        height: auto;
+        line-height: 1.2;
+    }
+}
+
+.btn-text {
+    font-size: 24rpx;
+    margin-left: 8rpx;
+    font-weight: 500;
+    color: #ffffff;
+}
+
+.load-more {
+    padding: 20rpx 0;
+}
+
+/* 浮动新增按钮 */
+.float-add-button {
+    position: fixed;
+    right: 40rpx;
+    bottom: 100rpx;
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #3c9cff, #0051d9);
+    box-shadow: 0 8rpx 24rpx rgba(60, 156, 255, 0.4);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 999;
+    transition: all 0.3s;
+
+    &:active {
+        transform: scale(0.95);
+    }
+}
+
+// uview组件样式调整
+::v-deep .u-tag {
+    margin: 0;
+}
+
+::v-deep .u-button {
+    border-radius: 8rpx;
+}
+</style>