From dc8193e3c48dee44c98139909e4c8407a40474a8 Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Fri, 22 Aug 2025 00:42:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |    6 +-
 mobile/src/pages.json                         |   24 +
 mobile/src/pages/index/index.vue              |   46 +-
 .../xg/xsjcxx/xsqj/cancelLeaveEdit/index.vue  |   27 +-
 .../pages/xg/xsjcxx/xsqj/leaveEdit/index.vue  |   26 +-
 mobile/src/pages/xgss/wsjc/wsjcAdd.vue        |   37 +-
 mobile/src/pages/xskh/khsq/khsq.vue           |   87 +
 .../pages/xskh/wjjl/DisciplineRecordForm.vue  | 1210 ++++++++
 .../pages/xskh/wjjl/RevokeApplicationView.vue | 1968 +++++++++++++
 .../src/pages/xskh/wjjl/revokeApplication.vue | 2503 +++++++++++++++++
 mobile/src/pages/xskh/wjjl/xswjjl.vue         |  476 ++++
 11 files changed, 6383 insertions(+), 27 deletions(-)
 create mode 100644 mobile/src/pages/xskh/khsq/khsq.vue
 create mode 100644 mobile/src/pages/xskh/wjjl/DisciplineRecordForm.vue
 create mode 100644 mobile/src/pages/xskh/wjjl/RevokeApplicationView.vue
 create mode 100644 mobile/src/pages/xskh/wjjl/revokeApplication.vue
 create mode 100644 mobile/src/pages/xskh/wjjl/xswjjl.vue

diff --git a/.gitignore b/.gitignore
index 174d73ac..e0b9a7a2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -171,4 +171,8 @@ update/*
 本地临时文件目录/*
 docs/变更管理/
 学生考核模块的提示词.md
-学生考核模块的上下文信息临时存储.md
\ No newline at end of file
+学生考核模块的上下文信息临时存储.md
+学生违纪记录界面-移动端.md
+学生考核申请界面-移动端.md
+移动端附件组件规范.md
+移动端违纪记录模块开发规范.md
diff --git a/mobile/src/pages.json b/mobile/src/pages.json
index 731fcf5e..1fb09abe 100644
--- a/mobile/src/pages.json
+++ b/mobile/src/pages.json
@@ -222,6 +222,30 @@
 				"navigationBarTitleText": "新生报名登记",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/xskh/wjjl/xswjjl",
+			"style": {
+				"navigationBarTitleText": "违纪记录(学生)",
+				"navigationBarBackgroundColor": "#0051d9",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/xskh/wjjl/revokeApplication",
+			"style": {
+				"navigationBarTitleText": "撤销申请",
+				"navigationBarBackgroundColor": "#0051d9",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/xskh/khsq/khsq",
+			"style": {
+				"navigationBarTitleText": "考核申请",
+				"navigationBarBackgroundColor": "#0051d9",
+				"navigationBarTextStyle": "white"
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/mobile/src/pages/index/index.vue b/mobile/src/pages/index/index.vue
index c1f34640..09be5468 100644
--- a/mobile/src/pages/index/index.vue
+++ b/mobile/src/pages/index/index.vue
@@ -220,6 +220,34 @@
                             />
                         </template>
                     </ServiceItem>
+
+                    <ServiceItem
+                        v-if="hasPermi(['student:violation:list'])"
+                        title="违纪记录(学生)"
+                        @click="gotoStudentViolation"
+                    >
+                        <template #icon>
+                            <image
+                                src="/static/00143.png"
+                                mode="aspectFit"
+                                style="width: 24px; height: 24px"
+                            />
+                        </template>
+                    </ServiceItem>
+
+                    <ServiceItem
+                        v-if="hasPermi(['student:assessment:apply'])"
+                        title="考核申请"
+                        @click="gotoAssessmentApply"
+                    >
+                        <template #icon>
+                            <image
+                                src="/static/00138.png"
+                                mode="aspectFit"
+                                style="width: 24px; height: 24px"
+                            />
+                        </template>
+                    </ServiceItem>
                 </GridLayout>
             </Card>
 
@@ -645,7 +673,9 @@ export default {
                 this.hasPermi(['student:internship:list']) ||
                 this.hasPermi(['student:dorm:violation:list']) ||
                 this.hasPermi(['student:visit:list']) ||
-                this.hasPermi(['student:dorm:hygiene:list'])
+                this.hasPermi(['student:dorm:hygiene:list']) ||
+                this.hasPermi(['student:violation:list']) ||
+                this.hasPermi(['student:assessment:apply'])
             );
         },
 
@@ -880,6 +910,20 @@ export default {
             });
         },
 
+        // 跳转到学生违纪记录页面
+        gotoStudentViolation() {
+            uni.navigateTo({
+                url: '/pages/xskh/wjjl/xswjjl',
+            });
+        },
+
+        // 跳转到考核申请页面
+        gotoAssessmentApply() {
+            uni.navigateTo({
+                url: '/pages/xskh/khsq/khsq',
+            });
+        },
+
         // 图片加载成功处理
         handleImageLoad(event) {
             console.log('✅ 轮播图片加载成功:', event.detail);
diff --git a/mobile/src/pages/xg/xsjcxx/xsqj/cancelLeaveEdit/index.vue b/mobile/src/pages/xg/xsjcxx/xsqj/cancelLeaveEdit/index.vue
index 156f34a3..e27131b6 100644
--- a/mobile/src/pages/xg/xsjcxx/xsqj/cancelLeaveEdit/index.vue
+++ b/mobile/src/pages/xg/xsjcxx/xsqj/cancelLeaveEdit/index.vue
@@ -394,15 +394,8 @@
                                         size="mini"
                                         type="error"
                                         plain
-                                        @click.stop.prevent="
-                                            handleRemoveFile(
-                                                file,
-                                                index +
-                                                    attachmentList.filter((f) => isImageFile(f))
-                                                        .length,
-                                                $event,
-                                            )
-                                        "
+                                        @tap="handleRemoveFile(file, index)"
+                                        @click.stop.prevent="handleRemoveFileClick(file, index, $event)"
                                     >
                                         删除
                                     </u-button>
@@ -1350,7 +1343,23 @@ export default {
             }
             this.handleDownloadAttachment(file);
         },
+        // 文档删除按钮点击处理（安全的事件处理）
+        handleRemoveFileClick(file, index, event) {
+            console.log('销假文档删除按钮被点击:', file, index);
+            
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+            
+            // 调用实际的删除方法
+            this.handleRemoveFile(file, index);
+        },
+
         handleRemoveFile(file, index, event) {
+            // 强制阻止事件冒泡和默认行为（带空值检查）
             if (event) {
                 event.stopPropagation && event.stopPropagation();
                 event.preventDefault && event.preventDefault();
diff --git a/mobile/src/pages/xg/xsjcxx/xsqj/leaveEdit/index.vue b/mobile/src/pages/xg/xsjcxx/xsqj/leaveEdit/index.vue
index 33b75907..a4178aaa 100644
--- a/mobile/src/pages/xg/xsjcxx/xsqj/leaveEdit/index.vue
+++ b/mobile/src/pages/xg/xsjcxx/xsqj/leaveEdit/index.vue
@@ -387,14 +387,9 @@
                                         size="mini"
                                         type="error"
                                         plain
+                                        @tap="handleRemoveFile(file, index)"
                                         @click.stop.prevent="
-                                            handleRemoveFile(
-                                                file,
-                                                index +
-                                                    attachmentList.filter((f) => isImageFile(f))
-                                                        .length,
-                                                $event,
-                                            )
+                                            handleRemoveFileClick(file, index, $event)
                                         "
                                     >
                                         删除
@@ -2496,11 +2491,26 @@ export default {
             this.attachmentList.splice(index, 1);
         },
 
+        // 文档删除按钮点击处理（安全的事件处理）
+        handleRemoveFileClick(file, index, event) {
+            console.log('文档删除按钮被点击:', file, index);
+
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的删除方法
+            this.handleRemoveFile(file, index);
+        },
+
         // 手动删除文件
         handleRemoveFile(file, index, event) {
             console.log('=== 手动删除文件 ===', file, index);
 
-            // 强制阻止事件冒泡和默认行为
+            // 强制阻止事件冒泡和默认行为（带空值检查）
             if (event) {
                 event.stopPropagation();
                 event.preventDefault();
diff --git a/mobile/src/pages/xgss/wsjc/wsjcAdd.vue b/mobile/src/pages/xgss/wsjc/wsjcAdd.vue
index 70882258..3ceff111 100644
--- a/mobile/src/pages/xgss/wsjc/wsjcAdd.vue
+++ b/mobile/src/pages/xgss/wsjc/wsjcAdd.vue
@@ -525,14 +525,9 @@
                                             size="mini"
                                             type="error"
                                             plain
+                                            @tap="handleRemoveFile(file, index)"
                                             @click.stop.prevent="
-                                                handleRemoveFile(
-                                                    file,
-                                                    index +
-                                                        attachmentList.filter((f) => isImageFile(f))
-                                                            .length,
-                                                    $event,
-                                                )
+                                                handleRemoveFileClick(file, index, $event)
                                             "
                                         >
                                             删除
@@ -2438,7 +2433,12 @@ export default {
 
         // 删除文档
         handleRemoveFile(file, index, event) {
-            event.stopPropagation();
+            // 强制阻止事件冒泡和默认行为（带空值检查）
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+            }
+
             uni.showModal({
                 title: '确认删除',
                 content: '确定要删除这个文件吗？',
@@ -2447,6 +2447,12 @@ export default {
                         const fileIndex = this.attachmentList.findIndex((f) => f.uid === file.uid);
                         if (fileIndex > -1) {
                             this.attachmentList.splice(fileIndex, 1);
+
+                            // 清理blob URL，防止内存泄漏
+                            if (file.blobUrl && file.blobUrl.startsWith('blob:')) {
+                                URL.revokeObjectURL(file.blobUrl);
+                            }
+
                             uni.showToast({
                                 title: '文件删除成功',
                                 icon: 'success',
@@ -2457,6 +2463,21 @@ export default {
             });
         },
 
+        // 文档删除按钮点击处理（安全的事件处理）
+        handleRemoveFileClick(file, index, event) {
+            console.log('文档删除按钮被点击:', file, index);
+
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的删除方法
+            this.handleRemoveFile(file, index);
+        },
+
         // 重试上传
         async retryUploadFile(file, event) {
             console.log('=== 重试上传文件 ===', file);
diff --git a/mobile/src/pages/xskh/khsq/khsq.vue b/mobile/src/pages/xskh/khsq/khsq.vue
new file mode 100644
index 00000000..8c88c1a6
--- /dev/null
+++ b/mobile/src/pages/xskh/khsq/khsq.vue
@@ -0,0 +1,87 @@
+<template>
+    <view class="container">
+        <view class="page-header">
+            <text class="page-title">考核申请</text>
+        </view>
+
+        <view class="content">
+            <view class="notice-card">
+                <u-icon name="info-circle" size="20" color="#1890ff" />
+                <text class="notice-text">考核申请功能正在开发中...</text>
+            </view>
+
+            <!-- 这里可以添加考核申请的具体内容 -->
+            <view class="form-section">
+                <!-- 申请表单内容将在这里添加 -->
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    name: 'AssessmentApply',
+    data() {
+        return {
+            // 页面数据
+        };
+    },
+    onLoad(options) {
+        // 页面加载时的处理
+        console.log('考核申请页面加载');
+    },
+    methods: {
+        // 页面方法
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.container {
+    min-height: 100vh;
+    background-color: #f5f5f5;
+}
+
+.page-header {
+    background: linear-gradient(135deg, #007aff, #0051d9);
+    padding: calc(var(--status-bar-height) + 16px) 16px 16px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+}
+
+.page-title {
+    font-size: 20px;
+    font-weight: 600;
+    color: #ffffff;
+    text-align: center;
+    display: block;
+}
+
+.content {
+    padding: 16px;
+}
+
+.notice-card {
+    background: #ffffff;
+    border-radius: 12px;
+    padding: 16px;
+    margin-bottom: 16px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.notice-text {
+    color: #666666;
+    font-size: 14px;
+    flex: 1;
+}
+
+.form-section {
+    background: #ffffff;
+    border-radius: 12px;
+    padding: 16px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    min-height: 200px;
+}
+</style>
diff --git a/mobile/src/pages/xskh/wjjl/DisciplineRecordForm.vue b/mobile/src/pages/xskh/wjjl/DisciplineRecordForm.vue
new file mode 100644
index 00000000..6c2ddd73
--- /dev/null
+++ b/mobile/src/pages/xskh/wjjl/DisciplineRecordForm.vue
@@ -0,0 +1,1210 @@
+<template>
+    <u-popup :show="dialog.visible" mode="center" :round="14" @close="cancel" @open="onPopupOpen">
+        <view class="popup-container">
+            <view class="popup-header">
+                <text class="popup-title">{{ dialog.title }}</text>
+                <u-icon name="close" @click="cancel" size="24" color="#909399"></u-icon>
+            </view>
+
+            <scroll-view scroll-y class="popup-content">
+                <!-- 学生基本信息 -->
+                <view class="form-section">
+                    <view class="section-title">学生基本信息</view>
+                    <view class="form-content">
+                        <view class="form-item">
+                            <text class="form-label">学号:</text>
+                            <text class="form-value">{{ form.studentNo || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">学生姓名:</text>
+                            <text class="form-value">{{ form.studentName || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">学院名称:</text>
+                            <text class="form-value">{{ form.collegeName || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">专业名称:</text>
+                            <text class="form-value">{{ form.majorName || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">班级名称:</text>
+                            <text class="form-value">{{ form.className || '-' }}</text>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 违纪处分信息 -->
+                <view class="form-section">
+                    <view class="section-title">违纪处分信息</view>
+                    <view class="form-content">
+                        <view class="form-item">
+                            <text class="form-label">违纪处分类型:</text>
+                            <text class="form-value">{{ form.disciplineTypeName || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">违纪处分日期:</text>
+                            <text class="form-value">{{ form.disciplineDate || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">扣分分值:</text>
+                            <text class="form-value score-text">
+                                {{
+                                    form.scoreDeduction
+                                        ? parseFloat(form.scoreDeduction).toFixed(2)
+                                        : '0.00'
+                                }}
+                            </text>
+                        </view>
+                        <view class="form-item status-item">
+                            <text class="form-label">状态:</text>
+                            <u-tag
+                                :text="getDictLabel(studentDisciplineStatus, form.status)"
+                                :type="getDictTagType(studentDisciplineStatus, form.status)"
+                                size="mini"
+                            ></u-tag>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 详细描述 -->
+                <view class="form-section">
+                    <view class="section-title">详细描述</view>
+                    <view class="form-content">
+                        <view class="form-item-textarea">
+                            <text class="form-label">违纪处分原因:</text>
+                            <view class="form-textarea-value">
+                                {{ form.disciplineReason || '-' }}
+                            </view>
+                        </view>
+                        <view class="form-item-textarea">
+                            <text class="form-label">违纪处分内容:</text>
+                            <view class="form-textarea-value">
+                                {{ form.disciplineContent || '-' }}
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 附件信息 -->
+                <view v-if="attachmentList.length > 0" class="form-section">
+                    <view class="section-title">相关附件</view>
+                    <view class="upload-area">
+                        <!-- 图片展示区域 -->
+                        <view v-if="imageFiles.length > 0" class="image-section">
+                            <view class="image-title">图片附件</view>
+                            <view class="image-grid">
+                                <view
+                                    v-for="(image, index) in imageFiles"
+                                    :key="image.uid || index"
+                                    class="image-item"
+                                    @click="handleImageClick(image, index, $event)"
+                                >
+                                    <!-- 图片容器 -->
+                                    <view class="image-container">
+                                        <image
+                                            :src="image.blobUrl || image.url"
+                                            class="attachment-image"
+                                            mode="aspectFill"
+                                        ></image>
+
+                                        <!-- 成功状态角标 -->
+                                        <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>
+                                        <u-button
+                                            v-if="image.status === 'success'"
+                                            size="mini"
+                                            type="primary"
+                                            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 class="custom-file-list" v-if="nonImageFiles.length > 0">
+                            <view class="file-title">文档附件</view>
+                            <view class="file-grid">
+                                <view
+                                    class="file-card"
+                                    v-for="file in nonImageFiles"
+                                    :key="file.uid"
+                                >
+                                    <!-- 文件图标容器 -->
+                                    <view class="file-icon-container">
+                                        <u-icon name="folder" size="50" color="#19be6b" />
+
+                                        <!-- 成功状态角标 -->
+                                        <view
+                                            v-if="file.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>
+                                        <u-button
+                                            v-if="file.status === 'success'"
+                                            size="mini"
+                                            type="primary"
+                                            plain
+                                            @tap="handleDownloadFile(file)"
+                                            @click.stop.prevent="
+                                                handleDownloadFileClick(file, $event)
+                                            "
+                                        >
+                                            下载
+                                        </u-button>
+                                    </view>
+
+                                    <!-- 文件名显示 -->
+                                    <view class="file-name-display">
+                                        <text>{{ getShortFileName(file.name) }}</text>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+            </scroll-view>
+
+            <view class="popup-footer">
+                <u-button @click="cancel" type="info" size="default">关闭</u-button>
+            </view>
+        </view>
+    </u-popup>
+</template>
+
+<script>
+import { request, downloadFile } from '@/common/request.js';
+import { getDictLabel, getDictTagType, getDict } from '@/common/dict.js';
+
+export default {
+    name: 'DisciplineRecordForm',
+    emits: ['success'],
+    data() {
+        return {
+            // 弹窗状态
+            dialog: {
+                visible: false,
+                title: '违纪记录详情',
+            },
+
+            // 表单数据
+            form: {},
+
+            // 附件列表
+            attachmentList: [],
+
+            // 字典数据
+            studentDisciplineStatus: [],
+        };
+    },
+
+    async created() {
+        await this.loadDictData();
+    },
+
+    // 页面卸载时清理blob URL，防止内存泄漏
+    onUnload() {
+        this.cleanupBlobUrls();
+    },
+
+    computed: {
+        // 图片文件（用于展示）
+        imageFiles() {
+            return this.attachmentList.filter((file) => this.isImageFile(file));
+        },
+
+        // 非图片文件（用于展示）
+        nonImageFiles() {
+            return this.attachmentList.filter((file) => !this.isImageFile(file));
+        },
+    },
+
+    methods: {
+        // 加载字典数据
+        async loadDictData() {
+            try {
+                this.studentDisciplineStatus = await getDict('student_discipline_status');
+            } catch (error) {
+                console.error('加载字典数据失败:', error);
+            }
+        },
+
+        // 获取字典标签
+        getDictLabel(dictData, value) {
+            return getDictLabel(dictData, value);
+        },
+
+        // 获取字典标签类型
+        getDictTagType(dictData, value) {
+            const fallbackMap = {
+                1: 'success', // 生效
+                0: 'info', // 失效
+            };
+            return getDictTagType(dictData, value, fallbackMap);
+        },
+
+        // 打开弹窗
+        async openDialog(id, title = '违纪记录详情') {
+            this.dialog.visible = true;
+            this.dialog.title = title;
+            this.resetForm();
+
+            if (id) {
+                await this.getDisciplineRecord(id);
+            }
+        },
+
+        // 重置表单
+        resetForm() {
+            this.form = {};
+            this.attachmentList = [];
+        },
+
+        // 取消按钮
+        cancel() {
+            this.dialog.visible = false;
+            this.resetForm();
+        },
+
+        // 弹窗打开事件
+        onPopupOpen() {
+            console.log('违纪记录详情弹窗已打开');
+        },
+
+        // 获取违纪记录详情
+        async getDisciplineRecord(id) {
+            try {
+                uni.showLoading({ title: '加载中...' });
+
+                const res = await request({
+                    url: `/disciplineRecord/disciplineRecord/${id}`,
+                    method: 'GET',
+                });
+
+                if (res && res.code === 200) {
+                    this.form = res.data || {};
+
+                    // 处理附件数据
+                    await this.handleAttachmentData();
+                    // 为图片文件获取blob数据以确保正确显示
+                    await this.processImageFiles();
+
+                    // 强制刷新组件显示
+                    this.$nextTick(() => {
+                        // 预加载图片以确保能正确显示
+                        this.preloadImages();
+                    });
+                } else {
+                    uni.showToast({
+                        title: res?.msg || '获取详情失败',
+                        icon: 'none',
+                    });
+                }
+            } catch (error) {
+                console.error('获取违纪记录详情失败:', error);
+                uni.showToast({
+                    title: '获取详情失败',
+                    icon: 'none',
+                });
+            } finally {
+                uni.hideLoading();
+            }
+        },
+
+        // 处理附件数据
+        async handleAttachmentData() {
+            try {
+                if (!this.form.attachmentOssIds || !this.form.attachmentOssIds.toString().trim()) {
+                    this.attachmentList = [];
+                    return;
+                }
+
+                const ossIdsArray = this.form.attachmentOssIds
+                    .toString()
+                    .split(',')
+                    .map((id) => id.trim())
+                    .filter((id) => id);
+
+                if (ossIdsArray.length === 0) {
+                    this.attachmentList = [];
+                    return;
+                }
+
+                const response = await request({
+                    url: `/resource/oss/listByIds/${ossIdsArray.join(',')}`,
+                    method: 'GET',
+                });
+
+                if (response && response.code === 200 && response.data) {
+                    const attachmentFiles = response.data.map((item, index) => {
+                        // 使用fileSuffix字段判断文件类型
+                        const fileType = this.getFileTypeBySuffix(item.fileSuffix);
+                        const isImage = this.isImageFile({
+                            name: item.originalName,
+                            type: fileType,
+                        });
+
+                        // 处理图片URL - 确保有正确的API前缀
+                        let processedUrl = item.url;
+                        if (isImage && item.url && item.url.startsWith('/resource/')) {
+                            // 图片文件需要添加/api前缀
+                            processedUrl = `/api${item.url}`;
+                        }
+
+                        // 构造完整的文件名（包含扩展名）
+                        let fullFileName = item.originalName || `附件${index + 1}`;
+                        if (
+                            item.fileSuffix &&
+                            !fullFileName
+                                .toLowerCase()
+                                .endsWith(`.${item.fileSuffix.toLowerCase()}`)
+                        ) {
+                            fullFileName = `${fullFileName}.${item.fileSuffix}`;
+                        }
+
+                        const fileObj = {
+                            uid: `existing_${index}_${Date.now()}`,
+                            name: fullFileName,
+                            url: processedUrl,
+                            ossId: item.ossId,
+                            status: 'success',
+                            type: fileType,
+                            // 确保图片文件有正确的显示属性
+                            size: item.fileSize || 0,
+                        };
+
+                        return fileObj;
+                    });
+
+                    this.attachmentList = attachmentFiles;
+                } else {
+                    this.attachmentList = [];
+                }
+            } catch (error) {
+                console.error('处理附件数据失败:', error);
+                this.attachmentList = [];
+            }
+        },
+
+        // 根据文件后缀获取文件类型（新增方法）
+        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}`;
+        },
+
+        // 图片加载错误处理
+        handleImageError() {
+            console.warn('图片加载失败');
+        },
+
+        // 选择图片
+        handleImageClick(image, index, event) {
+            // 检查点击目标是否是操作按钮区域
+            const target = event.target;
+            const isActionButton =
+                target.closest('.image-actions') ||
+                target.closest('u-button') ||
+                target.tagName === 'BUTTON';
+
+            if (!isActionButton) {
+                // 点击的是图片区域，进行预览
+                this.handleImagePreview(image, index);
+            }
+        },
+
+        // 图片预览
+        handleImagePreview(image, index) {
+            if (image.status !== 'success') {
+                uni.showToast({
+                    title: '图片尚未加载完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 获取所有成功上传的图片URL
+            const imageUrls = this.imageFiles
+                .filter((file) => file.status === 'success')
+                .map((file) => file.blobUrl || file.url);
+
+            if (imageUrls.length === 0) {
+                uni.showToast({
+                    title: '暂无可预览的图片',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 找到当前图片在成功列表中的索引
+            const currentUrl = image.blobUrl || image.url;
+            const currentIndex = imageUrls.findIndex((url) => url === currentUrl);
+
+            uni.previewImage({
+                urls: imageUrls,
+                current: currentIndex >= 0 ? currentIndex : 0,
+                success: () => {
+                    // 预览成功
+                },
+                fail: (error) => {
+                    console.error('图片预览失败:', error);
+                    uni.showToast({
+                        title: '预览失败',
+                        icon: 'none',
+                    });
+                },
+            });
+        },
+
+        // 图片下载（带重试机制）
+        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);
+
+                    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',
+                                });
+                            },
+                        });
+                    }
+                }
+            } 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,
+                });
+            }
+        },
+
+        // 图片下载按钮点击处理（更强的事件处理）
+        handleImageDownloadClick(image, event) {
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的下载方法
+            this.handleImageDownload(image, event);
+        },
+
+        // 文件下载按钮点击处理（更强的事件处理）
+        handleDownloadFileClick(file, event) {
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的下载方法
+            this.handleDownloadFile(file, event);
+        },
+
+        // 文件下载（微信小程序专用版本）
+        async handleDownloadFile(file, event) {
+            // 事件阻止已由handleDownloadFileClick方法处理
+
+            if (!file.ossId) {
+                uni.showToast({
+                    title: '文件未上传完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            try {
+                uni.showLoading({
+                    title: `正在下载${file.name}...`,
+                    mask: true,
+                });
+
+                // 构建下载URL
+                const downloadUrl = `/resource/oss/download/${file.ossId}`;
+
+                if (this.isImageFile(file)) {
+                    // 图片文件：下载并保存到相册
+                    await this.downloadAndSaveImage(downloadUrl, file.name);
+                } else {
+                    // 非图片文件：下载并直接打开预览
+                    await this.downloadAndOpenDocument(downloadUrl, file.name);
+                }
+            } catch (error) {
+                console.error('下载过程发生异常:', error);
+                uni.hideLoading();
+
+                let errorMsg = '下载失败，请重试';
+                if (error.message.includes('timeout')) {
+                    errorMsg = '下载超时，请检查网络后重试';
+                } else if (error.message.includes('network')) {
+                    errorMsg = '网络错误，请检查网络连接';
+                } else if (error.message.includes('404')) {
+                    errorMsg = '文件不存在，请联系管理员';
+                } else if (error.message.includes('500')) {
+                    errorMsg = '服务器错误，请稍后重试';
+                }
+
+                uni.showModal({
+                    title: '下载失败',
+                    content: errorMsg,
+                    showCancel: true,
+                    cancelText: '取消',
+                    confirmText: '重试',
+                    success: (res) => {
+                        if (res.confirm) {
+                            this.handleDownloadFile(file);
+                        }
+                    },
+                });
+            }
+        },
+
+        // 下载图片并保存到相册
+        async downloadAndSaveImage(downloadUrl, fileName) {
+            return new Promise(async (resolve, reject) => {
+                // 调用下载接口并等待完成
+                const response = await downloadFile(downloadUrl, fileName);
+
+                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',
+                            });
+                        },
+                    });
+                }
+                uni.hideLoading();
+                resolve();
+                // #endif
+            });
+        },
+
+        // 下载文档并打开预览
+        async downloadAndOpenDocument(downloadUrl, fileName) {
+            return new Promise(async (resolve, reject) => {
+                // 调用下载接口并等待完成
+                const response = await downloadFile(downloadUrl, fileName);
+
+                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',
+                            });
+                        },
+                    });
+                }
+                uni.hideLoading();
+                resolve();
+                // #endif
+            });
+        },
+
+        // 获取文件名短格式
+        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;
+        },
+
+        // 判断是否为图片文件
+        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数据（参考wsjcDetail.vue实现）
+        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;
+            }
+        },
+
+        // 处理图片文件，获取blob数据以确保正确显示（参考wsjcDetail.vue实现）
+        async processImageFiles() {
+            console.log('=== 处理图片文件 ===');
+            const imageFiles = this.attachmentList.filter((file) => this.isImageFile(file));
+
+            for (const file of imageFiles) {
+                if (file.url && !file.blobUrl) {
+                    try {
+                        console.log(`处理图片文件: ${file.name}`);
+                        const blobUrl = await this.getImageBlobUrl(file.url);
+                        if (blobUrl) {
+                            // 更新文件对象，添加blob 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(`图片文件处理成功: ${file.name} - ${blobUrl}`);
+                        }
+                    } catch (error) {
+                        console.error(`处理图片文件失败: ${file.name}`, error);
+                    }
+                }
+            }
+        },
+
+        // 预加载图片以确保能正确显示（参考wsjcDetail.vue实现）
+        async preloadImages() {
+            console.log('=== 预加载图片 ===');
+            const imageFiles = this.attachmentList.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.blobUrl || file.url;
+                    } catch (error) {
+                        console.error(`预加载图片出错: ${file.name}`, error);
+                    }
+                }
+            }
+        },
+
+        // 清理blob URL，防止内存泄漏（参考wsjcDetail.vue实现）
+        cleanupBlobUrls() {
+            console.log('=== 清理blob URL ===');
+            this.attachmentList.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);
+                    }
+                }
+            });
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.popup-container {
+    background-color: #fff;
+    border-radius: 14rpx;
+    overflow: hidden;
+    width: 90vw;
+    max-width: 700rpx;
+    max-height: 80vh;
+    display: flex;
+    flex-direction: column;
+    margin: auto;
+}
+
+.popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.popup-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #303133;
+}
+
+.popup-content {
+    flex: 1;
+    padding: 24rpx;
+    max-height: 60vh;
+    box-sizing: border-box;
+}
+
+.popup-footer {
+    padding: 24rpx;
+    border-top: 1px solid #f0f0f0;
+}
+
+.form-section {
+    margin-bottom: 32rpx;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+}
+
+.section-title {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #303133;
+    margin-bottom: 20rpx;
+    padding-bottom: 10rpx;
+    border-bottom: 2rpx solid #f0f0f0;
+}
+
+.form-content {
+    display: flex;
+    flex-direction: column;
+    gap: 16rpx;
+}
+
+.form-item {
+    display: flex;
+    align-items: center;
+    padding: 12rpx 0;
+    // border-bottom: 1px solid #f8f9fa;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.status-item {
+    justify-content: space-between;
+}
+
+.form-item-textarea {
+    padding: 12rpx 0;
+    border-bottom: 1px solid #f8f9fa;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.form-label {
+    font-size: 28rpx;
+    color: #606266;
+    min-width: 140rpx;
+    margin-right: 16rpx;
+}
+
+.form-value {
+    font-size: 28rpx;
+    color: #303133;
+    flex: 1;
+    word-break: break-all;
+    text-align: right;
+}
+
+.form-textarea-value {
+    font-size: 28rpx;
+    color: #303133;
+    line-height: 1.6;
+    padding: 16rpx;
+    background-color: #f8f9fa;
+    border-radius: 8rpx;
+    margin-top: 12rpx;
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+.score-text {
+    color: #e6a23c;
+    font-weight: 500;
+}
+
+// 附件样式
+.upload-area {
+    padding: 20rpx 0;
+}
+
+// 图片展示区域样式
+.image-section {
+    margin-bottom: 30rpx;
+}
+
+.image-title {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 20rpx;
+    padding-left: 10rpx;
+    border-left: 4rpx solid #3c9cff;
+}
+
+.image-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280rpx, 1fr));
+    gap: 20rpx;
+}
+
+.image-item {
+    position: relative;
+    background: #fff;
+    border-radius: 12rpx;
+    overflow: hidden;
+    border: 2rpx solid #f0f0f0;
+    transition: all 0.3s ease;
+    /* 确保图片容器的点击事件不影响按钮 */
+    cursor: pointer;
+}
+
+.image-item:active {
+    transform: scale(0.98);
+    border-color: #3c9cff;
+}
+
+.image-container {
+    position: relative;
+    width: 100%;
+    height: 200rpx;
+    border-radius: 8rpx;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.attachment-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    background-color: #f5f5f5;
+}
+
+.success-badge {
+    position: absolute;
+    top: 8rpx;
+    right: 8rpx;
+    background-color: rgba(255, 255, 255, 0.9);
+    border-radius: 50%;
+    padding: 4rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.image-actions {
+    display: flex;
+    gap: 6rpx;
+    padding: 8rpx 12rpx;
+    background: #fafafa;
+    border-top: 1rpx solid #f0f0f0;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    /* 确保按钮区域能正确处理点击事件 */
+    position: relative;
+    z-index: 10;
+    pointer-events: auto;
+}
+
+.image-actions .u-button {
+    flex: 1;
+    min-width: 60rpx;
+    font-size: 24rpx !important;
+    /* 确保按钮可点击 */
+    pointer-events: auto;
+    position: relative;
+    z-index: 11;
+}
+
+.image-name {
+    padding: 8rpx 12rpx;
+    background: #fff;
+    font-size: 22rpx;
+    color: #666;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+// 自定义文件列表样式
+.custom-file-list {
+    margin-top: 20rpx;
+}
+
+.file-title {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 20rpx;
+    padding-left: 10rpx;
+    border-left: 4rpx solid #3c9cff;
+}
+
+.file-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280rpx, 1fr));
+    gap: 20rpx;
+}
+
+.file-card {
+    position: relative;
+    background: #fff;
+    border-radius: 12rpx;
+    overflow: hidden;
+    border: 2rpx solid #f0f0f0;
+    transition: all 0.3s ease;
+}
+
+.file-card:active {
+    transform: scale(0.98);
+    border-color: #3c9cff;
+}
+
+.file-icon-container {
+    position: relative;
+    width: 100%;
+    height: 200rpx;
+    border-radius: 8rpx;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #f8f9fa;
+}
+
+.file-name-display {
+    padding: 8rpx 12rpx;
+    background: #fff;
+    font-size: 22rpx;
+    color: #666;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+// 响应式设计
+@media (max-width: 375px) {
+    .image-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .file-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+// 响应式适配
+@media screen and (max-width: 750rpx) {
+    .file-grid {
+        grid-template-columns: repeat(auto-fill, minmax(240rpx, 1fr));
+        gap: 15rpx;
+    }
+
+    .file-icon-container {
+        height: 160rpx;
+    }
+
+    .image-grid {
+        grid-template-columns: repeat(auto-fill, minmax(240rpx, 1fr));
+        gap: 15rpx;
+    }
+
+    .image-container {
+        height: 160rpx;
+    }
+
+    .image-actions .u-button {
+        font-size: 22rpx !important;
+        padding: 6rpx 12rpx;
+    }
+}
+
+// uview组件样式调整
+::v-deep .u-tag {
+    margin: 0;
+}
+</style>
diff --git a/mobile/src/pages/xskh/wjjl/RevokeApplicationView.vue b/mobile/src/pages/xskh/wjjl/RevokeApplicationView.vue
new file mode 100644
index 00000000..0b9df1aa
--- /dev/null
+++ b/mobile/src/pages/xskh/wjjl/RevokeApplicationView.vue
@@ -0,0 +1,1968 @@
+<template>
+    <u-popup :show="dialog.visible" mode="center" :round="14" @close="cancel" @open="onPopupOpen">
+        <view class="popup-container">
+            <view class="popup-header">
+                <text class="popup-title">{{ dialog.title }}</text>
+                <u-icon name="close" @click="cancel" size="24" color="#909399"></u-icon>
+            </view>
+
+            <scroll-view scroll-y class="popup-content">
+                <!-- 违纪记录信息（只读） -->
+                <view class="discipline-record-section">
+                    <view class="section-title">违纪记录信息</view>
+                    <view class="form-content">
+                        <view class="form-item">
+                            <text class="form-label">学号:</text>
+                            <text class="form-value">{{ disciplineRecord.studentNo || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">学生姓名:</text>
+                            <text class="form-value">
+                                {{ disciplineRecord.studentName || '-' }}
+                            </text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">学院名称:</text>
+                            <text class="form-value">
+                                {{ disciplineRecord.collegeName || '-' }}
+                            </text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">专业名称:</text>
+                            <text class="form-value">{{ disciplineRecord.majorName || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">班级名称:</text>
+                            <text class="form-value">{{ disciplineRecord.className || '-' }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">违纪处分类型:</text>
+                            <text class="form-value">
+                                {{ disciplineRecord.disciplineTypeName || '-' }}
+                            </text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">违纪处分日期:</text>
+                            <text class="form-value">
+                                {{ disciplineRecord.disciplineDate || '-' }}
+                            </text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">扣分分值:</text>
+                            <text class="form-value score-text">
+                                {{
+                                    disciplineRecord.scoreDeduction
+                                        ? parseFloat(disciplineRecord.scoreDeduction).toFixed(2)
+                                        : '0.00'
+                                }}
+                            </text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">状态:</text>
+                            <u-tag
+                                :text="
+                                    getDictLabel(studentDisciplineStatus, disciplineRecord.status)
+                                "
+                                :type="
+                                    getDictTagType(studentDisciplineStatus, disciplineRecord.status)
+                                "
+                                size="mini"
+                            ></u-tag>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 违纪记录详细描述 -->
+                <view class="discipline-detail-section">
+                    <view class="section-title">违纪详情</view>
+                    <view class="form-content">
+                        <view class="form-item-textarea">
+                            <text class="form-label">违纪处分原因:</text>
+                            <view class="form-textarea-value">
+                                {{ disciplineRecord.disciplineReason || '-' }}
+                            </view>
+                        </view>
+                        <view class="form-item-textarea">
+                            <text class="form-label">违纪处分内容:</text>
+                            <view class="form-textarea-value">
+                                {{ disciplineRecord.disciplineContent || '-' }}
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 违纪记录附件 -->
+                <view v-if="disciplineAttachmentList.length > 0" class="form-section">
+                    <view class="section-title">违纪记录附件</view>
+                    <view class="upload-area">
+                        <!-- 图片展示区域 -->
+                        <view v-if="disciplineImageFiles.length > 0" class="image-section">
+                            <view class="image-title">图片附件</view>
+                            <view class="image-grid">
+                                <view
+                                    v-for="(image, index) in disciplineImageFiles"
+                                    :key="image.uid || index"
+                                    class="image-item"
+                                    @click="handleDisciplineImageClick(image, index, $event)"
+                                >
+                                    <!-- 图片容器 -->
+                                    <view class="image-container">
+                                        <image
+                                            :src="image.blobUrl || image.url"
+                                            class="attachment-image"
+                                            mode="aspectFill"
+                                        ></image>
+
+                                        <!-- 成功状态角标 -->
+                                        <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>
+                                        <u-button
+                                            v-if="image.status === 'success'"
+                                            size="mini"
+                                            type="primary"
+                                            plain
+                                            @tap="handleDisciplineImageDownload(image)"
+                                            @click.stop.prevent="
+                                                handleDisciplineImageDownloadClick(image, $event)
+                                            "
+                                        >
+                                            下载
+                                        </u-button>
+                                    </view>
+
+                                    <!-- 文件名显示 -->
+                                    <view class="image-name">
+                                        <text>{{ getShortFileName(image.name) }}</text>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+
+                        <!-- 自定义文件列表（用于显示非图片文件） -->
+                        <view class="custom-file-list" v-if="disciplineNonImageFiles.length > 0">
+                            <view class="file-title">文档附件</view>
+                            <view class="file-grid">
+                                <view
+                                    class="file-card"
+                                    v-for="file in disciplineNonImageFiles"
+                                    :key="file.uid"
+                                >
+                                    <!-- 文件图标容器 -->
+                                    <view class="file-icon-container">
+                                        <u-icon name="folder" size="50" color="#19be6b" />
+
+                                        <!-- 成功状态角标 -->
+                                        <view
+                                            v-if="file.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>
+                                        <u-button
+                                            v-if="file.status === 'success'"
+                                            size="mini"
+                                            type="primary"
+                                            plain
+                                            @tap="handleDisciplineDownloadFile(file)"
+                                            @click.stop.prevent="
+                                                handleDisciplineDownloadFileClick(file, $event)
+                                            "
+                                        >
+                                            下载
+                                        </u-button>
+                                    </view>
+
+                                    <!-- 文件名显示 -->
+                                    <view class="file-name-display">
+                                        <text>{{ getShortFileName(file.name) }}</text>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 撤销申请信息 -->
+                <view class="revoke-info-section">
+                    <view class="section-title">撤销申请信息</view>
+
+                    <view v-if="!revokeData || !revokeData.id" class="no-revoke-info">
+                        <u-empty
+                            text="该违纪记录暂无撤销申请记录"
+                            mode="data"
+                            icon="file-text"
+                        ></u-empty>
+                    </view>
+
+                    <view v-else class="form-content">
+                        <!-- 申请基本信息 -->
+                        <view class="form-item">
+                            <text class="form-label">申请时间:</text>
+                            <text class="form-value">{{ formatTime(revokeData.applyTime) }}</text>
+                        </view>
+                        <view class="form-item">
+                            <text class="form-label">申请状态:</text>
+                            <u-tag
+                                :text="getDictLabel(studentRevokeStatus, revokeData.status)"
+                                :type="getRevokeStatusTagType(revokeData.status)"
+                                size="mini"
+                            ></u-tag>
+                        </view>
+
+                        <!-- 审核信息 -->
+                        <view v-if="revokeData.approvalTime" class="form-item">
+                            <text class="form-label">审核时间:</text>
+                            <text class="form-value">
+                                {{ formatTime(revokeData.approvalTime) }}
+                            </text>
+                        </view>
+                        <view v-if="revokeData.approvalByName" class="form-item">
+                            <text class="form-label">审核人:</text>
+                            <text class="form-value">{{ revokeData.approvalByName }}</text>
+                        </view>
+
+                        <!-- 申请原因 -->
+                        <view class="form-item-textarea">
+                            <text class="form-label">撤销申请原因:</text>
+                            <view class="form-textarea-value">
+                                {{ revokeData.revokeReason || '-' }}
+                            </view>
+                        </view>
+
+                        <!-- 审核备注 -->
+                        <view v-if="revokeData.approvalRemark" class="form-item-textarea">
+                            <text class="form-label">审核备注:</text>
+                            <view class="form-textarea-value">
+                                {{ revokeData.approvalRemark }}
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 撤销证明材料 -->
+                <view v-if="revokeAttachmentList.length > 0" class="form-section">
+                    <view class="section-title">撤销证明材料</view>
+                    <view class="upload-area">
+                        <!-- 图片展示区域 -->
+                        <view v-if="revokeImageFiles.length > 0" class="image-section">
+                            <view class="image-title">图片附件</view>
+                            <view class="image-grid">
+                                <view
+                                    v-for="(image, index) in revokeImageFiles"
+                                    :key="image.uid || index"
+                                    class="image-item"
+                                    @click="handleRevokeImageClick(image, index, $event)"
+                                >
+                                    <!-- 图片容器 -->
+                                    <view class="image-container">
+                                        <image
+                                            :src="image.blobUrl || image.url"
+                                            class="attachment-image"
+                                            mode="aspectFill"
+                                        ></image>
+
+                                        <!-- 成功状态角标 -->
+                                        <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>
+                                        <u-button
+                                            v-if="image.status === 'success'"
+                                            size="mini"
+                                            type="primary"
+                                            plain
+                                            @tap="handleRevokeImageDownload(image)"
+                                            @click.stop.prevent="
+                                                handleRevokeImageDownloadClick(image, $event)
+                                            "
+                                        >
+                                            下载
+                                        </u-button>
+                                    </view>
+
+                                    <!-- 文件名显示 -->
+                                    <view class="image-name">
+                                        <text>{{ getShortFileName(image.name) }}</text>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+
+                        <!-- 自定义文件列表（用于显示非图片文件） -->
+                        <view class="custom-file-list" v-if="revokeNonImageFiles.length > 0">
+                            <view class="file-title">文档附件</view>
+                            <view class="file-grid">
+                                <view
+                                    class="file-card"
+                                    v-for="file in revokeNonImageFiles"
+                                    :key="file.uid"
+                                >
+                                    <!-- 文件图标容器 -->
+                                    <view class="file-icon-container">
+                                        <u-icon name="folder" size="50" color="#19be6b" />
+
+                                        <!-- 成功状态角标 -->
+                                        <view
+                                            v-if="file.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>
+                                        <u-button
+                                            v-if="file.status === 'success'"
+                                            size="mini"
+                                            type="primary"
+                                            plain
+                                            @tap="handleRevokeDownloadFile(file)"
+                                            @click.stop.prevent="
+                                                handleRevokeDownloadFileClick(file, $event)
+                                            "
+                                        >
+                                            下载
+                                        </u-button>
+                                    </view>
+
+                                    <!-- 文件名显示 -->
+                                    <view class="file-name-display">
+                                        <text>{{ getShortFileName(file.name) }}</text>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+            </scroll-view>
+
+            <view class="popup-footer">
+                <u-button @click="cancel" type="info" size="default">关闭</u-button>
+            </view>
+        </view>
+    </u-popup>
+</template>
+
+<script>
+import { request, downloadFile } from '@/common/request.js';
+import { getDictLabel, getDictTagType, getDict } from '@/common/dict.js';
+
+export default {
+    name: 'RevokeApplicationView',
+    data() {
+        return {
+            // 弹窗状态
+            dialog: {
+                visible: false,
+                title: '查看撤销申请',
+            },
+
+            // 违纪记录信息
+            disciplineRecord: {},
+            disciplineAttachmentList: [],
+
+            // 撤销申请信息
+            revokeData: {},
+            revokeAttachmentList: [],
+
+            // 字典数据
+            studentDisciplineStatus: [],
+            studentRevokeStatus: [],
+        };
+    },
+
+    async created() {
+        await this.loadDictData();
+    },
+
+    // 页面卸载时清理blob URL，防止内存泄漏
+    onUnload() {
+        this.cleanupBlobUrls();
+    },
+
+    computed: {
+        // 违纪记录图片文件
+        disciplineImageFiles() {
+            return this.disciplineAttachmentList.filter((file) => this.isImageFile(file));
+        },
+
+        // 违纪记录非图片文件
+        disciplineNonImageFiles() {
+            return this.disciplineAttachmentList.filter((file) => !this.isImageFile(file));
+        },
+
+        // 撤销申请图片文件
+        revokeImageFiles() {
+            return this.revokeAttachmentList.filter((file) => this.isImageFile(file));
+        },
+
+        // 撤销申请非图片文件
+        revokeNonImageFiles() {
+            return this.revokeAttachmentList.filter((file) => !this.isImageFile(file));
+        },
+    },
+
+    methods: {
+        // 加载字典数据
+        async loadDictData() {
+            try {
+                this.studentDisciplineStatus = await getDict('student_discipline_status');
+                this.studentRevokeStatus = await getDict('student_revoke_status');
+            } catch (error) {
+                console.error('加载字典数据失败:', error);
+            }
+        },
+
+        // 获取字典标签
+        getDictLabel(dictData, value) {
+            return getDictLabel(dictData, value);
+        },
+
+        // 获取字典标签类型
+        getDictTagType(dictData, value) {
+            const fallbackMap = {
+                1: 'success', // 生效
+                0: 'info', // 失效
+            };
+            return getDictTagType(dictData, value, fallbackMap);
+        },
+
+        // 获取撤销状态标签类型
+        getRevokeStatusTagType(status) {
+            const fallbackMap = {
+                1: 'warning', // 待审核
+                2: 'success', // 审核通过
+                3: 'error', // 审核拒绝
+            };
+            return getDictTagType(this.studentRevokeStatus, status, fallbackMap);
+        },
+
+        // 打开弹窗
+        async openDialog(disciplineRecordId) {
+            this.dialog.visible = true;
+            this.resetData();
+
+            try {
+                uni.showLoading({ title: '加载中...' });
+
+                // 加载违纪记录信息
+                await this.getDisciplineRecord(disciplineRecordId);
+
+                // 加载撤销申请信息
+                await this.getRevokeData(disciplineRecordId);
+
+                // 处理违纪记录附件数据
+                await this.handleDisciplineAttachmentData();
+
+                // 处理撤销申请附件数据
+                await this.handleRevokeAttachmentData();
+
+                // 处理图片文件以确保正确显示
+                await this.processAllImageFiles();
+
+                // 强制刷新组件显示
+                this.$nextTick(() => {
+                    // 预加载图片以确保能正确显示
+                    this.preloadAllImages();
+                });
+            } catch (error) {
+                console.error('加载数据失败:', error);
+                uni.showToast({
+                    title: '加载数据失败',
+                    icon: 'none',
+                });
+            } finally {
+                uni.hideLoading();
+            }
+        },
+
+        // 重置数据
+        resetData() {
+            this.disciplineRecord = {};
+            this.revokeData = {};
+            this.disciplineAttachmentList = [];
+            this.revokeAttachmentList = [];
+        },
+
+        // 取消按钮
+        cancel() {
+            this.dialog.visible = false;
+            this.resetData();
+        },
+
+        // 弹窗打开事件
+        onPopupOpen() {
+            console.log('撤销申请查看弹窗已打开');
+        },
+
+        // 获取违纪记录详情
+        async getDisciplineRecord(id) {
+            try {
+                const res = await request({
+                    url: `/disciplineRecord/disciplineRecord/${id}`,
+                    method: 'GET',
+                });
+
+                if (res && res.code === 200) {
+                    this.disciplineRecord = res.data || {};
+                } else {
+                    throw new Error(res?.msg || '获取违纪记录失败');
+                }
+            } catch (error) {
+                console.error('获取违纪记录失败:', error);
+                throw error;
+            }
+        },
+
+        // 获取撤销申请数据
+        async getRevokeData(disciplineRecordId) {
+            try {
+                const res = await request({
+                    url: `/disciplineRevoke/disciplineRevoke/byDisciplineRecord/${disciplineRecordId}`,
+                    method: 'GET',
+                });
+
+                if (res && res.code === 200 && res.data) {
+                    this.revokeData = res.data;
+                } else {
+                    // 没有撤销申请记录
+                    this.revokeData = {};
+                }
+            } catch (error) {
+                console.warn('该违纪记录暂无撤销申请记录');
+                this.revokeData = {};
+            }
+        },
+
+        // 处理违纪记录附件数据
+        async handleDisciplineAttachmentData() {
+            try {
+                if (
+                    !this.disciplineRecord.attachmentOssIds ||
+                    !this.disciplineRecord.attachmentOssIds.toString().trim()
+                ) {
+                    this.disciplineAttachmentList = [];
+                    return;
+                }
+
+                const ossIdsArray = this.disciplineRecord.attachmentOssIds
+                    .toString()
+                    .split(',')
+                    .map((id) => id.trim())
+                    .filter((id) => id);
+
+                if (ossIdsArray.length === 0) {
+                    this.disciplineAttachmentList = [];
+                    return;
+                }
+
+                const response = await request({
+                    url: `/resource/oss/listByIds/${ossIdsArray.join(',')}`,
+                    method: 'GET',
+                });
+
+                if (response && response.code === 200 && response.data) {
+                    const attachmentFiles = response.data.map((item, index) => {
+                        // 使用fileSuffix字段判断文件类型
+                        const fileType = this.getFileTypeBySuffix(item.fileSuffix);
+                        const isImage = this.isImageFile({
+                            name: item.originalName,
+                            type: fileType,
+                        });
+
+                        // 处理图片URL - 确保有正确的API前缀
+                        let processedUrl = item.url;
+                        if (isImage && item.url && item.url.startsWith('/resource/')) {
+                            // 图片文件需要添加/api前缀
+                            processedUrl = `/api${item.url}`;
+                        }
+
+                        // 构造完整的文件名（包含扩展名）
+                        let fullFileName = item.originalName || `附件${index + 1}`;
+                        if (
+                            item.fileSuffix &&
+                            !fullFileName
+                                .toLowerCase()
+                                .endsWith(`.${item.fileSuffix.toLowerCase()}`)
+                        ) {
+                            fullFileName = `${fullFileName}.${item.fileSuffix}`;
+                        }
+
+                        const fileObj = {
+                            uid: `discipline_${index}_${Date.now()}`,
+                            name: fullFileName,
+                            url: processedUrl,
+                            ossId: item.ossId,
+                            status: 'success',
+                            type: fileType,
+                            // 确保图片文件有正确的显示属性
+                            size: item.fileSize || 0,
+                        };
+
+                        return fileObj;
+                    });
+
+                    this.disciplineAttachmentList = attachmentFiles;
+                } else {
+                    this.disciplineAttachmentList = [];
+                }
+            } catch (error) {
+                console.error('处理违纪记录附件数据失败:', error);
+                this.disciplineAttachmentList = [];
+            }
+        },
+
+        // 处理撤销申请附件数据
+        async handleRevokeAttachmentData() {
+            try {
+                if (
+                    !this.revokeData.revokeEvidence ||
+                    !this.revokeData.revokeEvidence.toString().trim()
+                ) {
+                    this.revokeAttachmentList = [];
+                    return;
+                }
+
+                const ossIdsArray = this.revokeData.revokeEvidence
+                    .toString()
+                    .split(',')
+                    .map((id) => id.trim())
+                    .filter((id) => id);
+
+                if (ossIdsArray.length === 0) {
+                    this.revokeAttachmentList = [];
+                    return;
+                }
+
+                const response = await request({
+                    url: `/resource/oss/listByIds/${ossIdsArray.join(',')}`,
+                    method: 'GET',
+                });
+
+                if (response && response.code === 200 && response.data) {
+                    const attachmentFiles = response.data.map((item, index) => {
+                        // 使用fileSuffix字段判断文件类型
+                        const fileType = this.getFileTypeBySuffix(item.fileSuffix);
+                        const isImage = this.isImageFile({
+                            name: item.originalName,
+                            type: fileType,
+                        });
+
+                        // 处理图片URL - 确保有正确的API前缀
+                        let processedUrl = item.url;
+                        if (isImage && item.url && item.url.startsWith('/resource/')) {
+                            // 图片文件需要添加/api前缀
+                            processedUrl = `/api${item.url}`;
+                        }
+
+                        // 构造完整的文件名（包含扩展名）
+                        let fullFileName = item.originalName || `撤销证明${index + 1}`;
+                        if (
+                            item.fileSuffix &&
+                            !fullFileName
+                                .toLowerCase()
+                                .endsWith(`.${item.fileSuffix.toLowerCase()}`)
+                        ) {
+                            fullFileName = `${fullFileName}.${item.fileSuffix}`;
+                        }
+
+                        const fileObj = {
+                            uid: `revoke_${index}_${Date.now()}`,
+                            name: fullFileName,
+                            url: processedUrl,
+                            ossId: item.ossId,
+                            status: 'success',
+                            type: fileType,
+                            // 确保图片文件有正确的显示属性
+                            size: item.fileSize || 0,
+                        };
+
+                        return fileObj;
+                    });
+
+                    this.revokeAttachmentList = attachmentFiles;
+                } else {
+                    this.revokeAttachmentList = [];
+                }
+            } catch (error) {
+                console.error('处理撤销申请附件数据失败:', error);
+                this.revokeAttachmentList = [];
+            }
+        },
+
+        // 根据文件后缀获取文件类型
+        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}`;
+        },
+
+        // 处理所有图片文件，获取blob数据以确保正确显示
+        async processAllImageFiles() {
+            console.log('=== 处理所有图片文件 ===');
+
+            // 处理违纪记录图片
+            const disciplineImageFiles = this.disciplineAttachmentList.filter((file) =>
+                this.isImageFile(file),
+            );
+            for (const file of disciplineImageFiles) {
+                if (file.url && !file.blobUrl) {
+                    try {
+                        console.log(`处理违纪记录图片文件: ${file.name}`);
+                        const blobUrl = await this.getImageBlobUrl(file.url);
+                        if (blobUrl) {
+                            file.blobUrl = blobUrl;
+                            file.url = blobUrl;
+                            file.fileType = 'image';
+                            file.type =
+                                file.type && file.type.startsWith('image') ? file.type : 'image';
+                            file.isImage = true;
+                            console.log(`违纪记录图片文件处理成功: ${file.name} - ${blobUrl}`);
+                        }
+                    } catch (error) {
+                        console.error(`处理违纪记录图片文件失败: ${file.name}`, error);
+                    }
+                }
+            }
+
+            // 处理撤销申请图片
+            const revokeImageFiles = this.revokeAttachmentList.filter((file) =>
+                this.isImageFile(file),
+            );
+            for (const file of revokeImageFiles) {
+                if (file.url && !file.blobUrl) {
+                    try {
+                        console.log(`处理撤销申请图片文件: ${file.name}`);
+                        const blobUrl = await this.getImageBlobUrl(file.url);
+                        if (blobUrl) {
+                            file.blobUrl = blobUrl;
+                            file.url = blobUrl;
+                            file.fileType = 'image';
+                            file.type =
+                                file.type && file.type.startsWith('image') ? file.type : 'image';
+                            file.isImage = true;
+                            console.log(`撤销申请图片文件处理成功: ${file.name} - ${blobUrl}`);
+                        }
+                    } catch (error) {
+                        console.error(`处理撤销申请图片文件失败: ${file.name}`, error);
+                    }
+                }
+            }
+        },
+
+        // 预加载所有图片以确保能正确显示
+        async preloadAllImages() {
+            console.log('=== 预加载所有图片 ===');
+
+            // 预加载违纪记录图片
+            const disciplineImageFiles = this.disciplineAttachmentList.filter((file) =>
+                this.isImageFile(file),
+            );
+            for (const file of disciplineImageFiles) {
+                if (file.url) {
+                    try {
+                        console.log(`预加载违纪记录图片: ${file.name} - ${file.url}`);
+                        const img = new Image();
+                        img.onload = () => {
+                            console.log(`违纪记录图片预加载成功: ${file.name}`);
+                        };
+                        img.onerror = () => {
+                            console.error(`违纪记录图片预加载失败: ${file.name} - ${file.url}`);
+                        };
+                        img.src = file.blobUrl || file.url;
+                    } catch (error) {
+                        console.error(`预加载违纪记录图片出错: ${file.name}`, error);
+                    }
+                }
+            }
+
+            // 预加载撤销申请图片
+            const revokeImageFiles = this.revokeAttachmentList.filter((file) =>
+                this.isImageFile(file),
+            );
+            for (const file of revokeImageFiles) {
+                if (file.url) {
+                    try {
+                        console.log(`预加载撤销申请图片: ${file.name} - ${file.url}`);
+                        const img = new Image();
+                        img.onload = () => {
+                            console.log(`撤销申请图片预加载成功: ${file.name}`);
+                        };
+                        img.onerror = () => {
+                            console.error(`撤销申请图片预加载失败: ${file.name} - ${file.url}`);
+                        };
+                        img.src = file.blobUrl || file.url;
+                    } catch (error) {
+                        console.error(`预加载撤销申请图片出错: ${file.name}`, error);
+                    }
+                }
+            }
+        },
+
+        // 获取图片的blob数据
+        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;
+            }
+        },
+
+        // 清理blob URL，防止内存泄漏
+        cleanupBlobUrls() {
+            console.log('=== 清理blob URL ===');
+
+            // 清理违纪记录附件的blob URL
+            this.disciplineAttachmentList.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);
+                    }
+                }
+            });
+
+            // 清理撤销申请附件的blob URL
+            this.revokeAttachmentList.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);
+                    }
+                }
+            });
+        },
+
+        // 违纪记录图片点击处理
+        handleDisciplineImageClick(image, index, event) {
+            // 检查点击目标是否是操作按钮区域
+            const target = event.target;
+            const isActionButton =
+                target.closest('.image-actions') ||
+                target.closest('u-button') ||
+                target.tagName === 'BUTTON';
+
+            if (!isActionButton) {
+                // 点击的是图片区域，进行预览
+                this.handleDisciplineImagePreview(image, index);
+            }
+        },
+
+        // 违纪记录图片预览
+        handleDisciplineImagePreview(image, index) {
+            if (image.status !== 'success') {
+                uni.showToast({
+                    title: '图片尚未加载完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 获取所有成功上传的图片URL
+            const imageUrls = this.disciplineImageFiles
+                .filter((file) => file.status === 'success')
+                .map((file) => file.blobUrl || file.url);
+
+            if (imageUrls.length === 0) {
+                uni.showToast({
+                    title: '暂无可预览的图片',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 找到当前图片在成功列表中的索引
+            const currentUrl = image.blobUrl || image.url;
+            const currentIndex = imageUrls.findIndex((url) => url === currentUrl);
+
+            uni.previewImage({
+                urls: imageUrls,
+                current: currentIndex >= 0 ? currentIndex : 0,
+                success: () => {
+                    // 预览成功
+                },
+                fail: (error) => {
+                    console.error('图片预览失败:', error);
+                    uni.showToast({
+                        title: '预览失败',
+                        icon: 'none',
+                    });
+                },
+            });
+        },
+
+        // 违纪记录图片下载按钮点击处理
+        handleDisciplineImageDownloadClick(image, event) {
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+            this.handleDisciplineImageDownload(image, event);
+        },
+
+        // 违纪记录图片下载
+        async handleDisciplineImageDownload(image, event, retryCount = 0) {
+            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);
+
+                    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',
+                                });
+                            },
+                        });
+                    }
+                }
+            } catch (error) {
+                console.error('违纪记录图片下载过程出错:', error);
+
+                // 确保隐藏loading状态
+                uni.hideLoading();
+
+                // 重试机制（最多重试2次）
+                if (retryCount < 2) {
+                    // 显示重试提示
+                    uni.showToast({
+                        title: `下载失败，正在重试(${retryCount + 1}/2)...`,
+                        icon: 'none',
+                        duration: 1500,
+                    });
+
+                    setTimeout(() => {
+                        this.handleDisciplineImageDownload(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,
+                });
+            }
+        },
+
+        // 违纪记录文件下载按钮点击处理
+        handleDisciplineDownloadFileClick(file, event) {
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+            this.handleDisciplineDownloadFile(file, event);
+        },
+
+        // 违纪记录文件下载
+        async handleDisciplineDownloadFile(file, event) {
+            if (!file.ossId) {
+                uni.showToast({
+                    title: '文件未上传完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            try {
+                uni.showLoading({
+                    title: `正在下载${file.name}...`,
+                    mask: true,
+                });
+
+                // 构建下载URL
+                const downloadUrl = `/resource/oss/download/${file.ossId}`;
+
+                if (this.isImageFile(file)) {
+                    // 图片文件：下载并保存到相册
+                    await this.downloadAndSaveImage(downloadUrl, file.name);
+                } else {
+                    // 非图片文件：下载并直接打开预览
+                    await this.downloadAndOpenDocument(downloadUrl, file.name);
+                }
+            } catch (error) {
+                console.error('违纪记录文件下载过程发生异常:', error);
+                uni.hideLoading();
+
+                let errorMsg = '下载失败，请重试';
+                if (error.message.includes('timeout')) {
+                    errorMsg = '下载超时，请检查网络后重试';
+                } else if (error.message.includes('network')) {
+                    errorMsg = '网络错误，请检查网络连接';
+                } else if (error.message.includes('404')) {
+                    errorMsg = '文件不存在，请联系管理员';
+                } else if (error.message.includes('500')) {
+                    errorMsg = '服务器错误，请稍后重试';
+                }
+
+                uni.showModal({
+                    title: '下载失败',
+                    content: errorMsg,
+                    showCancel: true,
+                    cancelText: '取消',
+                    confirmText: '重试',
+                    success: (res) => {
+                        if (res.confirm) {
+                            this.handleDisciplineDownloadFile(file);
+                        }
+                    },
+                });
+            }
+        },
+
+        // 撤销申请图片点击处理
+        handleRevokeImageClick(image, index, event) {
+            // 检查点击目标是否是操作按钮区域
+            const target = event.target;
+            const isActionButton =
+                target.closest('.image-actions') ||
+                target.closest('u-button') ||
+                target.tagName === 'BUTTON';
+
+            if (!isActionButton) {
+                // 点击的是图片区域，进行预览
+                this.handleRevokeImagePreview(image, index);
+            }
+        },
+
+        // 撤销申请图片预览
+        handleRevokeImagePreview(image, index) {
+            if (image.status !== 'success') {
+                uni.showToast({
+                    title: '图片尚未加载完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 获取所有成功上传的图片URL
+            const imageUrls = this.revokeImageFiles
+                .filter((file) => file.status === 'success')
+                .map((file) => file.blobUrl || file.url);
+
+            if (imageUrls.length === 0) {
+                uni.showToast({
+                    title: '暂无可预览的图片',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 找到当前图片在成功列表中的索引
+            const currentUrl = image.blobUrl || image.url;
+            const currentIndex = imageUrls.findIndex((url) => url === currentUrl);
+
+            uni.previewImage({
+                urls: imageUrls,
+                current: currentIndex >= 0 ? currentIndex : 0,
+                success: () => {
+                    // 预览成功
+                },
+                fail: (error) => {
+                    console.error('图片预览失败:', error);
+                    uni.showToast({
+                        title: '预览失败',
+                        icon: 'none',
+                    });
+                },
+            });
+        },
+
+        // 撤销申请图片下载按钮点击处理
+        handleRevokeImageDownloadClick(image, event) {
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+            this.handleRevokeImageDownload(image, event);
+        },
+
+        // 撤销申请图片下载
+        async handleRevokeImageDownload(image, event, retryCount = 0) {
+            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);
+
+                    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',
+                                });
+                            },
+                        });
+                    }
+                }
+            } catch (error) {
+                console.error('撤销申请图片下载过程出错:', error);
+
+                // 确保隐藏loading状态
+                uni.hideLoading();
+
+                // 重试机制（最多重试2次）
+                if (retryCount < 2) {
+                    // 显示重试提示
+                    uni.showToast({
+                        title: `下载失败，正在重试(${retryCount + 1}/2)...`,
+                        icon: 'none',
+                        duration: 1500,
+                    });
+
+                    setTimeout(() => {
+                        this.handleRevokeImageDownload(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,
+                });
+            }
+        },
+
+        // 撤销申请文件下载按钮点击处理
+        handleRevokeDownloadFileClick(file, event) {
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+            this.handleRevokeDownloadFile(file, event);
+        },
+
+        // 撤销申请文件下载
+        async handleRevokeDownloadFile(file, event) {
+            if (!file.ossId) {
+                uni.showToast({
+                    title: '文件未上传完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            try {
+                uni.showLoading({
+                    title: `正在下载${file.name}...`,
+                    mask: true,
+                });
+
+                // 构建下载URL
+                const downloadUrl = `/resource/oss/download/${file.ossId}`;
+
+                if (this.isImageFile(file)) {
+                    // 图片文件：下载并保存到相册
+                    await this.downloadAndSaveImage(downloadUrl, file.name);
+                } else {
+                    // 非图片文件：下载并直接打开预览
+                    await this.downloadAndOpenDocument(downloadUrl, file.name);
+                }
+            } catch (error) {
+                console.error('撤销申请文件下载过程发生异常:', error);
+                uni.hideLoading();
+
+                let errorMsg = '下载失败，请重试';
+                if (error.message.includes('timeout')) {
+                    errorMsg = '下载超时，请检查网络后重试';
+                } else if (error.message.includes('network')) {
+                    errorMsg = '网络错误，请检查网络连接';
+                } else if (error.message.includes('404')) {
+                    errorMsg = '文件不存在，请联系管理员';
+                } else if (error.message.includes('500')) {
+                    errorMsg = '服务器错误，请稍后重试';
+                }
+
+                uni.showModal({
+                    title: '下载失败',
+                    content: errorMsg,
+                    showCancel: true,
+                    cancelText: '取消',
+                    confirmText: '重试',
+                    success: (res) => {
+                        if (res.confirm) {
+                            this.handleRevokeDownloadFile(file);
+                        }
+                    },
+                });
+            }
+        },
+
+        // 下载图片并保存到相册
+        async downloadAndSaveImage(downloadUrl, fileName) {
+            return new Promise(async (resolve, reject) => {
+                // 调用下载接口并等待完成
+                const response = await downloadFile(downloadUrl, fileName);
+
+                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',
+                            });
+                        },
+                    });
+                }
+                uni.hideLoading();
+                resolve();
+                // #endif
+            });
+        },
+
+        // 下载文档并打开预览
+        async downloadAndOpenDocument(downloadUrl, fileName) {
+            return new Promise(async (resolve, reject) => {
+                // 调用下载接口并等待完成
+                const response = await downloadFile(downloadUrl, fileName);
+
+                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',
+                            });
+                        },
+                    });
+                }
+                uni.hideLoading();
+                resolve();
+                // #endif
+            });
+        },
+
+        // 格式化时间
+        formatTime(timeStr) {
+            if (!timeStr) return '-';
+            try {
+                const date = new Date(timeStr);
+                if (isNaN(date.getTime())) return timeStr;
+
+                const year = date.getFullYear();
+                const month = String(date.getMonth() + 1).padStart(2, '0');
+                const day = String(date.getDate()).padStart(2, '0');
+                const hours = String(date.getHours()).padStart(2, '0');
+                const minutes = String(date.getMinutes()).padStart(2, '0');
+                const seconds = String(date.getSeconds()).padStart(2, '0');
+
+                return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+            } catch (error) {
+                console.error('时间格式化失败:', error);
+                return timeStr;
+            }
+        },
+
+        // 判断是否为图片文件
+        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);
+        },
+
+        // 获取文件扩展名
+        getFileExt(fileName) {
+            if (!fileName) return 'FILE';
+            const ext = fileName.split('.').pop();
+            return ext ? ext.toUpperCase() : 'FILE';
+        },
+
+        // 获取文件名短格式
+        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;
+        },
+
+        // 获取附件访问URL（保留原有方法以兼容性）
+        getAttachmentUrl(file) {
+            // 如果有直接的URL，使用它
+            if (file.url) {
+                return file.url;
+            }
+
+            // 否则通过ossId生成访问URL
+            if (file.ossId) {
+                return `/resource/oss/download/${file.ossId}`;
+            }
+
+            return '';
+        },
+
+        // 预览文件（保留原有方法以兼容性）
+        handlePreviewFile(file) {
+            if (this.isImageFile(file)) {
+                // 图片预览
+                const allImageFiles = [
+                    ...this.disciplineAttachmentList,
+                    ...this.revokeAttachmentList,
+                ].filter((f) => this.isImageFile(f));
+
+                const urls = allImageFiles.map((f) => this.getAttachmentUrl(f));
+                const current = this.getAttachmentUrl(file);
+
+                uni.previewImage({
+                    urls: urls,
+                    current: current,
+                });
+            } else {
+                // 非图片文件下载
+                this.handleDownloadFile(file);
+            }
+        },
+
+        // 下载文件（保留原有方法以兼容性）
+        async handleDownloadFile(file) {
+            try {
+                uni.showLoading({ title: '准备下载...' });
+
+                // 构建下载URL
+                let downloadUrl = '';
+                if (file.ossId) {
+                    downloadUrl = `/resource/oss/download/${file.ossId}`;
+                } else if (file.url) {
+                    downloadUrl = file.url;
+                } else {
+                    throw new Error('无法获取文件下载地址');
+                }
+
+                // 使用uni.downloadFile下载
+                const downloadRes = await new Promise((resolve, reject) => {
+                    uni.downloadFile({
+                        url: downloadUrl,
+                        header: {
+                            authorization: uni.getStorageSync('access_token')
+                                ? `Bearer ${uni.getStorageSync('access_token')}`
+                                : '',
+                            clientid: 'e5cd7e4891bf95d1d19206ce24a7b32e',
+                        },
+                        success: resolve,
+                        fail: reject,
+                    });
+                });
+
+                if (downloadRes.statusCode === 200) {
+                    uni.hideLoading();
+                    uni.showToast({
+                        title: '下载完成',
+                        icon: 'success',
+                    });
+                } else {
+                    throw new Error('下载失败');
+                }
+            } catch (error) {
+                console.error('下载文件失败:', error);
+                uni.hideLoading();
+                uni.showToast({
+                    title: '下载失败',
+                    icon: 'none',
+                });
+            }
+        },
+
+        // 图片加载错误处理
+        handleImageError() {
+            console.warn('图片加载失败');
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.popup-container {
+    background-color: #fff;
+    border-radius: 14rpx;
+    overflow: hidden;
+    width: 90vw;
+    max-width: 750rpx;
+    max-height: 85vh;
+    display: flex;
+    flex-direction: column;
+    margin: auto;
+}
+
+.popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.popup-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #303133;
+}
+
+.popup-content {
+    flex: 1;
+    padding: 24rpx;
+    max-height: 70vh;
+    box-sizing: border-box;
+}
+
+.popup-footer {
+    padding: 24rpx;
+    border-top: 1px solid #f0f0f0;
+}
+
+.discipline-record-section,
+.discipline-detail-section,
+.discipline-attachment-section,
+.revoke-info-section,
+.revoke-attachment-section,
+.form-section {
+    margin-bottom: 32rpx;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+}
+
+.section-title {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #303133;
+    margin-bottom: 20rpx;
+    padding-bottom: 10rpx;
+    border-bottom: 2rpx solid #f0f0f0;
+}
+
+.form-content {
+    display: flex;
+    flex-direction: column;
+    gap: 16rpx;
+}
+
+.form-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12rpx 0;
+    // border-bottom: 1px solid #f8f9fa;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.form-item-textarea {
+    padding: 12rpx 0;
+    border-bottom: 1px solid #f8f9fa;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.form-label {
+    font-size: 28rpx;
+    color: #606266;
+    min-width: 140rpx;
+    margin-right: 16rpx;
+    flex-shrink: 0;
+}
+
+.form-value {
+    font-size: 28rpx;
+    color: #303133;
+    text-align: right;
+    word-break: break-all;
+    max-width: 60%;
+}
+
+.form-textarea-value {
+    font-size: 28rpx;
+    color: #303133;
+    line-height: 1.6;
+    padding: 16rpx;
+    background-color: #f8f9fa;
+    border-radius: 8rpx;
+    margin-top: 12rpx;
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+.score-text {
+    color: #e6a23c;
+    font-weight: 500;
+}
+
+.divider {
+    height: 20rpx;
+    background-color: #f5f6fa;
+    margin: 0 -24rpx 32rpx -24rpx;
+}
+
+.no-revoke-info {
+    padding: 40rpx 20rpx;
+}
+
+// 附件样式（从DisciplineRecordForm.vue移植）
+.upload-area {
+    padding: 20rpx 0;
+}
+
+// 图片展示区域样式
+.image-section {
+    margin-bottom: 30rpx;
+}
+
+.image-title {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 20rpx;
+    padding-left: 10rpx;
+    border-left: 4rpx solid #3c9cff;
+}
+
+.image-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280rpx, 1fr));
+    gap: 20rpx;
+}
+
+.image-item {
+    position: relative;
+    background: #fff;
+    border-radius: 12rpx;
+    overflow: hidden;
+    border: 2rpx solid #f0f0f0;
+    transition: all 0.3s ease;
+    /* 确保图片容器的点击事件不影响按钮 */
+    cursor: pointer;
+}
+
+.image-item:active {
+    transform: scale(0.98);
+    border-color: #3c9cff;
+}
+
+.image-container {
+    position: relative;
+    width: 100%;
+    height: 200rpx;
+    border-radius: 8rpx;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.attachment-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    background-color: #f5f5f5;
+}
+
+.success-badge {
+    position: absolute;
+    top: 8rpx;
+    right: 8rpx;
+    background-color: rgba(255, 255, 255, 0.9);
+    border-radius: 50%;
+    padding: 4rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.image-actions {
+    display: flex;
+    gap: 6rpx;
+    padding: 8rpx 12rpx;
+    background: #fafafa;
+    border-top: 1rpx solid #f0f0f0;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    /* 确保按钮区域能正确处理点击事件 */
+    position: relative;
+    z-index: 10;
+    pointer-events: auto;
+}
+
+.image-actions .u-button {
+    flex: 1;
+    min-width: 60rpx;
+    font-size: 24rpx !important;
+    /* 确保按钮可点击 */
+    pointer-events: auto;
+    position: relative;
+    z-index: 11;
+}
+
+.image-name {
+    padding: 8rpx 12rpx;
+    background: #fff;
+    font-size: 22rpx;
+    color: #666;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+// 自定义文件列表样式
+.custom-file-list {
+    margin-top: 20rpx;
+}
+
+.file-title {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 20rpx;
+    padding-left: 10rpx;
+    border-left: 4rpx solid #3c9cff;
+}
+
+.file-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280rpx, 1fr));
+    gap: 20rpx;
+}
+
+.file-card {
+    position: relative;
+    background: #fff;
+    border-radius: 12rpx;
+    overflow: hidden;
+    border: 2rpx solid #f0f0f0;
+    transition: all 0.3s ease;
+}
+
+.file-card:active {
+    transform: scale(0.98);
+    border-color: #3c9cff;
+}
+
+.file-icon-container {
+    position: relative;
+    width: 100%;
+    height: 200rpx;
+    border-radius: 8rpx;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #f8f9fa;
+}
+
+.file-name-display {
+    padding: 8rpx 12rpx;
+    background: #fff;
+    font-size: 22rpx;
+    color: #666;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+// 响应式设计
+@media (max-width: 375px) {
+    .image-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .file-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+// 响应式适配
+@media screen and (max-width: 750rpx) {
+    .file-grid {
+        grid-template-columns: repeat(auto-fill, minmax(240rpx, 1fr));
+        gap: 15rpx;
+    }
+
+    .file-icon-container {
+        height: 160rpx;
+    }
+
+    .image-grid {
+        grid-template-columns: repeat(auto-fill, minmax(240rpx, 1fr));
+        gap: 15rpx;
+    }
+
+    .image-container {
+        height: 160rpx;
+    }
+
+    .image-actions .u-button {
+        font-size: 22rpx !important;
+        padding: 6rpx 12rpx;
+    }
+}
+
+// 老的附件样式（保留以兼容性）
+.attachment-container {
+    margin-top: 20rpx;
+}
+
+.attachment-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16rpx;
+}
+
+.attachment-item {
+    position: relative;
+    background-color: #f8f9fa;
+    border-radius: 12rpx;
+    overflow: hidden;
+    padding: 12rpx;
+    border: 1px solid #e4e7ed;
+}
+
+.attachment-file {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 120rpx;
+    color: #909399;
+}
+
+.file-ext {
+    font-size: 20rpx;
+    margin-top: 8rpx;
+    color: #606266;
+}
+
+.attachment-name {
+    font-size: 24rpx;
+    color: #303133;
+    text-align: center;
+    margin-top: 8rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.attachment-actions {
+    position: absolute;
+    top: 8rpx;
+    right: 8rpx;
+    background-color: rgba(255, 255, 255, 0.9);
+    border-radius: 50%;
+    padding: 8rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+// uview组件样式调整
+::v-deep .u-tag {
+    margin: 0;
+}
+</style>
diff --git a/mobile/src/pages/xskh/wjjl/revokeApplication.vue b/mobile/src/pages/xskh/wjjl/revokeApplication.vue
new file mode 100644
index 00000000..575ae2b3
--- /dev/null
+++ b/mobile/src/pages/xskh/wjjl/revokeApplication.vue
@@ -0,0 +1,2503 @@
+<template>
+    <view class="revoke-application-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>
+
+        <!-- 加载状态 -->
+        <u-loading-page :loading="loading" loading-text="加载中..."></u-loading-page>
+
+        <!-- 页面内容 -->
+        <view v-if="!loading" class="page-content">
+            <!-- 违纪记录信息（只读） -->
+            <view class="discipline-record-section">
+                <view class="section-title">违纪记录信息</view>
+                <view class="form-content">
+                    <view class="form-item">
+                        <text class="form-label">学号:</text>
+                        <text class="form-value">{{ disciplineRecord.studentNo || '-' }}</text>
+                    </view>
+                    <view class="form-item">
+                        <text class="form-label">学生姓名:</text>
+                        <text class="form-value">
+                            {{ disciplineRecord.studentName || '-' }}
+                        </text>
+                    </view>
+                    <view class="form-item">
+                        <text class="form-label">违纪处分类型:</text>
+                        <text class="form-value">
+                            {{ disciplineRecord.disciplineTypeName || '-' }}
+                        </text>
+                    </view>
+                    <view class="form-item">
+                        <text class="form-label">违纪处分日期:</text>
+                        <text class="form-value">
+                            {{ disciplineRecord.disciplineDate || '-' }}
+                        </text>
+                    </view>
+                    <view class="form-item">
+                        <text class="form-label">扣分分值:</text>
+                        <text class="form-value score-text">
+                            {{
+                                disciplineRecord.scoreDeduction
+                                    ? parseFloat(disciplineRecord.scoreDeduction).toFixed(2)
+                                    : '0.00'
+                            }}
+                        </text>
+                    </view>
+                    <view class="form-item">
+                        <text class="form-label">状态:</text>
+                        <u-tag
+                            :text="getDictLabel(studentDisciplineStatus, disciplineRecord.status)"
+                            :type="getDictTagType(studentDisciplineStatus, disciplineRecord.status)"
+                            size="mini"
+                        ></u-tag>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 状态提示信息 -->
+            <view v-if="existingRevokeRecord && !canApply" class="status-alert">
+                <u-notice-bar
+                    :text="getStatusAlertText()"
+                    type="warning"
+                    :show-icon="true"
+                    mode="closable"
+                ></u-notice-bar>
+                <view class="alert-details">
+                    <view class="detail-item">
+                        <text class="detail-label">申请时间:</text>
+                        <text class="detail-value">
+                            {{ existingRevokeRecord.applyTime || '-' }}
+                        </text>
+                    </view>
+                    <view class="detail-item">
+                        <text class="detail-label">申请原因:</text>
+                        <text class="detail-value">
+                            {{ existingRevokeRecord.revokeReason || '-' }}
+                        </text>
+                    </view>
+                    <view v-if="existingRevokeRecord.approvalTime" class="detail-item">
+                        <text class="detail-label">审核时间:</text>
+                        <text class="detail-value">
+                            {{ existingRevokeRecord.approvalTime }}
+                        </text>
+                    </view>
+                    <view v-if="existingRevokeRecord.approvalRemark" class="detail-item">
+                        <text class="detail-label">审核备注:</text>
+                        <text class="detail-value">
+                            {{ existingRevokeRecord.approvalRemark }}
+                        </text>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 撤销申请表单 -->
+            <view class="revoke-form-section">
+                <view class="section-title">撤销申请信息</view>
+
+                <u-form
+                    ref="formRef"
+                    :model="form"
+                    :rules="rules"
+                    label-width="150rpx"
+                    label-position="left"
+                >
+                    <u-form-item label="撤销申请原因" prop="revokeReason" required>
+                        <u-textarea
+                            v-model="form.revokeReason"
+                            placeholder="请输入撤销申请原因"
+                            :disabled="!canApply"
+                            maxlength="500"
+                            count
+                            height="160"
+                        ></u-textarea>
+                    </u-form-item>
+
+                    <!-- 撤销证明材料上传 -->
+                    <u-form-item label="撤销证明材料">
+                        <view class="upload-area">
+                            <!-- 图片展示区域 -->
+                            <view v-if="imageFiles.length > 0" class="image-section">
+                                <view class="image-title">图片附件</view>
+                                <view class="image-grid">
+                                    <view
+                                        v-for="(image, index) in imageFiles"
+                                        :key="image.uid || index"
+                                        class="image-item"
+                                        @click="handleImageClick(image, index, $event)"
+                                    >
+                                        <!-- 图片容器 -->
+                                        <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>
+                                            <u-button
+                                                v-if="image.status === 'success'"
+                                                size="mini"
+                                                type="primary"
+                                                plain
+                                                @tap="handleImageDownload(image)"
+                                                @click.stop.prevent="
+                                                    handleImageDownloadClick(image, $event)
+                                                "
+                                            >
+                                                下载
+                                            </u-button>
+                                            <u-button
+                                                v-if="image.status === 'error'"
+                                                size="mini"
+                                                type="warning"
+                                                plain
+                                                @click.stop.prevent="retryUploadFile(image, $event)"
+                                            >
+                                                重试
+                                            </u-button>
+                                            <u-button
+                                                v-if="canApply"
+                                                size="mini"
+                                                type="error"
+                                                plain
+                                                @tap="handleImageDelete(image, index)"
+                                                @click.stop.prevent="
+                                                    handleImageDeleteClick(image, index, $event)
+                                                "
+                                            >
+                                                删除
+                                            </u-button>
+                                        </view>
+
+                                        <!-- 文件名显示 -->
+                                        <view class="image-name">
+                                            <text>{{ getShortFileName(image.name) }}</text>
+                                        </view>
+                                    </view>
+                                </view>
+                            </view>
+
+                            <!-- 微信图片上传进度条 -->
+                            <view
+                                v-if="uploadProgress > 0 && uploadProgress < 100"
+                                class="upload-progress"
+                            >
+                                <u-line-progress
+                                    :percent="uploadProgress"
+                                    :show-percent="true"
+                                    active-color="#2979ff"
+                                    inactive-color="#f0f0f0"
+                                    height="8"
+                                    :striped="true"
+                                    :striped-active="true"
+                                ></u-line-progress>
+                                <text class="progress-text">
+                                    微信图片上传进度: {{ uploadProgress }}%
+                                </text>
+                            </view>
+
+                            <!-- 自定义文件列表（用于显示非图片文件和上传状态） -->
+                            <view class="custom-file-list" v-if="nonImageFiles.length > 0">
+                                <view class="file-title">文档附件</view>
+                                <view class="file-grid">
+                                    <view
+                                        class="file-card"
+                                        v-for="(file, index) in nonImageFiles"
+                                        :key="file.uid"
+                                    >
+                                        <!-- 文件图标容器 -->
+                                        <view class="file-icon-container">
+                                            <u-icon
+                                                :name="
+                                                    file.status === 'uploading'
+                                                        ? 'loading'
+                                                        : 'folder'
+                                                "
+                                                size="50"
+                                                :color="
+                                                    file.status === 'error'
+                                                        ? '#fa3534'
+                                                        : file.status === 'success'
+                                                        ? '#19be6b'
+                                                        : '#909399'
+                                                "
+                                            />
+
+                                            <!-- 上传状态遮罩 -->
+                                            <view
+                                                v-if="file.status === 'uploading'"
+                                                class="upload-overlay"
+                                            >
+                                                <u-loading-icon
+                                                    mode="circle"
+                                                    size="24"
+                                                    color="#fff"
+                                                ></u-loading-icon>
+                                                <text class="upload-text">
+                                                    {{ file.progress || 0 }}%
+                                                </text>
+                                            </view>
+
+                                            <!-- 错误状态遮罩 -->
+                                            <view
+                                                v-if="file.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="file.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>
+                                            <u-button
+                                                v-if="file.status === 'success'"
+                                                size="mini"
+                                                type="primary"
+                                                plain
+                                                @tap="handleDownloadFile(file)"
+                                                @click.stop.prevent="
+                                                    handleDownloadFileClick(file, $event)
+                                                "
+                                            >
+                                                下载
+                                            </u-button>
+                                            <u-button
+                                                v-if="file.status === 'error'"
+                                                size="mini"
+                                                type="warning"
+                                                plain
+                                                @click.stop.prevent="retryUploadFile(file, $event)"
+                                            >
+                                                重试
+                                            </u-button>
+                                            <u-button
+                                                v-if="canApply"
+                                                size="mini"
+                                                type="error"
+                                                plain
+                                                @tap="handleRemoveFile(file, index)"
+                                                @click.stop.prevent="handleRemoveFileClick(file, index, $event)"
+                                            >
+                                                删除
+                                            </u-button>
+                                        </view>
+
+                                        <!-- 文件名显示 -->
+                                        <view class="file-name-display">
+                                            <text>{{ getShortFileName(file.name) }}</text>
+                                        </view>
+                                    </view>
+                                </view>
+                            </view>
+
+                            <!-- 统一附件上传按钮 -->
+                            <view v-if="canApply" class="doc-upload-section">
+                                <u-button
+                                    type="primary"
+                                    icon="plus"
+                                    plain
+                                    @click="handleDocUpload"
+                                    style="margin-top: 20rpx; width: 100%"
+                                >
+                                    添加证明材料
+                                </u-button>
+                            </view>
+
+                            <!-- 上传提示信息 -->
+                            <view class="upload-tips">
+                                <text class="tip-item">
+                                    • 支持格式：JPG、PNG、PDF、Word等 • 单个文件不超过10MB •
+                                    最多上传15个文件
+                                </text>
+                                <text class="tip-item">
+                                    • 图片文件将以图片形式展示，支持预览和下载
+                                </text>
+                                <text v-if="isWechatBrowser" class="tip-item wechat-tip">
+                                    • 在微信中使用可获得更好的图片选择体验
+                                </text>
+                            </view>
+                        </view>
+                    </u-form-item>
+                </u-form>
+            </view>
+
+            <!-- 底部按钮区域 -->
+            <view class="bottom-actions" v-if="canApply">
+                <u-button
+                    type="primary"
+                    @click="submitForm"
+                    :loading="buttonLoading"
+                    :disabled="!canApply"
+                    custom-style="flex: 1; margin-right: 16rpx;"
+                >
+                    {{ isEditMode ? '保存修改' : '提交申请' }}
+                </u-button>
+                <u-button
+                    v-if="existingRevokeRecord && existingRevokeRecord.status === '1'"
+                    type="error"
+                    @click="handleDeleteApplication"
+                    :loading="deleteLoading"
+                    plain
+                    custom-style="flex: 1;"
+                >
+                    删除申请
+                </u-button>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+import { request, smartUploadFile, isWeChat, downloadFile } from '@/common/request.js';
+import { getDictLabel, getDictTagType, getDict } from '@/common/dict.js';
+import weChatSDK from '@/utils/wechat.js';
+
+export default {
+    name: 'RevokeApplicationPage',
+    data() {
+        return {
+            // 页面加载状态
+            loading: true,
+
+            // 页面标题
+            pageTitle: '撤销申请',
+
+            // 违纪记录ID
+            disciplineRecordId: null,
+
+            // 违纪记录信息
+            disciplineRecord: {},
+
+            // 现有撤销申请记录
+            existingRevokeRecord: null,
+            isEditMode: false,
+            canApply: true,
+
+            // 表单数据
+            form: {
+                disciplineRecordId: null,
+                revokeReason: '',
+                revokeEvidence: '',
+            },
+
+            // 表单验证规则
+            rules: {
+                revokeReason: [
+                    { required: true, message: '撤销申请原因不能为空', trigger: 'blur' },
+                ],
+            },
+
+            // 按钮加载状态
+            buttonLoading: false,
+            deleteLoading: false,
+
+            // 附件相关
+            attachmentList: [],
+            uploadingCount: 0,
+
+            // 微信SDK相关
+            wechatSDK: weChatSDK,
+            isWechatBrowser: false,
+            wechatInitializing: false,
+            wechatImageLoading: false,
+
+            // 微信图片相关
+            selectedWechatImages: [],
+            uploadProgress: 0, // 上传进度
+
+            // 字典数据
+            studentDisciplineStatus: [],
+        };
+    },
+
+    computed: {
+        // 图片文件（用于展示）
+        imageFiles() {
+            return this.attachmentList.filter((file) => this.isImageFile(file));
+        },
+
+        // 非图片文件（用于展示）
+        nonImageFiles() {
+            return this.attachmentList.filter((file) => !this.isImageFile(file));
+        },
+    },
+
+    async onLoad(options) {
+        // 获取页面参数
+        if (options.disciplineRecordId) {
+            this.disciplineRecordId = options.disciplineRecordId;
+        }
+
+        // 初始化微信环境检查并自动初始化SDK
+        await this.checkWechatEnvironment();
+
+        // 加载数据
+        await this.loadDictData();
+        await this.initPageData();
+    },
+
+    onUnload() {
+        // 清理blob URL，防止内存泄漏
+        this.cleanupBlobUrls();
+    },
+
+    methods: {
+        // === 微信SDK相关方法 ===
+
+        // 检查微信环境并自动初始化SDK
+        async checkWechatEnvironment() {
+            try {
+                // 检查是否在微信浏览器中
+                this.isWechatBrowser = this.wechatSDK.isWeChatBrowser();
+
+                if (this.isWechatBrowser) {
+                    // 在微信环境中，自动初始化SDK
+                    await this.initWechatSDK();
+                }
+            } catch (error) {
+                console.error('微信环境检查失败:', error);
+            }
+        },
+
+        // 初始化微信SDK
+        async initWechatSDK() {
+            if (this.wechatInitializing) {
+                return;
+            }
+
+            this.wechatInitializing = true;
+
+            try {
+                // 使用微信SDK工具类进行初始化
+                await this.wechatSDK.init({
+                    debug: process.env.NODE_ENV === 'development',
+                    jsApiList: ['chooseImage', 'previewImage', 'getLocation', 'openLocation'],
+                });
+
+                // 检查关键API支持情况
+                try {
+                    const apiCheckResult = await this.wechatSDK.checkJsApi([
+                        'chooseImage',
+                        'getLocation',
+                    ]);
+                } catch (apiError) {
+                    console.warn('API支持检查失败:', apiError.message);
+                }
+            } catch (error) {
+                console.error('微信SDK初始化失败:', error);
+            } finally {
+                this.wechatInitializing = false;
+            }
+        },
+
+        // 重新初始化微信SDK
+        async reinitWechatSDK() {
+            this.wechatSDK.isInitialized = false;
+            await this.initWechatSDK();
+        },
+
+        // 上传微信图片到OSS
+        async uploadWechatImageToOSS(localId) {
+            try {
+                this.uploadProgress = 10;
+
+                // 步骤1：上传到微信服务器（20%进度）
+                const wxUploadRes = await this.wechatSDK.uploadImage(localId);
+
+                if (!wxUploadRes.serverId) {
+                    throw new Error('微信服务器上传失败，未获取到serverId');
+                }
+
+                const mediaId = wxUploadRes.serverId;
+                this.uploadProgress = 30;
+
+                // 步骤2：保存到OSS（80%进度）
+                this.uploadProgress = 50;
+
+                const ossResponse = await request({
+                    url: '/system/wechat/downloadToOss',
+                    method: 'GET',
+                    params: {
+                        mediaId: mediaId,
+                    },
+                    timeout: 30000, // 30秒超时
+                });
+
+                if (ossResponse.code === 200) {
+                    const ossResult = ossResponse.data;
+                    this.uploadProgress = 90;
+
+                    this.uploadProgress = 100;
+                    return {
+                        ossId: ossResult.ossId,
+                        url: ossResult.url,
+                        fileName: ossResult.fileName,
+                        fileSize: ossResult.fileSize || 0,
+                    };
+                } else {
+                    throw new Error(ossResponse.msg || '保存图片到云端存储失败');
+                }
+            } catch (error) {
+                console.error('上传微信图片失败:', error);
+
+                // 上传失败时重置进度
+                this.uploadProgress = 0;
+
+                // 显示详细错误信息
+                let errorMsg = '图片上传失败，请重试';
+                if (error.message.includes('timeout')) {
+                    errorMsg = '上传超时，请检查网络连接后重试';
+                } else if (
+                    error.message.includes('mediaId') ||
+                    error.message.includes('serverId')
+                ) {
+                    errorMsg = '微信服务器上传失败，请重试';
+                } else if (error.message.includes('OSS')) {
+                    errorMsg = '保存到云端存储失败，请重试';
+                }
+
+                uni.showToast({
+                    title: errorMsg,
+                    icon: 'none',
+                    duration: 2000,
+                });
+
+                throw error;
+            }
+        },
+
+        // 返回上一页
+        goBack() {
+            uni.navigateBack();
+        },
+
+        // 初始化页面数据
+        async initPageData() {
+            if (!this.disciplineRecordId) {
+                uni.showToast({
+                    title: '缺少违纪记录ID参数',
+                    icon: 'none',
+                });
+                setTimeout(() => {
+                    this.goBack();
+                }, 1500);
+                return;
+            }
+
+            try {
+                this.loading = true;
+
+                // 加载违纪记录信息
+                await this.getDisciplineRecord(this.disciplineRecordId);
+                this.form.disciplineRecordId = this.disciplineRecordId;
+
+                // 查询现有撤销申请记录
+                await this.checkExistingRevokeRecord(this.disciplineRecordId);
+            } catch (error) {
+                console.error('加载数据失败:', error);
+                uni.showToast({
+                    title: '加载数据失败',
+                    icon: 'none',
+                });
+            } finally {
+                this.loading = false;
+            }
+        },
+
+        // 加载字典数据
+        async loadDictData() {
+            try {
+                this.studentDisciplineStatus = await getDict('student_discipline_status');
+            } catch (error) {
+                console.error('加载字典数据失败:', error);
+            }
+        },
+
+        // 获取字典标签
+        getDictLabel(dictData, value) {
+            return getDictLabel(dictData, value);
+        },
+
+        // 获取字典标签类型
+        getDictTagType(dictData, value) {
+            const fallbackMap = {
+                1: 'success', // 生效
+                0: 'info', // 失效
+            };
+            return getDictTagType(dictData, value, fallbackMap);
+        },
+
+        // 获取状态提示文本
+        getStatusAlertText() {
+            if (!this.existingRevokeRecord) return '';
+
+            const status = this.existingRevokeRecord.status;
+            if (status === '2') {
+                return '该违纪记录的撤销申请已审核通过';
+            } else if (status === '3') {
+                return '该违纪记录的撤销申请已被拒绝';
+            }
+            return '';
+        },
+
+        // 获取违纪记录详情
+        async getDisciplineRecord(id) {
+            try {
+                const res = await request({
+                    url: `/disciplineRecord/disciplineRecord/${id}`,
+                    method: 'GET',
+                });
+
+                if (res && res.code === 200) {
+                    this.disciplineRecord = res.data || {};
+                } else {
+                    throw new Error(res?.msg || '获取违纪记录失败');
+                }
+            } catch (error) {
+                console.error('获取违纪记录失败:', error);
+                throw error;
+            }
+        },
+
+        // 检查现有撤销申请记录
+        async checkExistingRevokeRecord(disciplineRecordId) {
+            try {
+                const res = await request({
+                    url: `/disciplineRevoke/disciplineRevoke/byDisciplineRecord/${disciplineRecordId}`,
+                    method: 'GET',
+                });
+
+                if (res && res.code === 200 && res.data) {
+                    this.existingRevokeRecord = res.data;
+
+                    // 根据状态判断是否可以操作
+                    const status = res.data.status;
+                    if (status === '1') {
+                        // 待审核状态，可以编辑
+                        this.isEditMode = true;
+                        this.canApply = true;
+                        this.pageTitle = '修改撤销申请';
+
+                        // 填充现有数据到表单
+                        this.form.id = res.data.id;
+                        this.form.revokeReason = res.data.revokeReason;
+                        this.form.revokeEvidence = res.data.revokeEvidence;
+
+                        // 处理现有证明材料附件
+                        await this.handleExistingEvidenceData(res.data.revokeEvidence);
+                    } else if (status === '2') {
+                        // 审核通过，不能再申请
+                        this.canApply = false;
+                        this.pageTitle = '撤销申请详情（已通过）';
+                    } else if (status === '3') {
+                        // 审核拒绝，不能再申请
+                        this.canApply = false;
+                        this.pageTitle = '撤销申请详情（已拒绝）';
+                    }
+                } else {
+                    // 没有现有申请记录，可以新建
+                    this.existingRevokeRecord = null;
+                    this.isEditMode = false;
+                    this.canApply = true;
+                    this.pageTitle = '撤销申请';
+                }
+            } catch (error) {
+                // 如果查询失败（比如404），说明没有现有记录，可以新建
+                this.existingRevokeRecord = null;
+                this.isEditMode = false;
+                this.canApply = true;
+                this.pageTitle = '撤销申请';
+            }
+        },
+
+        // 处理现有证明材料附件数据
+        async handleExistingEvidenceData(revokeEvidence) {
+            try {
+                if (!revokeEvidence || !revokeEvidence.trim()) {
+                    this.attachmentList = [];
+                    return;
+                }
+
+                const ossIdsArray = revokeEvidence
+                    .split(',')
+                    .map((id) => id.trim())
+                    .filter((id) => id);
+
+                if (ossIdsArray.length === 0) {
+                    this.attachmentList = [];
+                    return;
+                }
+
+                const response = await request({
+                    url: `/resource/oss/listByIds/${ossIdsArray.join(',')}`,
+                    method: 'GET',
+                });
+
+                if (response && response.code === 200 && response.data) {
+                    this.attachmentList = response.data.map((item, index) => ({
+                        uid: `existing_${index}_${Date.now()}`,
+                        name: item.originalName || `证明材料${index + 1}`,
+                        url: item.url,
+                        ossId: item.ossId,
+                        status: 'success',
+                    }));
+                } else {
+                    this.attachmentList = [];
+                }
+            } catch (error) {
+                console.error('处理现有证明材料失败:', error);
+                this.attachmentList = [];
+            }
+        },
+
+        // 提交表单
+        async submitForm() {
+            try {
+                // 表单验证
+                const valid = await this.$refs.formRef.validate();
+                if (!valid) {
+                    return;
+                }
+
+                this.buttonLoading = true;
+
+                // 处理附件数据
+                const attachmentOssIds = this.attachmentList
+                    .filter((file) => file.status === 'success' && file.ossId)
+                    .map((file) => file.ossId);
+                this.form.revokeEvidence = attachmentOssIds.join(',');
+
+                if (this.isEditMode && this.form.id) {
+                    // 编辑现有申请
+                    await request({
+                        url: `/disciplineRevoke/disciplineRevoke`,
+                        method: 'PUT',
+                        data: this.form,
+                    });
+                    uni.showToast({
+                        title: '撤销申请修改成功',
+                        icon: 'success',
+                    });
+                } else {
+                    // 新建申请
+                    await request({
+                        url: `/disciplineRevoke/disciplineRevoke/apply`,
+                        method: 'POST',
+                        data: this.form,
+                    });
+                    uni.showToast({
+                        title: '撤销申请提交成功',
+                        icon: 'success',
+                    });
+                }
+
+                // 成功后返回上一页
+                setTimeout(() => {
+                    this.goBack();
+                }, 1500);
+            } catch (error) {
+                console.error('操作失败:', error);
+                const errorMsg = this.isEditMode ? '修改申请失败' : '提交申请失败';
+                uni.showToast({
+                    title: errorMsg,
+                    icon: 'none',
+                });
+            } finally {
+                this.buttonLoading = false;
+            }
+        },
+
+        // 删除撤销申请
+        async handleDeleteApplication() {
+            try {
+                const confirmRes = await uni.showModal({
+                    title: '确认删除',
+                    content: '确定要删除这个撤销申请吗？删除后将无法恢复。',
+                });
+
+                if (!confirmRes.confirm) {
+                    return;
+                }
+
+                this.deleteLoading = true;
+
+                await request({
+                    url: `/disciplineRevoke/disciplineRevoke/${this.existingRevokeRecord.id}`,
+                    method: 'DELETE',
+                });
+
+                uni.showToast({
+                    title: '撤销申请删除成功',
+                    icon: 'success',
+                });
+
+                // 成功后返回上一页
+                setTimeout(() => {
+                    this.goBack();
+                }, 1500);
+            } catch (error) {
+                console.error('删除申请失败:', error);
+                uni.showToast({
+                    title: '删除申请失败',
+                    icon: 'none',
+                });
+            } finally {
+                this.deleteLoading = false;
+            }
+        },
+
+        // 统一附件上传方法（支持图片和文档）
+        handleDocUpload() {
+            console.log('=== 统一附件上传方法 ===');
+
+            // 检查文件数量限制
+            if (this.attachmentList.length >= 15) {
+                uni.showToast({
+                    title: '最多只能上传15个文件',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 显示选择文件类型的操作菜单
+            uni.showActionSheet({
+                itemList: ['选择图片'],
+                success: (res) => {
+                    switch (res.tapIndex) {
+                        case 0:
+                            this.chooseDocuments();
+                            break;
+                    }
+                },
+                fail: () => {
+                    console.log('用户取消选择');
+                },
+            });
+        },
+
+        // 选择文档文件
+        chooseDocuments() {
+            // 使用uni.chooseFile选择文档
+            if (typeof uni.chooseFile === 'function') {
+                uni.chooseFile({
+                    count: Math.min(5, 15 - this.attachmentList.length),
+                    success: (res) => {
+                        console.log('选择文档成功:', res);
+                        if (res.tempFiles && res.tempFiles.length > 0) {
+                            this.handleFileUpload({
+                                tempFiles: res.tempFiles,
+                            });
+                        }
+                    },
+                    fail: (err) => {
+                        console.error('选择文档失败:', err);
+                        uni.showToast({
+                            title: '选择文档失败',
+                            icon: 'none',
+                        });
+                    },
+                });
+            } else {
+                // 降级方案：跳转到备用上传方式
+                this.handleBackupUpload();
+            }
+        },
+
+        // 备用上传方法（用户可见）
+        handleBackupUpload() {
+            console.log('=== 备用上传方法 ===');
+
+            // 先检查平台支持情况
+            uni.showActionSheet({
+                itemList: ['选择图片', '选择视频', '选择文档'],
+                success: (res) => {
+                    if (res.tapIndex === 0) {
+                        // 选择图片
+                        uni.chooseImage({
+                            count: 5,
+                            sizeType: ['original', 'compressed'],
+                            sourceType: ['album', 'camera'],
+                            success: (imageRes) => {
+                                console.log('选择图片成功 - 完整响应:', imageRes);
+                                console.log('tempFilePaths:', imageRes.tempFilePaths);
+                                console.log('tempFiles:', imageRes.tempFiles);
+
+                                const files = imageRes.tempFilePaths.map((path, index) => {
+                                    const fileName =
+                                        path.split('/').pop() || `image_${Date.now()}_${index}.jpg`;
+                                    const tempFile = imageRes.tempFiles?.[index];
+                                    const fileObj = {
+                                        name: fileName,
+                                        path: path,
+                                        url: path,
+                                        tempFilePath: path,
+                                        size: tempFile?.size || 0,
+                                        type: tempFile?.type || 'image/jpeg',
+                                    };
+                                    console.log(`创建图片文件对象 ${index}:`, fileObj);
+                                    console.log(`对应的tempFile:`, tempFile);
+                                    return fileObj;
+                                });
+
+                                // 检查文件大小
+                                const validFiles = files.filter((file) => {
+                                    if (!this.checkFileSize(file)) {
+                                        return false;
+                                    }
+                                    return true;
+                                });
+
+                                if (validFiles.length > 0) {
+                                    this.handleFileUpload({ tempFiles: validFiles });
+                                } else {
+                                    console.log('所有文件都超过大小限制，取消上传');
+                                }
+                            },
+                            fail: (err) => {
+                                console.error('选择图片失败:', err);
+                                uni.showToast({
+                                    title: '选择图片失败',
+                                    icon: 'none',
+                                });
+                            },
+                        });
+                    } else if (res.tapIndex === 1) {
+                        // 选择视频
+                        uni.chooseVideo({
+                            sourceType: ['album', 'camera'],
+                            maxDuration: 60,
+                            success: (videoRes) => {
+                                console.log('选择视频成功:', videoRes);
+                                const file = {
+                                    name: `video_${Date.now()}.mp4`,
+                                    path: videoRes.tempFilePath,
+                                    url: videoRes.tempFilePath,
+                                    tempFilePath: videoRes.tempFilePath,
+                                    size: videoRes.size || 0,
+                                    type: 'video/mp4',
+                                };
+
+                                // 检查文件大小
+                                if (this.checkFileSize(file)) {
+                                    this.handleFileUpload({ tempFiles: [file] });
+                                }
+                            },
+                            fail: (err) => {
+                                console.error('选择视频失败:', err);
+                                uni.showToast({
+                                    title: '选择视频失败',
+                                    icon: 'none',
+                                });
+                            },
+                        });
+                    } else if (res.tapIndex === 2) {
+                        // 选择文档
+                        this.handleDocUpload();
+                    }
+                },
+            });
+        },
+
+        // 文件上传
+        handleFileUpload(event) {
+            console.log('文件上传事件触发:', event);
+
+            // 显示用户提示
+            uni.showToast({
+                title: '文件选择成功，开始上传...',
+                icon: 'loading',
+                duration: 2000,
+            });
+
+            // 兼容不同的事件格式
+            let files = [];
+
+            // uview2 upload组件的after-read事件格式
+            if (event.file) {
+                files = Array.isArray(event.file) ? event.file : [event.file];
+                console.log('✅ uview2 upload格式解析结果:', files);
+            }
+            // 直接传递的tempFiles格式（文档上传等）
+            else if (event.tempFiles) {
+                files = event.tempFiles;
+                console.log('✅ tempFiles格式解析结果:', files);
+            }
+            // tempFilePaths格式（兼容旧版本）
+            else if (event.tempFilePaths) {
+                files = event.tempFilePaths.map((path, index) => ({
+                    url: path,
+                    path: path,
+                    tempFilePath: path,
+                    name: `文件${index + 1}`,
+                    type: '',
+                }));
+                console.log('✅ tempFilePaths格式解析结果:', files);
+            }
+            // 单文件格式处理
+            else if (event.url || event.path || event.tempFilePath) {
+                files = [event];
+                console.log('✅ 单文件格式解析结果:', files);
+            }
+
+            console.log('📋 最终解析得到的文件列表:', files);
+
+            if (files.length === 0) {
+                console.error('❌ 没有获取到文件数据');
+                uni.showToast({
+                    title: '未获取到文件，请重试',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 检查文件数量限制
+            if (this.attachmentList.length + files.length > 15) {
+                console.warn('⚠️ 文件数量超过限制');
+                uni.showToast({
+                    title: '最多只能上传15个文件',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 检查文件大小限制
+            const validFiles = files.filter((file) => {
+                const isValid = this.checkFileSize(file);
+                console.log(
+                    `文件大小检查 - ${file.name || '未知文件'}:`,
+                    isValid ? '✅ 通过' : '❌ 超限',
+                );
+                return isValid;
+            });
+
+            if (validFiles.length === 0) {
+                console.log('❌ 所有文件都超过大小限制，取消上传');
+                return;
+            }
+
+            if (validFiles.length < files.length) {
+                const filteredCount = files.length - validFiles.length;
+                console.log(`⚠️ 已过滤 ${filteredCount} 个超限文件`);
+                uni.showToast({
+                    title: `已过滤 ${filteredCount} 个超限文件`,
+                    icon: 'none',
+                    duration: 2000,
+                });
+            }
+
+            // 处理有效文件
+            const newFiles = validFiles.map((file, index) => {
+                console.log(`🔍 处理文件 ${index + 1}:`, file);
+
+                // uview2 upload组件返回的文件通常有url属性作为临时路径
+                const filePath = file.url || file.tempFilePath || file.path;
+
+                if (!filePath) {
+                    console.error(`❌ 文件 ${index + 1} 缺少有效路径`);
+                }
+
+                const fileName =
+                    file.name || filePath?.split('/').pop() || `证明材料${Date.now()}_${index}.jpg`;
+
+                const processedFile = {
+                    ...file,
+                    uid: `upload_${Date.now()}_${index}`,
+                    name: fileName,
+                    url: filePath,
+                    path: filePath, // 确保path属性存在
+                    tempFilePath: filePath, // 确保tempFilePath属性存在
+                    status: 'uploading',
+                    ossId: null,
+                    type: file.type || this.getFileTypeByName(fileName),
+                };
+
+                console.log(`✅ 文件 ${index + 1} 处理完成:`, processedFile);
+                return processedFile;
+            });
+
+            console.log('📊 处理后的新文件数量:', newFiles.length);
+
+            // 添加到附件列表
+            this.attachmentList.push(...newFiles);
+
+            // 显示上传提示
+            uni.showToast({
+                title: `开始上传 ${newFiles.length} 个文件`,
+                icon: 'loading',
+                duration: 1500,
+            });
+
+            // 🚀 关键步骤：上传文件到服务器
+            console.log('🚀 开始逐个上传文件到服务器...');
+            newFiles.forEach((file, index) => {
+                console.log(`🚀 准备上传第 ${index + 1} 个文件: ${file.name}`);
+
+                // 立即调用上传方法
+                this.uploadFileToServer(file)
+                    .then(() => {
+                        console.log(`✅ 文件 ${file.name} 上传完成`);
+                    })
+                    .catch((error) => {
+                        console.error(`❌ 文件 ${file.name} 上传失败:`, error);
+                    });
+            });
+        },
+
+        // 检查文件大小是否超过限制
+        checkFileSize(file) {
+            const maxSize = 10 * 1024 * 1024; // 10MB
+            const fileSize = file.size || 0;
+
+            console.log('=== 检查文件大小 ===');
+            console.log('文件大小:', fileSize, '字节');
+            console.log('最大限制:', maxSize, '字节');
+            console.log('是否超过限制:', fileSize > maxSize);
+
+            if (fileSize > maxSize) {
+                const fileSizeMB = (fileSize / (1024 * 1024)).toFixed(2);
+                uni.showToast({
+                    title: `文件大小 ${fileSizeMB}MB，超过10MB限制`,
+                    icon: 'none',
+                    duration: 3000,
+                });
+                return false;
+            }
+            return true;
+        },
+
+        // 上传文件到服务器
+        async uploadFileToServer(file) {
+            try {
+                console.log('🚀 === 开始上传文件到服务器 ===');
+                console.log('📁 待上传文件对象:', file);
+
+                // 更新文件状态
+                file.status = 'uploading';
+
+                // 确定正确的文件路径 - uview2通常使用url属性
+                const filePath = file.url || file.tempFilePath || file.path;
+                console.log('🎯 文件路径优先级选择:', {
+                    url: file.url,
+                    tempFilePath: file.tempFilePath,
+                    path: file.path,
+                    selected: filePath,
+                });
+
+                if (!filePath) {
+                    const error = new Error('文件路径不存在');
+                    console.error('❌ 上传失败 - 文件路径为空:', file);
+                    file.status = 'error';
+                    throw error;
+                }
+
+                // 显示上传进度
+                uni.showLoading({
+                    title: `上传${file.name}...`,
+                    mask: true,
+                });
+                console.log(`💫 开始上传文件: ${file.name}`);
+
+                // 🚀 使用智能上传方法，自动处理微信环境兼容性问题
+                const response = await smartUploadFile('/resource/oss/upload', file, {
+                    bizType: 'discipline_revoke_evidence',
+                });
+
+                console.log('📡 上传API响应:', response);
+                uni.hideLoading();
+
+                if (response && response.code === 200) {
+                    // 上传成功
+                    file.url = response.data.url;
+                    file.ossId = response.data.ossId;
+                    file.status = 'success';
+
+                    console.log('✅ 文件上传成功:', {
+                        fileName: file.name,
+                        ossId: file.ossId,
+                        url: file.url,
+                    });
+
+                    uni.showToast({
+                        title: '上传成功',
+                        icon: 'success',
+                        duration: 1500,
+                    });
+
+                    return response;
+                } else {
+                    // 上传失败
+                    file.status = 'error';
+                    const errorMsg = response?.msg || '上传失败';
+                    console.error('❌ 上传失败 - API返回错误:', {
+                        response: response,
+                        fileName: file.name,
+                        errorMsg: errorMsg,
+                    });
+
+                    uni.showToast({
+                        title: errorMsg,
+                        icon: 'none',
+                        duration: 3000,
+                    });
+
+                    throw new Error(errorMsg);
+                }
+            } catch (error) {
+                console.error('❌ uploadFileToServer执行失败:', error);
+
+                uni.hideLoading();
+                file.status = 'error';
+
+                // 更详细的错误提示
+                let errorMessage = '上传失败';
+                if (error.message) {
+                    if (error.message.includes('file is not present')) {
+                        errorMessage = '文件格式不支持或文件损坏';
+                    } else if (error.message.includes('timeout')) {
+                        errorMessage = '上传超时，请检查网络连接';
+                    } else if (error.message.includes('网络')) {
+                        errorMessage = '网络连接失败，请检查网络';
+                    } else if (error.message.includes('文件路径')) {
+                        errorMessage = '文件选择异常，请重新选择';
+                    } else {
+                        errorMessage = error.message;
+                    }
+                }
+
+                console.error('❌ 最终错误消息:', errorMessage);
+
+                uni.showModal({
+                    title: '上传失败',
+                    content: `文件"${file.name}"上传失败：${errorMessage}`,
+                    showCancel: true,
+                    cancelText: '取消',
+                    confirmText: '重试',
+                    success: (res) => {
+                        if (res.confirm) {
+                            console.log('🔄 用户选择重试上传');
+                            // 重置状态并重试
+                            file.status = 'pending';
+                            this.uploadFileToServer(file);
+                        } else {
+                            console.log('🚫 用户取消重试');
+                            // 从列表中移除失败的文件
+                            const index = this.attachmentList.findIndex((f) => f.uid === file.uid);
+                            if (index > -1) {
+                                this.attachmentList.splice(index, 1);
+                                console.log('🗑️ 已从附件列表中移除失败文件');
+                            }
+                        }
+                    },
+                });
+
+                throw error;
+            }
+        },
+
+        // 选择图片
+        chooseImage(sourceType) {
+            uni.chooseImage({
+                count: 9,
+                sourceType: [sourceType],
+                success: (res) => {
+                    const tempFilePaths = res.tempFilePaths;
+                    tempFilePaths.forEach((filePath) => {
+                        this.uploadFile(filePath);
+                    });
+                },
+                fail: (error) => {
+                    console.error('选择图片失败:', error);
+                    uni.showToast({
+                        title: '选择图片失败',
+                        icon: 'none',
+                    });
+                },
+            });
+        },
+
+        // 上传文件
+        async uploadFile(filePath) {
+            const file = {
+                uid: `upload_${Date.now()}_${Math.random()}`,
+                name: `证明材料_${Date.now()}.jpg`,
+                url: filePath,
+                status: 'uploading',
+                progress: 0,
+            };
+
+            this.attachmentList.push(file);
+            this.uploadingCount++;
+
+            try {
+                const uploadRes = await smartUploadFile('/resource/oss/upload', filePath, {
+                    bizType: 'discipline_revoke_evidence',
+                });
+
+                if (uploadRes && uploadRes.code === 200) {
+                    // 更新文件状态
+                    const fileIndex = this.attachmentList.findIndex((f) => f.uid === file.uid);
+                    if (fileIndex !== -1) {
+                        this.attachmentList[fileIndex] = {
+                            ...this.attachmentList[fileIndex],
+                            url: uploadRes.data.url,
+                            ossId: uploadRes.data.ossId,
+                            name: uploadRes.data.originalName || file.name,
+                            status: 'success',
+                            progress: 100,
+                        };
+                    }
+
+                    uni.showToast({
+                        title: '上传成功',
+                        icon: 'success',
+                    });
+                } else {
+                    throw new Error(uploadRes?.msg || '上传失败');
+                }
+            } catch (error) {
+                console.error('上传文件失败:', error);
+
+                // 更新文件状态为失败
+                const fileIndex = this.attachmentList.findIndex((f) => f.uid === file.uid);
+                if (fileIndex !== -1) {
+                    this.attachmentList[fileIndex].status = 'error';
+                }
+
+                uni.showToast({
+                    title: '上传失败',
+                    icon: 'none',
+                });
+            } finally {
+                this.uploadingCount--;
+            }
+        },
+
+        // 图片点击处理（智能判断是预览还是操作按钮）
+        handleImageClick(image, index, event) {
+            // 检查点击目标是否是操作按钮区域
+            const target = event.target;
+            const isActionButton =
+                target.closest('.image-actions') ||
+                target.closest('u-button') ||
+                target.tagName === 'BUTTON';
+
+            if (!isActionButton && image.status === 'success') {
+                // 点击图片本身，进行预览
+                this.handleImagePreview(image, index);
+            }
+        },
+
+        // 图片预览
+        handleImagePreview(image, index) {
+            if (image.status !== 'success') {
+                uni.showToast({
+                    title: '图片尚未上传完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 获取所有成功上传的图片URL
+            const imageUrls = this.imageFiles
+                .filter((file) => file.status === 'success')
+                .map((file) => file.blobUrl || file.url);
+
+            if (imageUrls.length === 0) {
+                uni.showToast({
+                    title: '暂无可预览的图片',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 找到当前图片在成功列表中的索引
+            const currentUrl = image.blobUrl || image.url;
+            const currentIndex = imageUrls.findIndex((url) => url === currentUrl);
+
+            uni.previewImage({
+                urls: imageUrls,
+                current: currentIndex >= 0 ? currentIndex : 0,
+                success: () => {
+                    // 预览成功
+                },
+                fail: (error) => {
+                    console.error('图片预览失败:', error);
+                    uni.showToast({
+                        title: '预览失败',
+                        icon: 'none',
+                    });
+                },
+            });
+        },
+
+        // 图片下载（带重试机制）
+        async handleImageDownload(image, event, retryCount = 0) {
+            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);
+
+                    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',
+                                });
+                            },
+                        });
+                    }
+                }
+            } 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,
+                });
+            }
+        },
+
+        // 删除按钮点击处理（更强的事件处理）
+        handleImageDeleteClick(image, index, event) {
+            console.log('删除按钮被点击:', image, index);
+
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的删除方法
+            this.handleImageDelete(image, index);
+        },
+
+        // 图片下载按钮点击处理（更强的事件处理）
+        handleImageDownloadClick(image, event) {
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的下载方法
+            this.handleImageDownload(image, event);
+        },
+
+        // 图片删除
+        handleImageDelete(image, index, event) {
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+            }
+
+            uni.showModal({
+                title: '确认删除',
+                content: '确定要删除这张图片吗？删除后无法恢复。',
+                confirmColor: '#ff5722',
+                success: (res) => {
+                    if (res.confirm) {
+                        // 从附件列表中删除
+                        const attachmentIndex = this.attachmentList.findIndex(
+                            (file) =>
+                                file.uid === image.uid ||
+                                (file.ossId && file.ossId === image.ossId) ||
+                                (file.url && file.url === image.url),
+                        );
+
+                        if (attachmentIndex >= 0) {
+                            this.attachmentList.splice(attachmentIndex, 1);
+                        }
+
+                        // 清理blob URL，防止内存泄漏
+                        if (image.blobUrl && image.blobUrl.startsWith('blob:')) {
+                            URL.revokeObjectURL(image.blobUrl);
+                        }
+
+                        uni.showToast({
+                            title: '删除成功',
+                            icon: 'success',
+                        });
+                    }
+                },
+                fail: (err) => {
+                    console.error('删除确认对话框显示失败:', err);
+                },
+            });
+        },
+
+        // 文件下载（微信小程序专用版本）
+        async handleDownloadFile(file, event) {
+            if (!file.ossId) {
+                uni.showToast({
+                    title: '文件未上传完成',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            try {
+                uni.showLoading({
+                    title: `正在下载${file.name}...`,
+                    mask: true,
+                });
+
+                // 构建下载URL
+                const downloadUrl = `/resource/oss/download/${file.ossId}`;
+
+                if (this.isImageFile(file)) {
+                    // 图片文件：下载并保存到相册
+                    await this.downloadAndSaveImage(downloadUrl, file.name);
+                } else {
+                    // 非图片文件：下载并直接打开预览
+                    await this.downloadAndOpenDocument(downloadUrl, file.name);
+                }
+            } catch (error) {
+                console.error('下载过程发生异常:', error);
+                uni.hideLoading();
+
+                let errorMsg = '下载失败，请重试';
+                if (error.message.includes('timeout')) {
+                    errorMsg = '下载超时，请检查网络后重试';
+                } else if (error.message.includes('network')) {
+                    errorMsg = '网络错误，请检查网络连接';
+                } else if (error.message.includes('404')) {
+                    errorMsg = '文件不存在，请联系管理员';
+                } else if (error.message.includes('500')) {
+                    errorMsg = '服务器错误，请稍后重试';
+                }
+
+                uni.showModal({
+                    title: '下载失败',
+                    content: errorMsg,
+                    showCancel: true,
+                    cancelText: '取消',
+                    confirmText: '重试',
+                    success: (res) => {
+                        if (res.confirm) {
+                            this.handleDownloadFile(file);
+                        }
+                    },
+                });
+            }
+        },
+
+        // 下载图片并保存到相册
+        async downloadAndSaveImage(downloadUrl, fileName) {
+            return new Promise(async (resolve, reject) => {
+                // 调用下载接口并等待完成
+                const response = await downloadFile(downloadUrl, fileName);
+
+                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',
+                            });
+                        },
+                    });
+                }
+                uni.hideLoading();
+                resolve();
+            });
+        },
+
+        // 下载文档并打开预览
+        async downloadAndOpenDocument(downloadUrl, fileName) {
+            return new Promise(async (resolve, reject) => {
+                // 调用下载接口并等待完成
+                const response = await downloadFile(downloadUrl, fileName);
+
+                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',
+                            });
+                        },
+                    });
+                }
+                uni.hideLoading();
+                resolve();
+            });
+        },
+
+        // 文件下载按钮点击处理（更强的事件处理）
+        handleDownloadFileClick(file, event) {
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的下载方法
+            this.handleDownloadFile(file, event);
+        },
+
+        // 文件删除按钮点击处理（更强的事件处理）
+        handleRemoveFileClick(file, index, event) {
+            console.log('文档删除按钮被点击:', file, index);
+
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+
+            // 调用实际的删除方法
+            this.handleRemoveFile(file, index);
+        },
+
+        // 移除文件
+        handleRemoveFile(file, index, event) {
+            // 安全的事件处理
+            if (event) {
+                event.stopPropagation();
+            }
+
+            uni.showModal({
+                title: '确认删除',
+                content: '确定要删除这个文件吗？删除后无法恢复。',
+                confirmColor: '#ff5722',
+                success: (res) => {
+                    if (res.confirm) {
+                        const fileIndex = this.attachmentList.findIndex((f) => f.uid === file.uid);
+                        if (fileIndex > -1) {
+                            this.attachmentList.splice(fileIndex, 1);
+
+                            // 清理blob URL，防止内存泄漏
+                            if (file.blobUrl && file.blobUrl.startsWith('blob:')) {
+                                URL.revokeObjectURL(file.blobUrl);
+                            }
+
+                            uni.showToast({
+                                title: '文件删除成功',
+                                icon: 'success',
+                            });
+                        }
+                    }
+                },
+                fail: (err) => {
+                    console.error('删除确认对话框显示失败:', err);
+                },
+            });
+        },
+
+        // 重试上传
+        async retryUploadFile(file, event) {
+            console.log('=== 重试上传文件 ===', file);
+
+            // 强制阻止事件冒泡和默认行为
+            if (event) {
+                event.stopPropagation();
+                event.preventDefault();
+            }
+
+            // 重置文件状态
+            file.status = 'uploading';
+            file.progress = 0;
+
+            try {
+                // 根据文件来源选择不同的上传方式
+                if (file.source === 'wechat' && file.localId) {
+                    // 微信图片重新上传
+                    const uploadResult = await this.uploadWechatImageToOSS(file.localId);
+
+                    // 更新文件信息
+                    file.status = 'success';
+                    file.ossId = uploadResult.ossId;
+                    file.url = uploadResult.url;
+                    file.name = uploadResult.fileName || file.name;
+                    file.size = uploadResult.fileSize || 0;
+                    file.progress = 100;
+                } else {
+                    // 普通文件重新上传
+                    await this.uploadFileToServer(file);
+                }
+
+                uni.showToast({
+                    title: '重新上传成功',
+                    icon: 'success',
+                    duration: 1500,
+                });
+            } catch (error) {
+                console.error('重试上传失败:', error);
+                file.status = 'error';
+                file.progress = 0;
+
+                uni.showToast({
+                    title: '重试失败，请稍后再试',
+                    icon: 'none',
+                    duration: 2000,
+                });
+            }
+        },
+
+        // 判断是否为图片文件
+        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);
+        },
+
+        // 根据文件名获取文件类型
+        getFileTypeByName(fileName) {
+            if (!fileName) return '';
+            const ext = fileName.split('.').pop()?.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}`;
+            }
+            return `file/${ext}`;
+        },
+
+        // 获取文件名短格式
+        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;
+        },
+
+        // 根据文件后缀获取文件类型（新增方法）
+        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}`;
+        },
+
+        // 清理blob URL，防止内存泄漏
+        cleanupBlobUrls() {
+            console.log('=== 清理blob URL ===');
+            this.attachmentList.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);
+                    }
+                }
+            });
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.revoke-application-page {
+    background-color: #f5f6fa;
+    min-height: 100vh;
+}
+
+.page-content {
+    padding: 20rpx;
+    padding-bottom: 120rpx; // 为底部按钮留出空间
+}
+
+.discipline-record-section {
+    background-color: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    margin-bottom: 20rpx;
+    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+}
+
+.section-title {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #303133;
+    margin-bottom: 20rpx;
+    padding-bottom: 10rpx;
+    border-bottom: 2rpx solid #f0f0f0;
+}
+
+.form-content {
+    display: flex;
+    flex-direction: column;
+    gap: 16rpx;
+}
+
+.form-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12rpx 0;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.form-label {
+    font-size: 28rpx;
+    color: #606266;
+    min-width: 140rpx;
+    margin-right: 16rpx;
+}
+
+.form-value {
+    font-size: 28rpx;
+    color: #303133;
+    flex: 1;
+    text-align: right;
+    word-break: break-all;
+}
+
+.score-text {
+    color: #e6a23c;
+    font-weight: 500;
+}
+
+.status-alert {
+    background-color: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    margin-bottom: 20rpx;
+    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+}
+
+.alert-details {
+    margin-top: 16rpx;
+    padding: 16rpx;
+    background-color: #fef9e6;
+    border-radius: 8rpx;
+}
+
+.detail-item {
+    display: flex;
+    margin-bottom: 8rpx;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+}
+
+.detail-label {
+    font-size: 26rpx;
+    color: #e6a23c;
+    min-width: 120rpx;
+    margin-right: 16rpx;
+}
+
+.detail-value {
+    font-size: 26rpx;
+    color: #303133;
+    flex: 1;
+}
+
+.revoke-form-section {
+    background-color: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+}
+
+// 附件样式
+.upload-area {
+    padding: 20rpx 0;
+}
+
+.doc-upload-section {
+    margin-top: 20rpx;
+    padding: 20rpx 0;
+    border-top: 2rpx dashed #e0e0e0;
+}
+
+// 微信上传区域样式
+.wechat-upload-section {
+    margin-bottom: 20rpx;
+    padding: 20rpx;
+    background: #f0f9ff;
+    border: 2rpx dashed #2979ff;
+    border-radius: 10rpx;
+}
+
+.upload-progress {
+    margin-top: 15rpx;
+}
+
+.progress-text {
+    font-size: 24rpx;
+    color: #666;
+    margin-top: 8rpx;
+    text-align: center;
+    display: block;
+}
+
+// 完善的上传进度条样式
+.upload-progress {
+    margin-top: 20rpx;
+    padding: 20rpx;
+    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+    border-radius: 12rpx;
+    border: 1px solid #e1e8ed;
+    box-shadow: 0 2px 8px rgba(41, 121, 255, 0.1);
+}
+
+.progress-text {
+    display: block;
+    text-align: center;
+    font-size: 26rpx !important;
+    color: #2979ff !important;
+    font-weight: 500;
+    margin-top: 12rpx;
+    animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+    0%,
+    100% {
+        opacity: 0.8;
+    }
+    50% {
+        opacity: 1;
+    }
+}
+
+// 图片展示区域样式
+.image-section {
+    margin-bottom: 30rpx;
+}
+
+.image-title {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 20rpx;
+    padding-left: 10rpx;
+    border-left: 4rpx solid #2979ff;
+}
+
+.image-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280rpx, 1fr));
+    gap: 20rpx;
+}
+
+.image-item {
+    position: relative;
+    background: #fff;
+    border-radius: 12rpx;
+    overflow: hidden;
+    border: 2rpx solid #f0f0f0;
+    transition: all 0.3s ease;
+    /* 确保图片容器的点击事件不影响按钮 */
+    cursor: pointer;
+}
+
+.image-item:active {
+    transform: scale(0.98);
+    border-color: #2979ff;
+}
+
+.image-container {
+    position: relative;
+    width: 100%;
+    height: 200rpx;
+    border-radius: 8rpx;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.attachment-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    background-color: #f5f5f5;
+}
+
+.upload-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.6);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+}
+
+.upload-text {
+    font-size: 24rpx;
+    margin-top: 8rpx;
+    font-weight: 500;
+}
+
+.error-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(250, 53, 52, 0.8);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+}
+
+.error-text {
+    font-size: 24rpx;
+    margin-top: 8rpx;
+    font-weight: 500;
+}
+
+.success-badge {
+    position: absolute;
+    top: 8rpx;
+    right: 8rpx;
+    background-color: rgba(255, 255, 255, 0.9);
+    border-radius: 50%;
+    padding: 4rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.image-actions {
+    display: flex;
+    gap: 6rpx;
+    padding: 8rpx 12rpx;
+    background: #fafafa;
+    border-top: 1rpx solid #f0f0f0;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    /* 确保按钮区域能正确处理点击事件 */
+    position: relative;
+    z-index: 10;
+    pointer-events: auto;
+}
+
+.image-actions .u-button {
+    flex: 1;
+    min-width: 60rpx;
+    font-size: 24rpx !important;
+    /* 确保按钮可点击 */
+    pointer-events: auto;
+    position: relative;
+    z-index: 11;
+}
+
+.image-name {
+    padding: 8rpx 12rpx;
+    background: #fff;
+    font-size: 22rpx;
+    color: #666;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+// 自定义文件列表样式
+.custom-file-list {
+    margin-top: 20rpx;
+}
+
+.file-title {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 20rpx;
+    padding-left: 10rpx;
+    border-left: 4rpx solid #2979ff;
+}
+
+.file-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280rpx, 1fr));
+    gap: 20rpx;
+}
+
+.file-card {
+    position: relative;
+    background: #fff;
+    border-radius: 12rpx;
+    overflow: hidden;
+    border: 2rpx solid #f0f0f0;
+    transition: all 0.3s ease;
+}
+
+.file-card:active {
+    transform: scale(0.98);
+    border-color: #2979ff;
+}
+
+.file-icon-container {
+    position: relative;
+    width: 100%;
+    height: 200rpx;
+    border-radius: 8rpx;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #f8f9fa;
+}
+
+.file-info-card {
+    position: absolute;
+    bottom: 8rpx;
+    left: 8rpx;
+    right: 8rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.file-ext-badge {
+    background: rgba(255, 255, 255, 0.9);
+    color: #333;
+    font-size: 22rpx;
+    font-weight: 600;
+    padding: 4rpx 8rpx;
+    border-radius: 4rpx;
+    backdrop-filter: blur(4rpx);
+}
+
+.file-size {
+    background: rgba(0, 0, 0, 0.6);
+    color: #fff;
+    font-size: 20rpx;
+    padding: 2rpx 6rpx;
+    border-radius: 4rpx;
+}
+
+.file-actions {
+    display: flex;
+    gap: 6rpx;
+    padding: 8rpx 12rpx;
+    background: #fafafa;
+    border-top: 1rpx solid #f0f0f0;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+}
+
+.file-actions .u-button {
+    flex: 1;
+    min-width: 60rpx;
+    font-size: 24rpx !important;
+}
+
+.file-name-display {
+    padding: 8rpx 12rpx;
+    background: #fff;
+    font-size: 22rpx;
+    color: #666;
+    text-align: center;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.upload-tips {
+    margin-top: 20rpx;
+    padding: 15rpx;
+    background: #f8f9fa;
+    border-radius: 8rpx;
+    border-left: 4rpx solid #17a2b8;
+}
+
+.tip-item {
+    display: block;
+    font-size: 24rpx;
+    color: #666;
+    line-height: 1.5;
+    margin-bottom: 8rpx;
+}
+
+.wechat-tip {
+    color: #2979ff;
+    font-weight: 500;
+}
+
+/* 上传状态样式 */
+.upload-status {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 15rpx;
+    padding: 10rpx;
+    border-radius: 8rpx;
+    font-size: 24rpx;
+    font-weight: 500;
+}
+
+.upload-status.success {
+    color: #19be6b;
+    background-color: rgba(25, 190, 107, 0.1);
+}
+
+.upload-status.error {
+    color: #fa3534;
+    background-color: rgba(250, 53, 52, 0.1);
+}
+
+.upload-progress-small {
+    width: 100%;
+    margin-bottom: 8rpx;
+}
+
+.upload-text {
+    font-size: 22rpx;
+    color: #2979ff;
+    text-align: center;
+}
+
+// 响应式设计
+@media (max-width: 375px) {
+    .image-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .file-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+// 响应式适配
+@media screen and (max-width: 750rpx) {
+    .file-grid {
+        grid-template-columns: repeat(auto-fill, minmax(240rpx, 1fr));
+        gap: 15rpx;
+    }
+
+    .file-icon-container {
+        height: 160rpx;
+    }
+
+    .image-grid {
+        grid-template-columns: repeat(auto-fill, minmax(240rpx, 1fr));
+        gap: 15rpx;
+    }
+
+    .image-container {
+        height: 160rpx;
+    }
+
+    .file-actions .u-button,
+    .image-actions .u-button {
+        font-size: 22rpx !important;
+        padding: 6rpx 12rpx;
+    }
+}
+
+// 底部按钮区域
+.bottom-actions {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 20rpx;
+    background-color: #fff;
+    border-top: 1px solid #f0f0f0;
+    display: flex;
+    gap: 16rpx;
+    z-index: 100;
+}
+
+// uview组件样式调整
+::v-deep .u-tag {
+    margin: 0;
+}
+
+::v-deep .u-textarea {
+    background-color: #f8f9fa;
+}
+</style>
diff --git a/mobile/src/pages/xskh/wjjl/xswjjl.vue b/mobile/src/pages/xskh/wjjl/xswjjl.vue
new file mode 100644
index 00000000..c5212850
--- /dev/null
+++ b/mobile/src/pages/xskh/wjjl/xswjjl.vue
@@ -0,0 +1,476 @@
+<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>
+
+        <!-- 加载状态 -->
+        <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="record-title">{{ item.disciplineTypeName || '-' }}</view>
+                        <view class="record-status">
+                            <u-tag
+                                :text="getDictLabel(studentDisciplineStatus, item.status)"
+                                :type="getDictTagType(studentDisciplineStatus, item.status)"
+                                size="mini"
+                            ></u-tag>
+                        </view>
+                    </view>
+
+                    <!-- 卡片内容 -->
+                    <view class="card-content">
+                        <view class="info-item">
+                            <text class="label">学号:</text>
+                            <text class="value">{{ item.studentNo || '-' }}</text>
+                        </view>
+                        <view class="info-item">
+                            <text class="label">学生姓名:</text>
+                            <text class="value">{{ item.studentName || '-' }}</text>
+                        </view>
+                        <view class="info-item">
+                            <text class="label">学院名称:</text>
+                            <text class="value">{{ item.collegeName || '-' }}</text>
+                        </view>
+                        <view class="info-item">
+                            <text class="label">专业名称:</text>
+                            <text class="value">{{ item.majorName || '-' }}</text>
+                        </view>
+                        <view class="info-item">
+                            <text class="label">班级名称:</text>
+                            <text class="value">{{ item.className || '-' }}</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 score-text">
+                                {{
+                                    item.scoreDeduction
+                                        ? parseFloat(item.scoreDeduction).toFixed(2)
+                                        : '0.00'
+                                }}
+                            </text>
+                        </view>
+                    </view>
+
+                    <!-- 操作按钮 -->
+                    <view class="card-actions">
+                        <view class="action-btn info-btn" @click="handleView(item)">
+                            <u-icon name="eye" size="16" color="#3c9cff"></u-icon>
+                            <text class="btn-text">查看</text>
+                        </view>
+
+                        <view
+                            v-if="item.status === '1'"
+                            class="action-btn warning-btn"
+                            @click="handleRevokeApply(item)"
+                        >
+                            <u-icon name="edit-pen" size="16" color="#ff9900"></u-icon>
+                            <text class="btn-text">撤销申请</text>
+                        </view>
+
+                        <view class="action-btn success-btn" @click="handleViewRevoke(item)">
+                            <u-icon name="file-text" size="16" color="#5ac725"></u-icon>
+                            <text class="btn-text">查看撤销申请</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 滚动加载提示 -->
+            <view v-if="hasMore && disciplineRecordList.length > 0" class="load-more">
+                <u-loadmore :status="loadStatus" @loadmore="loadMore"></u-loadmore>
+            </view>
+        </view>
+
+        <!-- 违纪记录详情弹窗 -->
+        <DisciplineRecordForm ref="disciplineRecordFormRef" @success="handleSuccess" />
+
+        <!-- 查看撤销申请弹窗 -->
+        <RevokeApplicationView ref="revokeApplicationViewRef" />
+    </view>
+</template>
+
+<script>
+import { request } from '@/common/request.js';
+import { getDictLabel, getDictTagType, getDict } from '@/common/dict.js';
+import DisciplineRecordForm from './DisciplineRecordForm.vue';
+import RevokeApplicationView from './RevokeApplicationView.vue';
+
+export default {
+    name: 'StudentDisciplineRecord',
+    components: {
+        DisciplineRecordForm,
+        RevokeApplicationView,
+    },
+    data() {
+        return {
+            loading: false,
+            disciplineRecordList: [],
+            total: 0,
+            hasMore: true,
+            loadStatus: 'loadmore',
+
+            // 查询参数
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+
+            // 字典数据
+            studentDisciplineStatus: [],
+        };
+    },
+
+    async created() {
+        await this.loadDictData();
+        await this.getList();
+    },
+
+    // 页面显示时刷新数据
+    onShow() {
+        // 从撤销申请页面返回时刷新列表
+        if (this.disciplineRecordList.length > 0) {
+            this.handleSuccess();
+        }
+    },
+
+    methods: {
+        // 返回上一页
+        goBack() {
+            uni.navigateBack();
+        },
+
+        // 加载字典数据
+        async loadDictData() {
+            try {
+                this.studentDisciplineStatus = await getDict('student_discipline_status');
+            } catch (error) {
+                console.error('加载字典数据失败:', error);
+            }
+        },
+
+        // 获取字典标签
+        getDictLabel(dictData, value) {
+            return getDictLabel(dictData, value);
+        },
+
+        // 获取字典标签类型
+        getDictTagType(dictData, value) {
+            const fallbackMap = {
+                1: 'success', // 生效
+                0: 'info', // 失效
+            };
+            return getDictTagType(dictData, value, fallbackMap);
+        },
+
+        // 获取学生违纪处分记录列表
+        async getList(loadMore = false) {
+            if (!loadMore) {
+                this.loading = true;
+            }
+
+            try {
+                const res = await request({
+                    url: '/disciplineRecord/disciplineRecord/my',
+                    method: 'GET',
+                    params: this.queryParams,
+                });
+
+                if (res && res.code === 200) {
+                    const rows = res.rows || [];
+
+                    if (loadMore) {
+                        // 加载更多时追加数据
+                        this.disciplineRecordList = this.disciplineRecordList.concat(rows);
+                    } else {
+                        // 首次加载或刷新时替换数据
+                        this.disciplineRecordList = rows;
+                    }
+
+                    this.total = res.total || 0;
+
+                    // 判断是否还有更多数据
+                    if (rows.length < this.queryParams.pageSize) {
+                        this.hasMore = false;
+                        this.loadStatus = 'nomore';
+                    } else {
+                        this.hasMore = true;
+                        this.loadStatus = 'loadmore';
+                    }
+                } else {
+                    if (!loadMore) {
+                        this.disciplineRecordList = [];
+                        this.total = 0;
+                    }
+                    this.hasMore = false;
+                    this.loadStatus = 'nomore';
+
+                    uni.showToast({
+                        title: res?.msg || '获取数据失败',
+                        icon: 'none',
+                    });
+                }
+            } catch (error) {
+                console.error('获取学生违纪记录失败:', error);
+
+                if (!loadMore) {
+                    this.disciplineRecordList = [];
+                    this.total = 0;
+                }
+                this.hasMore = false;
+                this.loadStatus = 'nomore';
+
+                uni.showToast({
+                    title: '获取数据失败',
+                    icon: 'none',
+                });
+            } finally {
+                if (!loadMore) {
+                    this.loading = false;
+                }
+            }
+        },
+
+        // 加载更多数据
+        async loadMore() {
+            if (!this.hasMore || this.loadStatus !== 'loadmore') {
+                return;
+            }
+
+            this.loadStatus = 'loading';
+            this.queryParams.pageNum += 1;
+
+            try {
+                await this.getList(true);
+            } catch (error) {
+                console.error('加载更多数据失败:', error);
+                this.queryParams.pageNum -= 1; // 回退页码
+                this.loadStatus = 'loadmore';
+            }
+        },
+
+        // 查看按钮操作
+        handleView(row) {
+            this.$refs.disciplineRecordFormRef.openDialog(row.id, '查看');
+        },
+
+        // 撤销申请按钮操作
+        handleRevokeApply(row) {
+            if (row.status !== '1') {
+                uni.showToast({
+                    title: '只有生效状态的违纪记录才能申请撤销',
+                    icon: 'none',
+                });
+                return;
+            }
+
+            // 跳转到撤销申请页面
+            uni.navigateTo({
+                url: `/pages/xskh/wjjl/revokeApplication?disciplineRecordId=${row.id}`,
+            });
+        },
+
+        // 查看撤销申请按钮操作
+        handleViewRevoke(row) {
+            this.$refs.revokeApplicationViewRef.openDialog(row.id);
+        },
+
+        // 操作成功回调
+        handleSuccess() {
+            // 重新加载列表
+            this.queryParams.pageNum = 1;
+            this.hasMore = true;
+            this.loadStatus = 'loadmore';
+            this.getList();
+        },
+
+        // 格式化时间
+        formatTime(timeStr) {
+            if (!timeStr) return '-';
+            try {
+                const date = new Date(timeStr);
+                if (isNaN(date.getTime())) return timeStr;
+
+                const year = date.getFullYear();
+                const month = String(date.getMonth() + 1).padStart(2, '0');
+                const day = String(date.getDate()).padStart(2, '0');
+                const hours = String(date.getHours()).padStart(2, '0');
+                const minutes = String(date.getMinutes()).padStart(2, '0');
+                const seconds = String(date.getSeconds()).padStart(2, '0');
+
+                return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+            } catch (error) {
+                console.error('时间格式化失败:', error);
+                return timeStr;
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.discipline-record-container {
+    background-color: #f5f6fa;
+    min-height: 100vh;
+}
+
+.content-wrapper {
+    padding: 20rpx;
+}
+
+.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;
+}
+
+.record-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #303133;
+    flex: 1;
+}
+
+.record-status {
+    margin-left: 16rpx;
+}
+
+.card-content {
+    padding: 24rpx;
+}
+
+.info-item {
+    display: flex;
+    align-items: center;
+    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;
+}
+
+.score-text {
+    color: #e6a23c;
+    font-weight: 500;
+}
+
+.card-actions {
+    display: flex;
+    justify-content: space-around;
+    padding: 20rpx;
+    border-top: 1px solid #f0f0f0;
+    gap: 16rpx;
+}
+
+.action-btn {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 16rpx 20rpx;
+    border-radius: 12rpx;
+    // background-color: #f8f9fa;
+    min-width: 120rpx;
+    transition: all 0.3s ease;
+
+    &:active {
+        transform: scale(0.95);
+        opacity: 0.8;
+    }
+}
+
+.btn-text {
+    font-size: 24rpx;
+    margin-top: 8rpx;
+    color: #303133;
+    font-weight: 500;
+}
+
+.info-btn {
+    // background-color: rgba(60, 156, 255, 0.1);
+
+    .btn-text {
+        color: #3c9cff;
+    }
+}
+
+.success-btn {
+    // background-color: rgba(90, 199, 37, 0.1);
+
+    .btn-text {
+        color: #5ac725;
+    }
+}
+
+.warning-btn {
+    // background-color: rgba(255, 153, 0, 0.1);
+
+    .btn-text {
+        color: #ff9900;
+    }
+}
+
+.load-more {
+    padding: 40rpx 20rpx;
+}
+
+// uview组件样式调整
+::v-deep .u-tag {
+    margin: 0;
+}
+</style>