diff --git a/src/components/admin/CourseDetailManagement.vue b/src/components/admin/CourseDetailManagement.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/admin/ExamComponents/BatchSetScoreModal.vue b/src/components/admin/ExamComponents/BatchSetScoreModal.vue
new file mode 100644
index 0000000..561047a
--- /dev/null
+++ b/src/components/admin/ExamComponents/BatchSetScoreModal.vue
@@ -0,0 +1,324 @@
+<template>
+    <n-modal v-model:show="showModal" class="batch-score-modal" preset="card"
+        :mask-closable="false" :closable="false" :style="{ width: '1000px' }">
+        <div class="header">
+            <span class="header-title">批量设置分数</span>
+        </div>
+        <n-divider />
+        <div class="batch-score-content">
+            <!-- 题目列表 -->
+            <div class="question-list">
+                <div v-for="(bigQuestion, bigIndex) in questionList" :key="bigQuestion.id"
+                    class="big-question-section">
+                    <div v-for="(subQuestion, subIndex) in bigQuestion.subQuestions" :key="subQuestion.id"
+                        class="question-item">
+                        <div class="question-info">
+                            <span class="question-number">{{ bigIndex + 1 }}.{{ subIndex + 1 }}</span>
+                            <div class="question-content">
+                                {{ subQuestion.title }}
+                            </div>
+                            <span class="question-type">{{ getQuestionTypeName(subQuestion.type) }}</span>
+                        </div>
+                        <div class="question-score">
+                            <span class="score-label">分数：</span>
+                            <n-input-number 
+                                v-model:value="subQuestion.score" 
+                                size="small" 
+                                :min="0" 
+                                :max="100"
+                                :precision="1"
+                                @update:value="updateQuestionScore(bigIndex, subIndex, $event)"
+                            />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 底部按钮 -->
+        <div class="modal-actions">
+            <n-button strong secondary @click="cancelBatchSet">取消</n-button>
+            <n-button type="info" @click="confirmBatchSet">确定</n-button>
+        </div>
+    </n-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch } from 'vue';
+import { createDiscreteApi } from 'naive-ui';
+
+// 创建独立的 message API
+const { message } = createDiscreteApi(['message']);
+
+// 题型枚举
+enum QuestionType {
+    SINGLE_CHOICE = 'single_choice',    // 单选题
+    MULTIPLE_CHOICE = 'multiple_choice', // 多选题
+    TRUE_FALSE = 'true_false',          // 判断题
+    FILL_BLANK = 'fill_blank',          // 填空题
+    SHORT_ANSWER = 'short_answer',      // 简答题
+    COMPOSITE = 'composite'             // 复合题
+}
+
+// 选择题选项接口
+interface ChoiceOption {
+    id: string;
+    content: string;
+    isCorrect: boolean;
+}
+
+// 填空题答案接口
+interface FillBlankAnswer {
+    id: string;
+    content: string;
+    position: number;
+}
+
+// 小题接口
+interface SubQuestion {
+    id: string;
+    type: QuestionType;
+    title: string;
+    score: number;
+    difficulty: 'easy' | 'medium' | 'hard';
+    required: boolean;
+    options?: ChoiceOption[];
+    correctAnswer?: string | string[];
+    fillBlanks?: FillBlankAnswer[];
+    trueFalseAnswer?: boolean;
+    textAnswer?: string;
+    answerKeywords?: string[];
+    subQuestions?: SubQuestion[];
+    explanation?: string;
+    tags?: string[];
+    createTime: string;
+}
+
+// 大题接口
+interface BigQuestion {
+    id: string;
+    title: string;
+    description?: string;
+    sort: number;
+    totalScore: number;
+    subQuestions: SubQuestion[];
+    createTime: string;
+}
+
+// Props 定义
+interface Props {
+    visible: boolean;
+    questions: BigQuestion[];
+}
+
+// Emits 定义
+interface Emits {
+    (e: 'update:visible', value: boolean): void;
+    (e: 'confirm', questions: BigQuestion[]): void;
+    (e: 'cancel'): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+// 内部状态
+const showModal = computed({
+    get: () => props.visible,
+    set: (value) => emit('update:visible', value)
+});
+
+// 题目列表的本地副本，避免直接修改父组件数据
+const questionList = ref<BigQuestion[]>([]);
+
+// 监听 props.questions 变化，更新本地副本
+watch(() => props.questions, (newQuestions) => {
+    // 深拷贝题目数据，避免直接修改原数据
+    questionList.value = JSON.parse(JSON.stringify(newQuestions));
+}, { immediate: true, deep: true });
+
+// 获取题型名称
+const getQuestionTypeName = (type: QuestionType): string => {
+    const typeMap = {
+        [QuestionType.SINGLE_CHOICE]: '单选题',
+        [QuestionType.MULTIPLE_CHOICE]: '多选题',
+        [QuestionType.TRUE_FALSE]: '判断题',
+        [QuestionType.FILL_BLANK]: '填空题',
+        [QuestionType.SHORT_ANSWER]: '简答题',
+        [QuestionType.COMPOSITE]: '复合题'
+    };
+    return typeMap[type] || '未知题型';
+};
+
+// 更新题目分数
+const updateQuestionScore = (bigIndex: number, subIndex: number, score: number) => {
+    if (questionList.value[bigIndex] && questionList.value[bigIndex].subQuestions[subIndex]) {
+        questionList.value[bigIndex].subQuestions[subIndex].score = score || 0;
+        
+        // 重新计算大题总分
+        const bigQuestion = questionList.value[bigIndex];
+        bigQuestion.totalScore = bigQuestion.subQuestions.reduce((total, sub) => total + (sub.score || 0), 0);
+    }
+};
+
+// 取消批量设置
+const cancelBatchSet = () => {
+    showModal.value = false;
+    emit('cancel');
+};
+
+// 确认批量设置
+const confirmBatchSet = () => {
+    // 验证分数设置
+    let hasInvalidScore = false;
+    for (const bigQuestion of questionList.value) {
+        for (const subQuestion of bigQuestion.subQuestions) {
+            if (subQuestion.score <= 0) {
+                hasInvalidScore = true;
+                break;
+            }
+        }
+        if (hasInvalidScore) break;
+    }
+
+    if (hasInvalidScore) {
+        message.warning('请确保所有题目分数都大于0');
+        return;
+    }
+
+    showModal.value = false;
+    emit('confirm', questionList.value);
+    message.success('批量设置分数成功');
+};
+</script>
+
+<style scoped>
+.batch-score-modal {
+    --n-color: #ffffff;
+}
+
+.header-title{
+    color: #000;
+    font-weight: 400;
+    font-size: 20px;
+}
+
+.batch-score-content {
+    max-height: 500px;
+    overflow-y: auto;
+    min-height: 500px;
+}
+
+.question-list {
+    padding: 0;
+}
+
+.big-question-section {
+    margin-bottom: 16px;
+}
+
+.question-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 16px;
+    margin-bottom: 8px;
+    background-color: #fafafa;
+    border-radius: 6px;
+    transition: all 0.2s;
+}
+
+.question-item:hover {
+    background-color: #f0f8ff;
+    border-color: #d1e7dd;
+}
+
+.question-info {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    margin-right: 16px;
+}
+
+.question-number {
+    font-weight: 600;
+    color: #333;
+    margin-right: 8px;
+    min-width: 40px;
+}
+
+.question-type {
+    padding: 2px 6px;
+    border-radius: 4px;
+    margin-left: 12px;
+    white-space: nowrap;
+}
+
+.question-content {
+    color: #062333;
+    font-size: 14px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    /* max-width: 500px; */
+    flex: 1;
+}
+
+.question-score {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+}
+
+.score-label {
+    margin-right: 8px;
+    color: #062333;
+    font-size: 14px;
+}
+
+.modal-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+    margin-top: 12px;
+}
+
+/* 滚动条样式 */
+.batch-score-content::-webkit-scrollbar {
+    width: 6px;
+}
+
+.batch-score-content::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 3px;
+}
+
+.batch-score-content::-webkit-scrollbar-thumb {
+    background: #c1c1c1;
+    border-radius: 3px;
+}
+
+.batch-score-content::-webkit-scrollbar-thumb:hover {
+    background: #a8a8a8;
+}
+
+/* 响应式设计 */
+@media (max-width: 600px) {
+    .question-item {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+    
+    .question-info {
+        margin-right: 0;
+        margin-bottom: 8px;
+        width: 100%;
+    }
+    
+    .question-content {
+        max-width: none;
+    }
+    
+    .question-score {
+        align-self: flex-end;
+    }
+}
+</style>
diff --git a/src/components/admin/ExamComponents/ExamSettingsModal.vue b/src/components/admin/ExamComponents/ExamSettingsModal.vue
new file mode 100644
index 0000000..e8e772f
--- /dev/null
+++ b/src/components/admin/ExamComponents/ExamSettingsModal.vue
@@ -0,0 +1,761 @@
+<template>
+    <n-modal v-model:show="showModal" class="exam-settings-modal" preset="dialog" title="试卷设置" :mask-closable="false"
+        :closable="true" :style="{ width: '1000px' }">
+
+        <div class="exam-settings-content">
+            <!-- 试卷名称 -->
+            <div class="setting-row">
+                <label class="setting-label">试卷名称</label>
+                <n-input v-model:value="formData.title" placeholder="试卷名称或试卷名称" class="setting-input" />
+            </div>
+
+            <!-- 起止时间 -->
+            <div class="setting-row">
+                <label class="setting-label">起止时间</label>
+                <div class="time-range">
+                    <n-date-picker v-model:value="formData.startTime" type="datetime" placeholder="选择考试开始时间"
+                        format="yyyy-MM-dd HH:mm" class="time-picker" />
+                    <span class="time-separator">到</span>
+                    <n-date-picker v-model:value="formData.endTime" type="datetime" placeholder="选择考试结束时间"
+                        format="yyyy-MM-dd HH:mm" class="time-picker" />
+                </div>
+            </div>
+
+            <!-- 试卷分类 -->
+            <div class="setting-row">
+                <label class="setting-label">试卷分类</label>
+                <n-radio-group v-model:value="formData.category" class="category-group">
+                    <n-radio value="exam">考试</n-radio>
+                    <n-radio value="practice">练习</n-radio>
+                </n-radio-group>
+            </div>
+
+            <!-- 答题时间 - 考试模式显示 -->
+            <div v-if="formData.category === 'exam'" class="setting-row">
+                <label class="setting-label">答题时间</label>
+                <div class="answer-time-setting">
+                    <n-radio-group v-model:value="formData.timeLimit" class="time-limit-group">
+                        <n-radio value="limited">
+                            <template #default>
+                                <n-input v-model:value="formData.timeLimitValue" :min="0" size="small"
+                                    style="width: 80px; margin-right: 8px;" />
+                                分钟
+                            </template>
+                        </n-radio>
+                        <n-radio value="no_limit">不限时长</n-radio>
+                    </n-radio-group>
+                </div>
+            </div>
+
+            <!-- 答题次数 -->
+            <div class="setting-row">
+                <label class="setting-label">答题次数</label>
+                <div class="exam-times-setting">
+                    <n-radio-group v-model:value="formData.examTimes" class="exam-times-group">
+                        <n-radio value="unlimited">无限次</n-radio>
+                        <n-radio value="limited">
+                            限
+                            <n-input v-model:value="formData.examTimesValue" :min="1" size="small"
+                                style="width: 80px; margin-left: 8px; margin-right: 8px;" />
+                            次
+                        </n-radio>
+                    </n-radio-group>
+                </div>
+            </div>
+
+            <!-- 所属章节 -->
+            <div class="setting-row">
+                <label class="setting-label">所属章节</label>
+                <n-select v-model:value="formData.chapter" placeholder="第一节 开始想着" :options="chapterOptions"
+                    class="setting-select" />
+            </div>
+
+            <!-- 及格分数 -->
+            <div class="setting-row">
+                <label class="setting-label">及格分数</label>
+                <div class="pass-score-setting">
+                    <n-input v-model:value="formData.passScore" :min="0" :max="100" size="small" style="width: 80px" />
+                    <span>分</span>
+                </div>
+            </div>
+
+            <!-- 参与学员 -->
+            <div class="setting-row">
+                <label class="setting-label">参与学员</label>
+                <div class="participants-setting">
+                    <n-radio-group v-model:value="formData.participants" class="participants-group">
+                        <n-radio value="all">全部学员</n-radio>
+                        <n-radio value="by_school">仅部分学员</n-radio>
+                    </n-radio-group>
+                </div>
+            </div>
+
+            <!-- 详细班级 - 当选择仅部分学员时显示 -->
+            <div v-if="formData.participants === 'by_school'" class="setting-row">
+                <label class="setting-label">详细班级</label>
+                <n-select v-model:value="formData.selectedClasses" placeholder="选择班级" multiple :options="classOptions"
+                    class="setting-select" />
+            </div>
+
+            <!-- 考试说明 -->
+            <div class="setting-row">
+                <label class="setting-label">考试说明</label>
+                <n-input v-model:value="formData.instructions" type="textarea" placeholder="请填写试卷说明"
+                    :autosize="{ minRows: 3, maxRows: 6 }" class="setting-textarea" />
+            </div>
+
+            <!-- 强制阅读考试说明 - 仅考试模式显示 -->
+            <div v-if="formData.category === 'exam'" class="setting-row">
+                <label class="setting-label"></label>
+                <div class="checkbox-setting">
+                    <n-checkbox v-model:checked="formData.enforceInstructions">
+                        强制阅读考试说明
+                    </n-checkbox>
+                    <n-input v-if="formData.enforceInstructions" v-model:value="formData.readingTime" :min="1"
+                        size="small" style="width: 80px; margin-left: 8px; margin-right: 8px;" />
+                    <span v-if="formData.enforceInstructions">秒</span>
+                </div>
+            </div>
+
+            <!-- 高级设置 -->
+            <n-collapse class="advanced-settings" arrow-placement="right">
+                <n-collapse-item title="高级设置" name="advanced">
+                    <n-divider />
+                    <!-- 考试模式的高级设置 -->
+                    <div v-if="formData.category === 'exam'">
+                        <!-- 交卷设置 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">交卷设置</label>
+                            <n-checkbox v-model:checked="formData.submitSettings.allowEarlySubmit">
+                                考试时间结束允许延时自动提交
+                            </n-checkbox>
+                        </div>
+
+                        <!-- 限时进入 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">限时进入</label>
+                            <div class="grading-settings">
+                                <n-input v-model:value="formData.gradingDelay" :min="0" size="small"
+                                    style="width: 80px; margin-right: 8px;" />
+                                <span>分钟后不允许参加考试</span>
+                            </div>
+                        </div>
+
+                        <!-- 查看分数 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">查看分数</label>
+                            <n-radio-group v-model:value="formData.scoreDisplay" class="score-display-group">
+                                <n-radio value="show_all">允许教师批阅完试卷后学员查看分数</n-radio>
+                            </n-radio-group>
+                        </div>
+
+                        <!-- 查看答案 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">查看答案</label>
+                            <div class="answer-view-settings">
+                                <n-checkbox v-model:checked="formData.detailedSettings.showQuestions">
+                                    考试截止后允许查看答案
+                                </n-checkbox>
+                                <n-checkbox v-model:checked="formData.detailedSettings.showAnalysis">
+                                    学生提交后允许查看答案
+                                </n-checkbox>
+                            </div>
+                        </div>
+
+                        <!-- 展示排名 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">展示排名</label>
+                            <n-checkbox v-model:checked="formData.showRanking">
+                                考试截止后展示排名
+                            </n-checkbox>
+                        </div>
+
+                        <!-- 发送通知 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">发送通知</label>
+                            <n-flex vertical>
+                                <n-switch v-model:value="formData.timerEnabled" />
+                                <div v-if="formData.timerEnabled" class="timer-setting">
+                                    <span>考试结束前</span>
+                                    <n-input v-model:value="formData.timerDuration" :min="1" size="small"
+                                        style="width: 80px; margin: 0 8px;" />
+                                    <span>分钟发送通知提醒未交学生</span>
+                                </div>
+                            </n-flex>
+                        </div>
+
+                        <!-- 作答要求 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">作答要求</label>
+                            <n-radio-group v-model:value="formData.answerType" class="answer-type-group">
+                                <n-radio value="auto_save">
+                                    完成当前课程进度
+                                    <n-input v-model:value="formData.courseProgress" :min="0" :max="100" size="small"
+                                        style="width: 80px; margin: 0 8px;" />
+                                    %允许考试
+                                </n-radio>
+                            </n-radio-group>
+                        </div>
+
+                        <!-- 详分设置 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">详分设置</label>
+                            <n-radio-group v-model:value="formData.detailScoreMode" class="detail-score-group">
+                                <n-radio value="question">填空题、简答题题目设为为主观题 <span class="tip">设为主观题后需教师手动批阅</span> </n-radio>
+                                <n-radio value="automatic">填空题、简答题不区分大小写 <span class="tip">勾选后，英文大写和小写都可以得分</span> </n-radio>
+                                <n-radio value="show_current">填空题、简答题忽略符号 <span class="tip">勾选后，答案内符号与标准答案不同也给分</span> </n-radio>
+                                <n-radio value="show_all">多选题未全选对时得一半分 <span class="tip">不勾选时全选对才给分</span> </n-radio>
+                            </n-radio-group>
+                        </div>
+                    </div>
+
+                    <!-- 练习模式的高级设置 -->
+                    <div v-if="formData.category === 'practice'">
+                        <!-- 重做设置 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">重做设置</label>
+                            <n-flex>
+                                <n-radio-group v-model:value="formData.correctnessMode" class="correctness-group">
+                                    <div class="practice-record-settings">
+                                        <n-radio value="no_limit">允许学员练习不限次数</n-radio>
+                                        <n-radio value="limit_wrong">
+                                            允许学员重新练习
+                                            <n-input v-model:value="formData.wrongLimit" :min="1" size="small"
+                                                style="width: 80px; margin: 0 8px;" />
+                                            次
+                                        </n-radio>
+                                    </div>
+                                </n-radio-group>
+                                <div class="practice-record-settings2">
+                                    <n-checkbox v-model:checked="formData.practiceSettings.keepPreviousAnswers">
+                                        学员重新练习保留前一次的作答记录
+                                    </n-checkbox>
+                                    <n-checkbox v-model:checked="formData.practiceSettings.useLastScore">
+                                        最后一次练习成绩为最终成绩
+                                    </n-checkbox>
+                                </div>
+                            </n-flex>
+                        </div>
+
+                        <!-- 试卷设置 -->
+                        <div class="advanced-setting">
+                            <label class="advanced-label">试卷设置</label>
+                            <div class="practice-settings">
+                                <n-checkbox v-model:checked="formData.practiceSettings.showCorrectAnswer">
+                                    允许学生主题完成前查看答案
+                                </n-checkbox>
+                                <n-checkbox v-model:checked="formData.practiceSettings.showWrongAnswer">
+                                    每道一次练习题查看提交练习
+                                </n-checkbox>
+                                <n-checkbox v-model:checked="formData.practiceSettings.showAnalysis">
+                                    允许学生查看排名
+                                </n-checkbox>
+                            </div>
+                        </div>
+                    </div>
+                </n-collapse-item>
+            </n-collapse>
+        </div>
+
+        <!-- 底部按钮 -->
+        <template #action>
+            <div class="modal-actions">
+                <n-button @click="cancelSettings">取消</n-button>
+                <n-button type="primary" @click="confirmSettings">确定</n-button>
+            </div>
+        </template>
+    </n-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch } from 'vue';
+import { createDiscreteApi } from 'naive-ui';
+
+// 创建独立的 message API
+const { message } = createDiscreteApi(['message']);
+
+// 试卷设置表单数据接口
+interface ExamSettings {
+    title: string;
+    startTime: number | null;
+    endTime: number | null;
+    category: 'exam' | 'practice';
+    timeLimit: 'unlimited' | 'limited' | 'no_limit';
+    timeLimitValue: number;
+    examTimes: 'unlimited' | 'limited' | 'each_day';
+    examTimesValue: number;
+    dailyLimit: number;
+    chapter: string;
+    passScore: number;
+    participants: 'all' | 'by_school';
+    selectedClasses: string[];
+    instructions: string;
+
+    // 考试模式专用
+    enforceOrder: boolean;
+    enforceInstructions: boolean;
+    readingTime: number;
+    submitSettings: {
+        allowEarlySubmit: boolean;
+    };
+    gradingDelay: number;
+    scoreDisplay: 'show_all' | 'show_score' | 'hide_all';
+    detailedSettings: {
+        showQuestions: boolean;
+        showAnalysis: boolean;
+        showSubmissionTime: boolean;
+    };
+    timerEnabled: boolean;
+    timerDuration: number;
+    answerType: 'auto_save' | 'manual_save' | 'multiple_submit';
+    detailScoreMode: 'question' | 'automatic' | 'show_current' | 'show_all';
+    showRanking: boolean; // 展示排名
+    courseProgress: number; // 作答要求的课程进度
+
+    // 练习模式专用
+    correctnessMode: 'no_limit' | 'limit_wrong';
+    wrongLimit: number;
+    practiceSettings: {
+        showCorrectAnswer: boolean;
+        showWrongAnswer: boolean;
+        showAnalysis: boolean;
+        keepPreviousAnswers: boolean; // 学员重新练习保留前一次的作答记录
+        useLastScore: boolean; // 最后一次练习成绩为最终成绩
+    };
+    paperMode: 'show_all' | 'show_current' | 'hide_all';
+}
+
+// Props 定义
+interface Props {
+    visible: boolean;
+    examData: ExamSettings;
+}
+
+// Emits 定义
+interface Emits {
+    (e: 'update:visible', value: boolean): void;
+    (e: 'confirm', settings: ExamSettings): void;
+    (e: 'cancel'): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+// 内部状态
+const showModal = computed({
+    get: () => props.visible,
+    set: (value) => emit('update:visible', value)
+});
+
+// 表单数据的本地副本
+const formData = ref<ExamSettings>({
+    title: '',
+    startTime: null,
+    endTime: null,
+    category: 'exam',
+    timeLimit: 'limited',
+    timeLimitValue: 0,
+    examTimes: 'unlimited',
+    examTimesValue: 1,
+    dailyLimit: 1,
+    chapter: '',
+    passScore: 60,
+    participants: 'all',
+    selectedClasses: [],
+    instructions: '',
+
+    // 考试模式专用
+    enforceOrder: false,
+    enforceInstructions: false,
+    readingTime: 10,
+    submitSettings: {
+        allowEarlySubmit: true,
+    },
+    gradingDelay: 60,
+    scoreDisplay: 'show_all',
+    detailedSettings: {
+        showQuestions: false,
+        showAnalysis: false,
+        showSubmissionTime: false,
+    },
+    timerEnabled: false,
+    timerDuration: 10,
+    answerType: 'auto_save',
+    detailScoreMode: 'question',
+    showRanking: false,
+    courseProgress: 0,
+
+    // 练习模式专用
+    correctnessMode: 'no_limit',
+    wrongLimit: 10,
+    practiceSettings: {
+        showCorrectAnswer: false,
+        showWrongAnswer: false,
+        showAnalysis: false,
+        keepPreviousAnswers: false,
+        useLastScore: false,
+    },
+    paperMode: 'show_all',
+});
+
+// 监听 props.examData 变化，更新本地副本
+watch(() => props.examData, (newData) => {
+    if (newData) {
+        formData.value = JSON.parse(JSON.stringify(newData));
+    }
+}, { immediate: true, deep: true });
+
+// 章节选项
+const chapterOptions = ref([
+    { label: '第一节 开课前准备', value: 'chapter1' },
+    { label: '第二节 课程内容', value: 'chapter2' },
+    { label: '第三节 课程总结', value: 'chapter3' },
+]);
+
+// 班级选项
+const classOptions = ref([
+    { label: '全部学员', value: 'all' },
+    { label: '优班学习', value: 'class1' },
+    { label: '一班', value: 'class2' },
+]);
+
+// 取消设置
+const cancelSettings = () => {
+    showModal.value = false;
+    emit('cancel');
+};
+
+// 确认设置
+const confirmSettings = () => {
+    // 验证必填字段
+    if (!formData.value.title.trim()) {
+        message.warning('请输入试卷名称');
+        return;
+    }
+
+    if (!formData.value.startTime || !formData.value.endTime) {
+        message.warning('请设置起止时间');
+        return;
+    }
+
+    if (formData.value.startTime >= formData.value.endTime) {
+        message.warning('结束时间必须大于开始时间');
+        return;
+    }
+
+    showModal.value = false;
+    emit('confirm', formData.value);
+    message.success('试卷设置保存成功');
+};
+</script>
+
+<style scoped>
+.exam-settings-modal {
+    --n-color: #ffffff;
+}
+
+.exam-settings-content {
+    max-height: 800px;
+    overflow-y: auto;
+    padding: 8px 0;
+}
+
+.setting-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+    min-height: 32px;
+}
+
+.setting-label {
+    flex: 0 0 80px;
+    font-weight: 500;
+    color: #333;
+    margin-right: 16px;
+    line-height: 32px;
+    font-size: 14px;
+}
+
+.setting-input,
+.setting-select,
+.setting-textarea {
+    flex: 1;
+}
+
+.time-range {
+    display: flex;
+    align-items: center;
+    flex: 1;
+}
+
+.time-picker {
+    flex: 1;
+}
+
+.time-separator {
+    margin: 0 12px;
+    color: #666;
+}
+
+.category-group {
+    display: flex;
+    gap: 16px;
+}
+
+.answer-time-setting,
+.exam-times-setting {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 12px;
+}
+
+.time-limit-group,
+.exam-times-group {
+    display: flex;
+    gap: 16px;
+}
+
+.time-limit-input,
+.exam-times-input {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.exam-times-option {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.pass-score-setting {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.participants-group {
+    display: flex;
+    gap: 16px;
+}
+
+.advanced-setting {
+    display: flex;
+    align-items: flex-start;
+    margin-bottom: 16px;
+}
+
+.practice-settings{
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+}
+
+.advanced-label {
+    flex: 0 0 80px;
+    font-weight: 500;
+    color: #333;
+    margin-right: 16px;
+    line-height: 32px;
+    font-size: 14px;
+}
+
+.answer-view-settings {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+}
+
+.timer-setting {
+    display: flex;
+    align-items: center;
+    margin-top: 8px;
+    gap: 4px;
+}
+
+
+.grading-settings {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.score-display-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.detailed-settings {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.timer-settings {
+    display: flex;
+    align-items: center;
+    margin-top: 8px;
+}
+
+.answer-settings {
+    margin-top: 8px;
+}
+
+.answer-type-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.correctness-settings {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.correctness-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.wrong-limit-input {
+    display: flex;
+    align-items: center;
+}
+
+.category-group {
+    display: flex;
+    gap: 20px;
+}
+
+.time-limit-group {
+    display: flex;
+    gap: 20px;
+    align-items: center;
+}
+
+.exam-times-group {
+    display: flex;
+    gap: 20px;
+    align-items: center;
+}
+
+.correctness-group {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.answer-type-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.score-display-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.detail-score-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.tip{
+    margin-left: 10px;
+    font-size: 12px;
+    color: #999999;
+}
+
+.checkbox-setting {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.practice-options {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-top: 12px;
+}
+
+.practice-record-settings {
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+    flex: 1;
+}
+
+.practice-record-settings2 {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+}
+
+.paper-settings {
+    margin-top: 8px;
+}
+
+.paper-mode-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.modal-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+}
+
+/* 滚动条样式 */
+.exam-settings-content::-webkit-scrollbar {
+    width: 6px;
+}
+
+.exam-settings-content::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 3px;
+}
+
+.exam-settings-content::-webkit-scrollbar-thumb {
+    background: #c1c1c1;
+    border-radius: 3px;
+}
+
+.exam-settings-content::-webkit-scrollbar-thumb:hover {
+    background: #a8a8a8;
+}
+
+/* 响应式设计 */
+@media (max-width: 600px) {
+    .setting-row {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .setting-label {
+        margin-bottom: 8px;
+        line-height: 1.5;
+    }
+
+    .time-range {
+        flex-direction: column;
+        gap: 8px;
+    }
+
+    .time-separator {
+        align-self: center;
+    }
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index 24bc150..4eeb027 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -34,6 +34,7 @@ import {
   NBreadcrumbItem,
   NInput,
   NInputGroup,
+  NInputNumber,
   NForm,
   NFormItem,
   NSelect,
@@ -41,6 +42,7 @@ import {
   NTimePicker,
   NCheckbox,
   NRadio,
+  NRadioGroup,
   NSwitch,
   NSlider,
   NRate,
@@ -82,7 +84,8 @@ import {
   NStep,
   NTimeline,
   NTimelineItem,
-  NMessageProvider
+  NMessageProvider,
+  NPopselect
 } from 'naive-ui'
 
 const naive = create({
@@ -104,6 +107,7 @@ const naive = create({
     NBreadcrumbItem,
     NInput,
     NInputGroup,
+    NInputNumber,
     NForm,
     NFormItem,
     NSelect,
@@ -111,6 +115,7 @@ const naive = create({
     NTimePicker,
     NCheckbox,
     NRadio,
+    NRadioGroup,
     NSwitch,
     NSlider,
     NRate,
@@ -152,7 +157,8 @@ const naive = create({
     NStep,
     NTimeline,
     NTimelineItem,
-    NMessageProvider
+    NMessageProvider,
+    NPopselect
   ]
 })
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 4d14738..f1f0b2d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -52,6 +52,12 @@ import StatisticsManagement from '@/views/teacher/course/StatisticsManagement.vu
 import NotificationManagement from '@/views/teacher/course/NotificationManagement.vue'
 import GeneralManagement from '@/views/teacher/course/GeneralManagement.vue'
 
+
+// 练考通菜单组件
+import ExamLibrary from '@/views/teacher/course/ExamPages/ExamLibrary.vue'
+import MarkingCenter from '@/views/teacher/course/ExamPages/MarkingCenter.vue'
+import AddExam from '@/views/teacher/course/ExamPages/AddExam.vue'
+
 // ========== 路由配置 ==========
 const routes: RouteRecordRaw[] = [
   // 管理后台路由
@@ -132,7 +138,35 @@ const routes: RouteRecordRaw[] = [
             path: 'practice',
             name: 'PracticeManagement',
             component: PracticeManagement,
-            meta: { title: '练考通管理' }
+            meta: { title: '练考通管理' },
+            redirect: (to) => `/teacher/course-editor/${to.params.id}/practice/exam-library`,
+            children: [
+              {
+                path: 'exam-library',
+                name: 'ExamLibrary',
+                component: ExamLibrary,
+                meta: {
+                  title: '试卷库'
+                },
+              },
+              {
+                path: 'marking-center',
+                name: 'MarkingCenter',
+                component: MarkingCenter,
+                meta: {
+                  title: '阅卷中心'
+                }
+              },
+              {
+                path: 'add',
+                name: 'AddExam',
+                component: AddExam,
+                meta: {
+                  title: '添加试卷',
+                  hideSidebar: true
+                }
+              }
+            ]
           },
           {
             path: 'question-bank',
diff --git a/src/views/teacher/course/CourseEditor.vue b/src/views/teacher/course/CourseEditor.vue
index 9bc3792..ea97f69 100644
--- a/src/views/teacher/course/CourseEditor.vue
+++ b/src/views/teacher/course/CourseEditor.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="course-editor">
     <!-- 左侧导航菜单 -->
-    <div class="sidebar">
+    <div class="sidebar" v-if="showSidebar">
       <router-link 
         :to="`/teacher/course-editor/${courseId}/courseware`" 
         class="menu-item" 
@@ -35,17 +35,43 @@
         />
         <span>作业</span>
       </router-link>
-      <router-link 
-        :to="`/teacher/course-editor/${courseId}/practice`" 
+      
+      <!-- 练考通父菜单 -->
+      <div 
         class="menu-item" 
         :class="{ active: $route.path.includes('practice') }"
+        @click="togglePracticeMenu"
       >
         <img 
-          :src="$route.path.includes('practice') ? '/images/teacher/练考通-选中.png' : '/images/teacher/练考通.png'" 
+          :src="($route.path.includes('practice')) ? '/images/teacher/练考通-选中.png' : '/images/teacher/练考通.png'" 
           alt="练考通" 
         />
         <span>练考通</span>
-      </router-link>
+        <div class="expand-icon" :class="{ expanded: practiceMenuExpanded }">
+          <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
+            <path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </div>
+      </div>
+      
+      <!-- 练考通子菜单 -->
+      <div class="submenu" :class="{ expanded: practiceMenuExpanded }">
+        <router-link 
+          :to="`/teacher/course-editor/${courseId}/practice/exam-library`" 
+          class="submenu-item" 
+          :class="{ active: $route.path.includes('exam-library') }"
+        >
+          <span>试卷库</span>
+        </router-link>
+        <router-link 
+          :to="`/teacher/course-editor/${courseId}/practice/marking-center`" 
+          class="submenu-item" 
+          :class="{ active: $route.path.includes('marking-center') }"
+        >
+          <span>阅卷中心</span>
+        </router-link>
+      </div>
+      
       <router-link 
         :to="`/teacher/course-editor/${courseId}/question-bank`" 
         class="menu-item" 
@@ -122,12 +148,34 @@
 </template>
 
 <script setup lang="ts">
+import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 
 const route = useRoute()
 
 // 获取课程ID
 const courseId = route.params.id
+
+// 控制练考通菜单的展开状态
+const practiceMenuExpanded = ref(false)
+
+// 切换练考通菜单展开状态
+const togglePracticeMenu = () => {
+  practiceMenuExpanded.value = !practiceMenuExpanded.value
+}
+
+// 监听路由变化，如果当前路由是子菜单，自动展开父菜单
+watch(() => route.path, (newPath) => {
+  if (newPath.includes('exam-library') || newPath.includes('marking-center')) {
+    practiceMenuExpanded.value = true
+  }
+}, { immediate: true })
+
+
+// 判断是否显示侧边菜单栏
+const showSidebar = computed(() => {
+  return route.meta.hideSidebar !== true
+})
 </script>
 
 <style scoped>
@@ -186,6 +234,58 @@ const courseId = route.params.id
 .menu-item span {
   font-size: 16px;
   color: #666;
+  flex: 1;
+}
+
+.expand-icon {
+  transition: transform 0.3s ease;
+  display: flex;
+  align-items: center;
+  color: #999;
+}
+
+.expand-icon.expanded {
+  transform: rotate(180deg);
+}
+
+/* 子菜单样式 */
+.submenu {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.3s ease;
+  margin-left: 20px;
+  border-radius: 5px;
+}
+
+.submenu.expanded {
+  max-height: 200px;
+}
+
+.submenu-item {
+  display: flex;
+  align-items: center;
+  padding: 12px 20px 12px 60px;
+  margin: 0;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  text-decoration: none;
+  color: #666;
+  font-size: 14px;
+  border-radius: 5px;
+  margin-top: 5px;
+}
+
+.submenu-item:hover {
+  background: #e9ecef;
+}
+
+.submenu-item.active {
+  background: #E3F2FD;
+  color: #0288D1;
+}
+
+.submenu-item span {
+  font-size: 14px;
 }
 
 /* 右侧内容区域 */
diff --git a/src/views/teacher/course/ExamPages/AddExam.vue b/src/views/teacher/course/ExamPages/AddExam.vue
new file mode 100644
index 0000000..052b0be
--- /dev/null
+++ b/src/views/teacher/course/ExamPages/AddExam.vue
@@ -0,0 +1,1544 @@
+<template>
+    <n-config-provider :theme-overrides="themeOverrides">
+        <div class="exam-container">
+            <n-space vertical>
+                <n-card size="small">
+                    <div class="group required">
+                        组卷方式：
+                        <n-tag :checked="examType" checkable @click="changeType(1)"
+                            style="margin-right: 20px; border: 1px solid #F1F3F4;">固定试卷组</n-tag>
+                        <n-tag :checked="!examType" checkable @click="changeType(2)"
+                            style="margin-right: 20px; border: 1px solid #F1F3F4;">随机抽题组卷</n-tag>
+                </div>
+                <div class="group required">
+                    <n-row>试卷名称：</n-row>
+                    <n-input v-model:value="examForm.title" type="textarea" placeholder="请输入试卷名称" />
+                </div>
+
+                <n-row class="flex justify-between">
+                    <n-button type="primary" ghost @click="addBigQuestion">
+                        <template #icon>
+                            <n-icon>
+                                <AddCircle />
+                            </n-icon>
+                        </template>
+                        添加大题
+                    </n-button>
+
+                    <n-button strong secondary>
+                        <template #icon>
+                            <n-icon>
+                                <SettingsOutline />
+                            </n-icon>
+                        </template>
+                        试卷设置
+                    </n-button>
+                </n-row>
+            </n-card>
+            <template v-for="(item, index) in examForm.questions" :key="index">
+                <n-card size="small">
+                    <div class="group">
+                        <n-row>第{{ index + 1 }}题：</n-row>
+                        <div class="questionRow">
+                            <n-input class="input-title" v-model:value="item.title" placeholder="请输入题目名称" />
+                            <n-button strong quaternary @click="deleteBigQuestion(index)">
+                                <template #icon>
+                                    <n-icon>
+                                        <TrashOutline />
+                                    </n-icon>
+                                </template>
+                                删除
+                            </n-button>
+                            <n-button strong quaternary :disabled="index === 0"
+                                @click="moveBigQuestion(index, index - 1)">
+                                <template #icon>
+                                    <n-icon>
+                                        <svg xmlns="http://www.w3.org/2000/svg"
+                                            xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1024 1024">
+                                            <path
+                                                d="M334 624h46.9c10.2 0 19.9-4.9 25.9-13.2L512 465.4l105.2 145.4c6 8.3 15.6 13.2 25.9 13.2H690c6.5 0 10.3-7.4 6.5-12.7l-178-246a7.95 7.95 0 0 0-12.9 0l-178 246A7.96 7.96 0 0 0 334 624z"
+                                                fill="currentColor"></path>
+                                            <path
+                                                d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
+                                                fill="currentColor"></path>
+                                        </svg>
+                                    </n-icon>
+                                </template>
+                                上移
+                            </n-button>
+                            <n-button strong quaternary :disabled="index === examForm.questions.length - 1"
+                                @click="moveBigQuestion(index, index + 1)">
+                                <template #icon>
+                                    <n-icon class="iconRotate">
+                                        <svg xmlns="http://www.w3.org/2000/svg"
+                                            xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1024 1024">
+                                            <path
+                                                d="M334 624h46.9c10.2 0 19.9-4.9 25.9-13.2L512 465.4l105.2 145.4c6 8.3 15.6 13.2 25.9 13.2H690c6.5 0 10.3-7.4 6.5-12.7l-178-246a7.95 7.95 0 0 0-12.9 0l-178 246A7.96 7.96 0 0 0 334 624z"
+                                                fill="currentColor"></path>
+                                            <path
+                                                d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
+                                                fill="currentColor"></path>
+                                        </svg>
+                                    </n-icon>
+                                </template>
+                                下移
+                            </n-button>
+
+                            <div class="total flex justify-between">
+                                共{{ item.subQuestions.length }}题，合计{{ item.totalScore }}分
+                                <n-icon class="iconRotate">
+                                    <ChevronUpSharp />
+                                </n-icon>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="group" v-if="item.subQuestions.length === 0">
+                        <div class="empty_tip">请为当前大题添加题目</div>
+                    </div>
+
+                    <!-- 小题列表显示 -->
+                    <div v-else>
+                        <div v-for="(subQuestion, subIndex) in item.subQuestions" :key="subQuestion.id"
+                            class="sub-question-item">
+                            <!-- 小题标题栏 -->
+                            <div class="sub-question-header">
+                                <span class="sub-question-number">*{{ index + 1 }}.{{ subIndex + 1 }} {{
+                                    getQuestionTypeName(subQuestion.type) }}</span>
+                            </div>
+
+                            <!-- 题目内容输入 -->
+                            <div class="sub-question-content">
+                                <n-input v-model:value="subQuestion.title" type="textarea" placeholder="请输入题目内容" style="flex: 1;" />
+                                <n-button size="small" quaternary @click="deleteSubQuestion(index, subIndex)">
+                                    <template #icon>
+                                        <n-icon>
+                                            <TrashOutline />
+                                        </n-icon>
+                                    </template>
+                                </n-button>
+                            </div>
+
+                            <!-- 根据题型显示不同的编辑界面 -->
+                            <!-- 单选题 -->
+                            <div v-if="subQuestion.type === 'single_choice'" class="question-options">
+                                <div v-for="(option, optionIndex) in subQuestion.options" :key="option.id"
+                                    class="option-item">
+                                    <n-radio :checked="subQuestion.correctAnswer === option.id"
+                                        @update:checked="updateSingleChoice(index, subIndex, option.id)"
+                                        :name="`question_${subQuestion.id}`">
+                                        {{ String.fromCharCode(65 + optionIndex) }}
+                                    </n-radio>
+                                    <n-input v-model:value="option.content" placeholder="请输入选项内容"
+                                        style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                    <n-button size="small" quaternary
+                                        @click="deleteOption(index, subIndex, optionIndex)">
+                                        <template #icon>
+                                            <n-icon>
+                                                <TrashOutline />
+                                            </n-icon>
+                                        </template>
+                                    </n-button>
+                                </div>
+                                <n-button size="small" quaternary @click="addOption(index, subIndex)"
+                                    class="add-option-btn">
+                                    + 添加选项
+                                </n-button>
+                            </div>
+
+                            <!-- 多选题 -->
+                            <div v-if="subQuestion.type === 'multiple_choice'" class="question-options">
+                                <div v-for="(option, optionIndex) in subQuestion.options" :key="option.id"
+                                    class="option-item">
+                                    <n-checkbox
+                                        :checked="Array.isArray(subQuestion.correctAnswer) && subQuestion.correctAnswer.includes(option.id)"
+                                        @update:checked="updateMultipleChoice(index, subIndex, option.id, $event)">
+                                        {{ String.fromCharCode(65 + optionIndex) }}
+                                    </n-checkbox>
+                                    <n-input v-model:value="option.content" placeholder="请输入选项内容"
+                                        style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                    <n-button size="small" quaternary
+                                        @click="deleteOption(index, subIndex, optionIndex)">
+                                        <template #icon>
+                                            <n-icon>
+                                                <TrashOutline />
+                                            </n-icon>
+                                        </template>
+                                    </n-button>
+                                </div>
+                                <n-button size="small" quaternary @click="addOption(index, subIndex)"
+                                    class="add-option-btn">
+                                    + 添加选项
+                                </n-button>
+                            </div>
+
+                            <!-- 判断题 -->
+                            <div v-if="subQuestion.type === 'true_false'" class="question-options">
+                                <n-space>
+                                    <n-radio :checked="subQuestion.trueFalseAnswer === true"
+                                        @update:checked="updateTrueFalse(index, subIndex, true)"
+                                        :name="`question_${subQuestion.id}`">
+                                        正确
+                                    </n-radio>
+                                    <n-radio :checked="subQuestion.trueFalseAnswer === false"
+                                        @update:checked="updateTrueFalse(index, subIndex, false)"
+                                        :name="`question_${subQuestion.id}`">
+                                        错误
+                                    </n-radio>
+                                </n-space>
+                            </div>
+
+                            <!-- 填空题 -->
+                            <div v-if="subQuestion.type === 'fill_blank'" class="question-options">
+                                <div v-for="(blank, blankIndex) in subQuestion.fillBlanks" :key="blank.id"
+                                    class="fill-blank-item">
+                                    <span>第{{ blankIndex + 1 }}个填空答案：</span>
+                                    <n-input v-model:value="blank.content" placeholder="请输入正确答案"
+                                        style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                    <n-button size="small" quaternary
+                                        @click="deleteFillBlank(index, subIndex, blankIndex)">
+                                        <template #icon>
+                                            <n-icon>
+                                                <TrashOutline />
+                                            </n-icon>
+                                        </template>
+                                    </n-button>
+                                </div>
+                                <n-button size="small" dashed @click="addFillBlank(index, subIndex)"
+                                    class="add-option-btn">
+                                    + 添加填空
+                                </n-button>
+                            </div>
+
+                            <!-- 简答题 -->
+                            <div v-if="subQuestion.type === 'short_answer'" class="question-options">
+                                <div class="answer-section">
+                                    <span>参考答案：</span>
+                                    <n-input v-model:value="subQuestion.textAnswer" type="textarea"
+                                        placeholder="请输入参考答案" :autosize="{ minRows: 3, maxRows: 8 }" />
+                                </div>
+                            </div>
+
+                            <!-- 复合题子题目 -->
+                            <div v-if="subQuestion.type === 'composite' && subQuestion.subQuestions"
+                                class="composite-sub-questions">
+                                <n-divider />
+                                <div v-for="(compositeSubQ, compSubIndex) in subQuestion.subQuestions"
+                                    :key="compositeSubQ.id" class="composite-sub-item">
+                                    <div class="composite-sub-header">
+                                        <div class="sub-question-number">
+                                            <span>{{ compSubIndex + 1 }}. </span>
+                                            <n-select v-model:value="compositeSubQ.type" :options="[
+                                                { label: '单选题', value: 'single_choice' },
+                                                { label: '多选题', value: 'multiple_choice' },
+                                                { label: '判断题', value: 'true_false' }
+                                            ]" size="small" style="width: 100px; margin-right: 8px;"
+                                                @update:value="changeCompositeSubQuestionType(index, subIndex, compSubIndex, $event)" />
+                                        </div>
+                                        <n-button size="small" quaternary
+                                            @click="deleteCompositeSubQuestion(index, subIndex, compSubIndex)">
+                                            <template #icon>
+                                                <n-icon>
+                                                    <TrashOutline />
+                                                </n-icon>
+                                            </template>
+                                        </n-button>
+                                    </div>
+
+                                    <!-- 子题目内容 -->
+                                    <div class="composite-sub-content">
+                                        <n-input v-model:value="compositeSubQ.title" type="textarea"
+                                            placeholder="请输入子题目内容" :autosize="{ minRows: 2, maxRows: 4 }"
+                                            style="margin-bottom: 12px;" />
+
+                                        <!-- 单选题选项 -->
+                                        <div v-if="compositeSubQ.type === 'single_choice'" class="composite-options">
+                                            <div v-for="(option, optionIndex) in compositeSubQ.options" :key="option.id"
+                                                class="option-item">
+                                                <n-radio :name="`composite_question_${compositeSubQ.id}`"
+                                                    :checked="compositeSubQ.correctAnswer === option.id"
+                                                    @update:checked="updateCompositeChoice(index, subIndex, compSubIndex, option.id)">
+                                                    {{ String.fromCharCode(65 + optionIndex) }}
+                                                </n-radio>
+                                                <n-input v-model:value="option.content" placeholder="请输入选项内容"
+                                                    style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                                <n-button size="small" quaternary
+                                                    @click="deleteCompositeOption(index, subIndex, compSubIndex, optionIndex)">
+                                                    <template #icon>
+                                                        <n-icon>
+                                                            <TrashOutline />
+                                                        </n-icon>
+                                                    </template>
+                                                </n-button>
+                                            </div>
+                                            <n-button size="small" dashed
+                                                @click="addCompositeOption(index, subIndex, compSubIndex)"
+                                                class="add-option-btn">
+                                                + 添加选项
+                                            </n-button>
+                                        </div>
+
+                                        <!-- 多选题选项 -->
+                                        <div v-if="compositeSubQ.type === 'multiple_choice'" class="composite-options">
+                                            <div v-for="(option, optionIndex) in compositeSubQ.options" :key="option.id"
+                                                class="option-item">
+                                                <n-checkbox
+                                                    :checked="Array.isArray(compositeSubQ.correctAnswer) && compositeSubQ.correctAnswer.includes(option.id)"
+                                                    @update:checked="updateCompositeMultiChoice(index, subIndex, compSubIndex, option.id, $event)">
+                                                    {{ String.fromCharCode(65 + optionIndex) }}
+                                                </n-checkbox>
+                                                <n-input v-model:value="option.content" placeholder="请输入选项内容"
+                                                    style="flex: 1; margin-left: 8px; margin-right: 8px;" />
+                                                <n-button size="small" quaternary
+                                                    @click="deleteCompositeOption(index, subIndex, compSubIndex, optionIndex)">
+                                                    <template #icon>
+                                                        <n-icon>
+                                                            <TrashOutline />
+                                                        </n-icon>
+                                                    </template>
+                                                </n-button>
+                                            </div>
+                                            <n-button size="small" dashed
+                                                @click="addCompositeOption(index, subIndex, compSubIndex)"
+                                                class="add-option-btn">
+                                                + 添加选项
+                                            </n-button>
+                                        </div>
+
+                                        <!-- 判断题 -->
+                                        <div v-if="compositeSubQ.type === 'true_false'" class="composite-options">
+                                            <n-space>
+                                                <n-radio :checked="compositeSubQ.trueFalseAnswer === true"
+                                                    @update:checked="updateCompositeTrueFalse(index, subIndex, compSubIndex, true)"
+                                                    :name="`composite_question_${compositeSubQ.id}`">
+                                                    正确
+                                                </n-radio>
+                                                <n-radio :checked="compositeSubQ.trueFalseAnswer === false"
+                                                    @update:checked="updateCompositeTrueFalse(index, subIndex, compSubIndex, false)"
+                                                    :name="`composite_question_${compositeSubQ.id}`">
+                                                    错误
+                                                </n-radio>
+                                            </n-space>
+                                        </div>
+                                    </div>
+                                </div>
+                                <n-button size="small" dashed @click="addCompositeSubQuestion(index, subIndex)"
+                                    class="add-option-btn">
+                                    + 添加子题目
+                                </n-button>
+                            </div>
+
+                            <!-- 答案解析 -->
+                            <div class="explanation-section">
+                                <span>答案解析：</span>
+                                <n-input v-model:value="subQuestion.explanation" type="textarea"
+                                    placeholder="请输入答案解析（选填）" :autosize="{ minRows: 2, maxRows: 4 }" />
+                            </div>
+
+                            <!-- 底部操作按钮 -->
+                            <div class="sub-question-footer">
+                                <div class="sub-footer-item">
+                                    分数：
+                                    <n-input-number v-model:value="subQuestion.score" size="small" :min="0"
+                                        style="width: 80px" />
+                                </div>
+                                <div class="sub-footer-item">
+                                    难度：<n-select v-model:value="subQuestion.difficulty" size="small" style="width: 80px"
+                                        :options="difficultyOptions" />
+                                </div>
+                                <div class="sub-footer-item">
+                                    题目必填：<n-select v-model:value="subQuestion.required" size="small" style="width: 80px"
+                                        :options="[{ label: '是', value: true }, { label: '否', value: false }]" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <n-row class="flex">
+                        <n-popselect v-model:value="questionTypeValue" :options="questionTypeOptions">
+                            <n-button type="primary" @click="addQuestion(index)">
+                                <template #icon>
+                                    <n-icon>
+                                        <AddCircle />
+                                    </n-icon>
+                                </template>
+                                {{questionTypeOptions.find(opt => opt.value === questionTypeValue)?.label || '添加题目'}}
+                            </n-button>
+                        </n-popselect>
+                        <div class="mr-10"></div>
+                        <n-button type="primary" ghost>
+                            <template #icon>
+                                <n-icon>
+                                    <BookSharp />
+                                </n-icon>
+                            </template>
+                            题库题库选择
+                        </n-button>
+                    </n-row>
+                </n-card>
+            </template>
+
+            <!-- 操作按钮 -->
+            <n-card size="small">
+                <div class="footer-btn">
+                    <!-- 左侧按钮 -->
+                    <div class="footer-left">
+                        <n-space>
+                            <n-button type="primary" ghost size="large" @click="openBatchScoreModal">
+                                批量设置分数
+                            </n-button>
+                            <n-button 
+                                type="primary"
+                                :ghost="!examForm.useAIGrading" 
+                                size="large"  
+                                @click="toggleAIGrading">
+                                <!-- <template #icon>
+                                    <n-icon>
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
+                                            <path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.59 7.59a.996.996 0 0 1-1.41 0z"/>
+                                        </svg>
+                                    </n-icon>
+                                </template> -->
+                                {{ examForm.useAIGrading ? '已启用AI阅卷' : '使用AI阅卷功能' }}
+                            </n-button>
+                            <n-button type="primary" ghost size="large" @click="openExamSettingsModal">
+                                试卷设置
+                            </n-button>
+                            <n-button type="primary" ghost size="large">
+                                预览试卷
+                            </n-button>
+                        </n-space>
+                    </div>
+                    
+                    <!-- 中间统计信息 -->
+                    <div class="footer-center">
+                        <span>题目数量：{{ examForm.questions.length }} 道</span>
+                        <span>总分：{{ examForm.questions.reduce((total, q) => total + q.totalScore, 0) }} 分</span>
+                    </div>
+                    
+                    <!-- 右侧按钮 -->
+                    <div class="footer-right">
+                        <n-space>
+                            <n-button strong type="primary" secondary size="large">
+                                取消
+                            </n-button>
+                            <n-button strong type="primary" secondary size="large">
+                                预览
+                            </n-button>
+                            <n-button strong type="primary" size="large" @click="saveExam">
+                                保存试卷
+                            </n-button>
+                        </n-space>
+                    </div>
+                </div>
+            </n-card>
+        </n-space>
+
+        <!-- 批量设置分数模态框 -->
+        <BatchSetScoreModal
+            v-model:visible="showBatchScoreModal"
+            :questions="examForm.questions"
+            @confirm="handleBatchScoreConfirm"
+            @cancel="handleBatchScoreCancel"
+        />
+
+        <!-- 试卷设置模态框 -->
+        <ExamSettingsModal
+            v-model:visible="showExamSettingsModal"
+            :exam-data="examSettingsData"
+            @confirm="handleExamSettingsConfirm"
+            @cancel="handleExamSettingsCancel"
+        />
+        </div>
+    </n-config-provider>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref } from 'vue';
+import { createDiscreteApi, NConfigProvider } from 'naive-ui';
+import type { GlobalThemeOverrides } from 'naive-ui';
+import { AddCircle, SettingsOutline, TrashOutline, ChevronUpSharp, BookSharp } from '@vicons/ionicons5'
+import BatchSetScoreModal from '@/components/admin/ExamComponents/BatchSetScoreModal.vue';
+import ExamSettingsModal from '@/components/admin/ExamComponents/ExamSettingsModal.vue';
+
+// 自定义主题颜色
+const themeOverrides: GlobalThemeOverrides = {
+    common: {
+        primaryColor: '#0288D1',
+        primaryColorHover: '#0277BD', // A slightly darker shade for hover
+        primaryColorPressed: '#01579B', // A darker shade for pressed
+        errorColor: '#FF4D4F',
+        errorColorHover: '#E54547',
+        errorColorPressed: '#C0383A',
+    },
+    Button: {
+        // For ghost primary buttons
+        textColorGhostPrimary: '#0288D1',
+        borderPrimary: '1px solid #0288D1',
+        // For ghost error buttons
+        textColorGhostError: '#FF4D4F',
+        borderError: '1px solid #FF4D4F',
+    },
+    Tag: {
+        colorPrimary: '#0288D1',
+        colorPrimaryHover: '#0277BD',
+        colorPrimaryPressed: '#01579B',
+        textColorPrimary: '#ffffff',
+    },
+    Card: {
+        borderColor: '#E6E6E6',
+    },
+    Input: {
+        borderHover: '#0288D1',
+        borderFocus: '#0288D1',
+        boxShadowFocus: '0 0 0 2px rgba(2, 136, 209, 0.2)',
+    },
+    InputNumber: {
+        borderHover: '#0288D1',
+        borderFocus: '#0288D1',
+        boxShadowFocus: '0 0 0 2px rgba(2, 136, 209, 0.2)',
+    },
+    Select: {
+        borderHover: '#0288D1',
+        borderFocus: '#0288D1',
+        boxShadowFocus: '0 0 0 2px rgba(2, 136, 209, 0.2)',
+    },
+    Modal: {
+        borderRadius: '8px',
+    },
+    Dialog: {
+        borderRadius: '8px',
+    }
+};
+
+// 创建独立的 dialog API
+const { dialog } = createDiscreteApi(['dialog'])
+
+// 题型枚举
+enum QuestionType {
+    SINGLE_CHOICE = 'single_choice',    // 单选题
+    MULTIPLE_CHOICE = 'multiple_choice', // 多选题
+    TRUE_FALSE = 'true_false',          // 判断题
+    FILL_BLANK = 'fill_blank',          // 填空题
+    SHORT_ANSWER = 'short_answer',      // 简答题
+    COMPOSITE = 'composite'             // 复合题
+}
+
+// 选择题选项接口
+interface ChoiceOption {
+    id: string;
+    content: string;
+    isCorrect: boolean;
+}
+
+// 填空题答案接口
+interface FillBlankAnswer {
+    id: string;
+    content: string;
+    position: number; // 填空位置
+}
+
+// 小题接口
+interface SubQuestion {
+    id: string;
+    type: QuestionType;
+    title: string;              // 题目内容
+    score: number;              // 分值
+    difficulty: 'easy' | 'medium' | 'hard'; // 难度
+    required: boolean;          // 题目必填
+
+    // 选择题相关字段
+    options?: ChoiceOption[];   // 选择题选项
+    correctAnswer?: string | string[]; // 正确答案（单选为string，多选为string[]）
+
+    // 填空题相关字段
+    fillBlanks?: FillBlankAnswer[]; // 填空答案
+
+    // 判断题相关字段
+    trueFalseAnswer?: boolean;  // 判断题答案
+
+    // 简答题/复合题相关字段
+    textAnswer?: string;        // 文本答案
+    answerKeywords?: string[];  // 答案关键词
+
+    // 复合题子题目
+    subQuestions?: SubQuestion[]; // 复合题的子题目
+
+    // 通用字段
+    explanation?: string;       // 答案解析
+    tags?: string[];           // 标签
+    createTime: string;
+}
+
+// 大题接口
+interface BigQuestion {
+    id: string;
+    title: string;             // 大题标题
+    description?: string;      // 大题描述
+    sort: number;             // 排序
+    totalScore: number;       // 总分值
+    subQuestions: SubQuestion[]; // 小题列表
+    createTime: string;
+}
+
+const questionTypeValue = ref<string>('single_choice')
+const questionTypeOptions = ref([
+    {
+        label: '单选题',
+        value: 'single_choice'
+    },
+    {
+        label: '多选题',
+        value: 'multiple_choice'
+    },
+    {
+        label: '判断题',
+        value: 'true_false'
+    },
+    {
+        label: '填空题',
+        value: 'fill_blank'
+    },
+    {
+        label: '简答题',
+        value: 'short_answer'
+    },
+    {
+        label: '复合题',
+        value: 'composite'
+    }
+])
+
+// 难度选项配置
+const difficultyOptions = ref([
+    { label: '简单', value: 'easy' },
+    { label: '中等', value: 'medium' },
+    { label: '困难', value: 'hard' }
+])
+
+const examForm = reactive({
+    title: '',
+    type: 1, // 1: 固定试卷组, 2: 随机抽题组卷
+    description: '',
+    totalScore: 0,           // 试卷总分
+    duration: 60,            // 考试时长（分钟）
+    passScore: 60,           // 及格分数
+    instructions: '',        // 考试说明
+    useAIGrading: false,     // 是否启用AI阅卷功能
+    questions: [
+        {
+            id: '1',
+            title: '',
+            description: '',
+            sort: 1,
+            totalScore: 0,
+            subQuestions: [],
+            createTime: new Date().toISOString()
+        }
+    ] as BigQuestion[],
+    createTime: new Date().toISOString(),
+    updateTime: new Date().toISOString()
+});
+
+const examType = computed(() => {
+    return examForm.type === 1
+})
+
+const changeType = (e: number) => {
+    examForm.type = e;
+}
+
+const addQuestion = (index: number) => {
+    const questionType = questionTypeValue.value as QuestionType;
+    const newSubQuestion: SubQuestion = {
+        id: `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        type: questionType,
+        title: '',
+        score: 5, // 默认分值
+        difficulty: 'medium',
+        required: true, // 默认必填
+        createTime: new Date().toISOString()
+    };
+
+    // 根据题型初始化不同的字段
+    switch (questionType) {
+        case QuestionType.SINGLE_CHOICE:
+            newSubQuestion.options = [
+                { id: '1', content: '选项A', isCorrect: false },
+                { id: '2', content: '选项B', isCorrect: false },
+                { id: '3', content: '选项C', isCorrect: false },
+                { id: '4', content: '选项D', isCorrect: false }
+            ];
+            newSubQuestion.correctAnswer = '';
+            break;
+
+        case QuestionType.MULTIPLE_CHOICE:
+            newSubQuestion.options = [
+                { id: '1', content: '选项A', isCorrect: false },
+                { id: '2', content: '选项B', isCorrect: false },
+                { id: '3', content: '选项C', isCorrect: false },
+                { id: '4', content: '选项D', isCorrect: false }
+            ];
+            newSubQuestion.correctAnswer = [];
+            break;
+
+        case QuestionType.TRUE_FALSE:
+            newSubQuestion.trueFalseAnswer = undefined; // 初始状态不选择任何选项
+            break;
+
+        case QuestionType.FILL_BLANK:
+            newSubQuestion.fillBlanks = [
+                { id: '1', content: '', position: 1 }
+            ];
+            break;
+
+        case QuestionType.SHORT_ANSWER:
+            newSubQuestion.textAnswer = '';
+            break;
+
+        case QuestionType.COMPOSITE:
+            newSubQuestion.subQuestions = [];
+            break;
+    }
+
+    // 添加到对应大题的小题列表
+    examForm.questions[index].subQuestions.push(newSubQuestion);
+
+    // 更新大题总分
+    updateBigQuestionScore(index);
+}
+
+// 更新大题总分的辅助函数
+const updateBigQuestionScore = (bigQuestionIndex: number) => {
+    const bigQuestion = examForm.questions[bigQuestionIndex];
+    bigQuestion.totalScore = bigQuestion.subQuestions.reduce((total, subQ) => total + subQ.score, 0);
+
+    // 更新试卷总分
+    examForm.totalScore = examForm.questions.reduce((total, bigQ) => total + bigQ.totalScore, 0);
+}
+
+// 添加新的大题
+const addBigQuestion = () => {
+    const newBigQuestion: BigQuestion = {
+        id: `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        title: `第${examForm.questions.length + 1}大题`,
+        description: '',
+        sort: examForm.questions.length + 1,
+        totalScore: 0,
+        subQuestions: [],
+        createTime: new Date().toISOString()
+    };
+
+    examForm.questions.push(newBigQuestion);
+}
+
+// 获取题型名称
+const getQuestionTypeName = (type: QuestionType): string => {
+    const typeMap = {
+        [QuestionType.SINGLE_CHOICE]: '单选题',
+        [QuestionType.MULTIPLE_CHOICE]: '多选题',
+        [QuestionType.TRUE_FALSE]: '判断题',
+        [QuestionType.FILL_BLANK]: '填空题',
+        [QuestionType.SHORT_ANSWER]: '简答题',
+        [QuestionType.COMPOSITE]: '复合题'
+    };
+    return typeMap[type] || '未知题型';
+}
+
+// 删除小题
+const deleteSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    examForm.questions[bigQuestionIndex].subQuestions.splice(subQuestionIndex, 1);
+    updateBigQuestionScore(bigQuestionIndex);
+}
+
+// 更新单选题答案
+const updateSingleChoice = (bigQuestionIndex: number, subQuestionIndex: number, optionId: string) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    subQuestion.correctAnswer = optionId;
+
+    // 更新选项的正确状态
+    if (subQuestion.options) {
+        subQuestion.options.forEach(option => {
+            option.isCorrect = option.id === optionId;
+        });
+    }
+}
+
+// 更新多选题答案
+const updateMultipleChoice = (bigQuestionIndex: number, subQuestionIndex: number, optionId: string, checked: boolean) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    let answers = (subQuestion.correctAnswer as string[]) || [];
+
+    if (checked) {
+        if (!answers.includes(optionId)) {
+            answers.push(optionId);
+        }
+    } else {
+        answers = answers.filter(id => id !== optionId);
+    }
+
+    subQuestion.correctAnswer = answers;
+
+    // 更新选项的正确状态
+    if (subQuestion.options) {
+        subQuestion.options.forEach(option => {
+            option.isCorrect = answers.includes(option.id);
+        });
+    }
+}
+
+// 更新判断题答案
+const updateTrueFalse = (bigQuestionIndex: number, subQuestionIndex: number, value: boolean) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    subQuestion.trueFalseAnswer = value;
+}
+
+// 添加选项
+const addOption = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.options) {
+        const newOptionId = `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        const optionLabels = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];
+        const nextLabel = optionLabels[subQuestion.options.length] || String.fromCharCode(65 + subQuestion.options.length);
+
+        subQuestion.options.push({
+            id: newOptionId,
+            content: `选项${nextLabel}`,
+            isCorrect: false
+        });
+    }
+}
+
+// 删除选项
+const deleteOption = (bigQuestionIndex: number, subQuestionIndex: number, optionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.options && subQuestion.options.length > 2) { // 至少保留2个选项
+        const deletedOption = subQuestion.options[optionIndex];
+        subQuestion.options.splice(optionIndex, 1);
+
+        // 如果删除的是正确答案，需要更新correctAnswer
+        if (subQuestion.type === QuestionType.SINGLE_CHOICE && subQuestion.correctAnswer === deletedOption.id) {
+            subQuestion.correctAnswer = '';
+        } else if (subQuestion.type === QuestionType.MULTIPLE_CHOICE && Array.isArray(subQuestion.correctAnswer)) {
+            subQuestion.correctAnswer = subQuestion.correctAnswer.filter(id => id !== deletedOption.id);
+        }
+    }
+}
+
+// 添加填空
+const addFillBlank = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.fillBlanks) {
+        const newBlankId = `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        subQuestion.fillBlanks.push({
+            id: newBlankId,
+            content: '',
+            position: subQuestion.fillBlanks.length + 1
+        });
+    }
+}
+
+// 删除填空
+const deleteFillBlank = (bigQuestionIndex: number, subQuestionIndex: number, blankIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.fillBlanks && subQuestion.fillBlanks.length > 1) { // 至少保留1个填空
+        subQuestion.fillBlanks.splice(blankIndex, 1);
+
+        // 重新排序position
+        subQuestion.fillBlanks.forEach((blank, index) => {
+            blank.position = index + 1;
+        });
+    }
+}
+
+// 删除大题
+const deleteBigQuestion = (bigQuestionIndex: number) => {
+    if (examForm.questions.length <= 1) {
+        dialog.warning({
+            title: '操作限制',
+            content: '至少需要保留一个大题',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    const bigQuestion = examForm.questions[bigQuestionIndex];
+    const content = bigQuestion.subQuestions.length > 0
+        ? `确定要删除第${bigQuestionIndex + 1}题吗？该大题包含${bigQuestion.subQuestions.length}道小题，删除后无法恢复！`
+        : `确定要删除第${bigQuestionIndex + 1}题吗？`;
+
+    dialog.warning({
+        title: '删除确认',
+        content: content,
+        positiveText: '确定删除',
+        negativeText: '取消',
+        onPositiveClick: () => {
+            examForm.questions.splice(bigQuestionIndex, 1);
+
+            // 重新排序
+            examForm.questions.forEach((question, index) => {
+                question.sort = index + 1;
+                question.title = `第${index + 1}大题`;
+            });
+
+            // 更新总分
+            examForm.totalScore = examForm.questions.reduce((total, bigQ) => total + bigQ.totalScore, 0);
+        }
+    });
+}
+
+// 移动大题位置
+const moveBigQuestion = (fromIndex: number, toIndex: number) => {
+    if (toIndex >= 0 && toIndex < examForm.questions.length) {
+        const question = examForm.questions.splice(fromIndex, 1)[0];
+        examForm.questions.splice(toIndex, 0, question);
+
+        // 重新排序
+        examForm.questions.forEach((question, index) => {
+            question.sort = index + 1;
+            question.title = `第${index + 1}大题`;
+        });
+    }
+}
+
+// AI阅卷功能切换
+const toggleAIGrading = () => {
+    examForm.useAIGrading = !examForm.useAIGrading;
+    
+    // 显示状态变更提示
+    // const statusText = examForm.useAIGrading ? '已启用' : '已关闭';
+    // dialog.success({
+    //     title: 'AI阅卷功能',
+    //     content: `AI阅卷功能${statusText}`,
+    //     positiveText: '确定'
+    // });
+};
+
+// 批量设置分数相关状态和方法
+const showBatchScoreModal = ref(false);
+
+// 打开批量设置分数模态框
+const openBatchScoreModal = () => {
+    // 检查是否有题目
+    let hasQuestions = false;
+    for (const bigQuestion of examForm.questions) {
+        if (bigQuestion.subQuestions.length > 0) {
+            hasQuestions = true;
+            break;
+        }
+    }
+
+    if (!hasQuestions) {
+        dialog.warning({
+            title: '提示',
+            content: '请先添加题目后再进行批量设置分数',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    showBatchScoreModal.value = true;
+};
+
+// 处理批量设置分数确认
+const handleBatchScoreConfirm = (updatedQuestions: BigQuestion[]) => {
+    // 更新试卷数据
+    examForm.questions = updatedQuestions;
+    
+    // 重新计算试卷总分
+    examForm.totalScore = examForm.questions.reduce((total, bigQ) => total + bigQ.totalScore, 0);
+};
+
+// 处理批量设置分数取消
+const handleBatchScoreCancel = () => {
+    // 取消操作，不需要特殊处理
+};
+
+// 试卷设置相关状态和方法
+const showExamSettingsModal = ref(false);
+
+// 试卷设置数据
+const examSettingsData = computed(() => ({
+    title: examForm.title,
+    startTime: null,
+    endTime: null,
+    category: (examForm.type === 1 ? 'exam' : 'practice') as 'exam' | 'practice',
+    timeLimit: 'limited' as 'unlimited' | 'limited' | 'no_limit',
+    timeLimitValue: 0,
+    examTimes: 'unlimited' as 'unlimited' | 'limited' | 'each_day',
+    examTimesValue: 1,
+    dailyLimit: 1,
+    chapter: '',
+    passScore: examForm.passScore,
+    participants: 'all' as 'all' | 'by_school',
+    selectedClasses: [],
+    instructions: examForm.instructions,
+    
+    // 考试模式专用
+    enforceOrder: false,
+    enforceInstructions: false,
+    readingTime: 10,
+    submitSettings: {
+        allowEarlySubmit: true,
+    },
+    gradingDelay: 60,
+    scoreDisplay: 'show_all' as 'show_all' | 'show_score' | 'hide_all',
+    detailedSettings: {
+        showQuestions: false,
+        showAnalysis: false,
+        showSubmissionTime: false,
+    },
+    timerEnabled: false,
+    timerDuration: examForm.duration,
+    answerType: 'auto_save' as 'auto_save' | 'manual_save' | 'multiple_submit',
+    detailScoreMode: 'question' as 'question' | 'automatic' | 'show_current' | 'show_all',
+    showRanking: false,
+    courseProgress: 0,
+    
+    // 练习模式专用
+    correctnessMode: 'no_limit' as 'no_limit' | 'limit_wrong',
+    wrongLimit: 10,
+    practiceSettings: {
+        showCorrectAnswer: false,
+        showWrongAnswer: false,
+        showAnalysis: false,
+        keepPreviousAnswers: false,
+        useLastScore: false,
+    },
+    paperMode: 'show_all' as 'show_all' | 'show_current' | 'hide_all',
+}));
+
+// 打开试卷设置模态框
+const openExamSettingsModal = () => {
+    showExamSettingsModal.value = true;
+};
+
+// 处理试卷设置确认
+const handleExamSettingsConfirm = (settings: any) => {
+    // 更新试卷数据
+    examForm.title = settings.title;
+    examForm.type = settings.category === 'exam' ? 1 : 2;
+    examForm.passScore = settings.passScore;
+    examForm.instructions = settings.instructions;
+    examForm.duration = settings.timerDuration || examForm.duration;
+    
+    // 可以根据需要更新更多字段
+    console.log('试卷设置数据:', settings);
+};
+
+// 处理试卷设置取消
+const handleExamSettingsCancel = () => {
+    // 取消操作，不需要特殊处理
+};
+
+// 保存试卷
+const saveExam = () => {
+    // 验证数据
+    if (!examForm.title.trim()) {
+        dialog.warning({
+            title: '输入提示',
+            content: '请输入试卷标题',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    if (examForm.questions.length === 0) {
+        dialog.warning({
+            title: '输入提示',
+            content: '请至少添加一个大题',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    let hasQuestions = false;
+    for (const bigQuestion of examForm.questions) {
+        if (bigQuestion.subQuestions.length > 0) {
+            hasQuestions = true;
+            break;
+        }
+    }
+
+    if (!hasQuestions) {
+        dialog.warning({
+            title: '输入提示',
+            content: '请至少添加一道题目',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    // 这里实现保存逻辑
+    console.log('保存试卷数据:', examForm);
+    dialog.success({
+        title: '保存成功',
+        content: '试卷保存成功！',
+        positiveText: '确定'
+    });
+}
+
+// 复合题相关方法
+const addCompositeSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (!subQuestion.subQuestions) {
+        subQuestion.subQuestions = [];
+    }
+
+    const newSubSubQuestion: SubQuestion = {
+        id: `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        type: QuestionType.SINGLE_CHOICE,
+        title: '',
+        score: 2,
+        difficulty: 'medium',
+        required: true,
+        options: [
+            { id: '1', content: '选项A', isCorrect: false },
+            { id: '2', content: '选项B', isCorrect: false },
+            { id: '3', content: '选项C', isCorrect: false },
+            { id: '4', content: '选项D', isCorrect: false }
+        ],
+        correctAnswer: '',
+        createTime: new Date().toISOString()
+    };
+
+    subQuestion.subQuestions.push(newSubSubQuestion);
+    updateBigQuestionScore(bigQuestionIndex);
+}
+
+const deleteCompositeSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    if (subQuestion.subQuestions) {
+        subQuestion.subQuestions.splice(compSubIndex, 1);
+        updateBigQuestionScore(bigQuestionIndex);
+    }
+}
+
+// 复合题选项管理
+const updateCompositeChoice = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, optionId: string) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ) {
+        compositeSubQ.correctAnswer = optionId;
+        // 更新选项的正确状态
+        if (compositeSubQ.options) {
+            compositeSubQ.options.forEach(option => {
+                option.isCorrect = option.id === optionId;
+            });
+        }
+    }
+}
+
+const updateCompositeMultiChoice = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, optionId: string, checked: boolean) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ) {
+        let answers = (compositeSubQ.correctAnswer as string[]) || [];
+
+        if (checked) {
+            if (!answers.includes(optionId)) {
+                answers.push(optionId);
+            }
+        } else {
+            answers = answers.filter(id => id !== optionId);
+        }
+
+        compositeSubQ.correctAnswer = answers;
+
+        // 更新选项的正确状态
+        if (compositeSubQ.options) {
+            compositeSubQ.options.forEach(option => {
+                option.isCorrect = answers.includes(option.id);
+            });
+        }
+    }
+}
+
+// 更新复合题判断题答案
+const updateCompositeTrueFalse = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, value: boolean) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ) {
+        compositeSubQ.trueFalseAnswer = value;
+    }
+}
+
+const addCompositeOption = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ && compositeSubQ.options) {
+        const newOptionId = `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        const optionLabels = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];
+        const nextLabel = optionLabels[compositeSubQ.options.length] || String.fromCharCode(65 + compositeSubQ.options.length);
+
+        compositeSubQ.options.push({
+            id: newOptionId,
+            content: `选项${nextLabel}`,
+            isCorrect: false
+        });
+    }
+}
+
+const deleteCompositeOption = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, optionIndex: number) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ && compositeSubQ.options && compositeSubQ.options.length > 2) { // 至少保留2个选项
+        const deletedOption = compositeSubQ.options[optionIndex];
+        compositeSubQ.options.splice(optionIndex, 1);
+
+        // 如果删除的是正确答案，需要更新correctAnswer
+        if (compositeSubQ.type === QuestionType.SINGLE_CHOICE && compositeSubQ.correctAnswer === deletedOption.id) {
+            compositeSubQ.correctAnswer = '';
+        } else if (compositeSubQ.type === QuestionType.MULTIPLE_CHOICE && Array.isArray(compositeSubQ.correctAnswer)) {
+            compositeSubQ.correctAnswer = compositeSubQ.correctAnswer.filter(id => id !== deletedOption.id);
+        }
+    }
+}
+
+// 修改复合题子题目类型
+const changeCompositeSubQuestionType = (bigQuestionIndex: number, subQuestionIndex: number, compSubIndex: number, newType: string) => {
+    const compositeSubQ = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex].subQuestions?.[compSubIndex];
+    if (compositeSubQ) {
+        compositeSubQ.type = newType as QuestionType;
+
+        // 根据新题型重新初始化相关字段
+        switch (newType as QuestionType) {
+            case QuestionType.SINGLE_CHOICE:
+                compositeSubQ.options = [
+                    { id: '1', content: '选项A', isCorrect: false },
+                    { id: '2', content: '选项B', isCorrect: false },
+                    { id: '3', content: '选项C', isCorrect: false },
+                    { id: '4', content: '选项D', isCorrect: false }
+                ];
+                compositeSubQ.correctAnswer = '';
+                delete compositeSubQ.trueFalseAnswer;
+                break;
+
+            case QuestionType.MULTIPLE_CHOICE:
+                compositeSubQ.options = [
+                    { id: '1', content: '选项A', isCorrect: false },
+                    { id: '2', content: '选项B', isCorrect: false },
+                    { id: '3', content: '选项C', isCorrect: false },
+                    { id: '4', content: '选项D', isCorrect: false }
+                ];
+                compositeSubQ.correctAnswer = [];
+                delete compositeSubQ.trueFalseAnswer;
+                break;
+
+            case QuestionType.TRUE_FALSE:
+                compositeSubQ.trueFalseAnswer = undefined; // 初始状态不选择任何选项
+                delete compositeSubQ.options;
+                delete compositeSubQ.correctAnswer;
+                break;
+        }
+    }
+}
+
+// 保存题目
+const saveSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+
+    // 验证题目数据
+    if (!subQuestion.title.trim()) {
+        dialog.warning({
+            title: '输入提示',
+            content: '请输入题目内容',
+            positiveText: '确定'
+        });
+        return;
+    }
+
+    // 根据题型验证必要字段
+    switch (subQuestion.type) {
+        case QuestionType.SINGLE_CHOICE:
+        case QuestionType.MULTIPLE_CHOICE:
+            if (!subQuestion.options || subQuestion.options.length < 2) {
+                dialog.warning({
+                    title: '输入提示',
+                    content: '选择题至少需要2个选项',
+                    positiveText: '确定'
+                });
+                return;
+            }
+            if (!subQuestion.correctAnswer ||
+                (Array.isArray(subQuestion.correctAnswer) && subQuestion.correctAnswer.length === 0)) {
+                dialog.warning({
+                    title: '输入提示',
+                    content: '请设置正确答案',
+                    positiveText: '确定'
+                });
+                return;
+            }
+            break;
+
+        case QuestionType.FILL_BLANK:
+            if (!subQuestion.fillBlanks || subQuestion.fillBlanks.length === 0) {
+                dialog.warning({
+                    title: '输入提示',
+                    content: '填空题至少需要1个填空',
+                    positiveText: '确定'
+                });
+                return;
+            }
+            if (subQuestion.fillBlanks.some(blank => !blank.content.trim())) {
+                dialog.warning({
+                    title: '输入提示',
+                    content: '请填写所有填空的正确答案',
+                    positiveText: '确定'
+                });
+                return;
+            }
+            break;
+    }
+
+    updateBigQuestionScore(bigQuestionIndex);
+    dialog.success({
+        title: '保存成功',
+        content: '题目保存成功！',
+        positiveText: '确定'
+    });
+}
+
+// 预览题目
+const previewSubQuestion = (bigQuestionIndex: number, subQuestionIndex: number) => {
+    const subQuestion = examForm.questions[bigQuestionIndex].subQuestions[subQuestionIndex];
+    console.log('预览题目:', subQuestion);
+    // 这里可以实现题目预览功能，比如打开一个模态框显示题目
+}
+</script>
+
+<style scoped>
+.exam-container {
+    padding: 20px;
+}
+
+.group {
+    border: 1px solid #F1F3F4;
+    padding: 12px;
+    margin: 15px 0;
+}
+
+.required::before {
+    content: '*';
+    color: red;
+}
+
+.flex {
+    display: flex;
+}
+
+.justify-between {
+    justify-content: space-between;
+    align-items: center;
+}
+
+.mr-10 {
+    margin-right: 10px;
+}
+
+.iconRotate {
+    transform: rotate(180deg);
+}
+
+.input-title {
+    flex: 1;
+    margin-right: 10px;
+}
+
+.questionRow {
+    display: flex;
+    align-items: center;
+}
+
+.empty_tip {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+}
+
+/* 新增样式 */
+.question-item {
+    border: 1px solid #e8e8e8;
+    border-radius: 6px;
+    padding: 16px;
+    margin-bottom: 12px;
+    background-color: #fafafa;
+}
+
+.question-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #e8e8e8;
+}
+
+.question-type {
+    background-color: #0288d1;
+    color: white;
+    padding: 2px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+}
+
+.question-content {
+    margin-bottom: 12px;
+}
+
+.sub-question-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.question-options {
+    margin-bottom: 12px;
+}
+
+.option-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 10px 0;
+}
+
+.choice-option {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+    padding: 8px;
+    background-color: white;
+    border-radius: 4px;
+}
+
+.fill-blank-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+    padding: 8px;
+    background-color: white;
+    border-radius: 4px;
+}
+
+.add-option-btn {
+    margin-top: 8px;
+    color: #0288d1;
+}
+
+.question-actions {
+    display: flex;
+    gap: 8px;
+    justify-content: flex-end;
+}
+
+.total {
+    color: #666;
+    font-size: 14px;
+}
+
+.sub-question-footer {
+    margin: 10px 0;
+    display: flex;
+    justify-content: end;
+    align-items: center;
+}
+
+.sub-footer-item {
+    display: flex;
+    align-items: center;
+    margin: 0 10px;
+}
+
+/* 复合题样式 */
+.composite-sub-questions {
+    margin-top: 16px;
+}
+
+.composite-sub-item {
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    padding: 12px;
+    margin-bottom: 12px;
+    background-color: #f9f9f9;
+}
+
+.composite-sub-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #e0e0e0;
+}
+
+.composite-sub-content {
+    margin-top: 8px;
+}
+
+.composite-options {
+    margin-top: 8px;
+}
+
+.sub-question-number{
+    display: flex;
+    gap: 6;
+}
+
+.footer-btn {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 0;
+    min-height: 60px;
+}
+
+.footer-left {
+    flex: 0 0 auto;
+    z-index: 1;
+}
+
+.footer-center {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    gap: 4px;
+    font-size: 14px;
+    color: #666;
+    padding: 8px 16px;
+    border-radius: 4px;
+    white-space: nowrap;
+    z-index: 2;
+}
+
+.footer-center span {
+    font-weight: 500;
+    margin: 0 6px;
+}
+
+.footer-right {
+    flex: 0 0 auto;
+    z-index: 1;
+}
+
+
+/* 响应式布局 */
+@media (max-width: 1200px) {
+    .footer-btn {
+        flex-direction: column;
+        gap: 16px;
+        align-items: center;
+    }
+    
+    .footer-center {
+        position: static;
+        transform: none;
+        order: 2;
+        margin: 8px 0;
+    }
+    
+    .footer-left {
+        order: 1;
+    }
+    
+    .footer-right {
+        order: 3;
+    }
+}
+</style>
diff --git a/src/views/teacher/course/ExamPages/ExamLibrary.vue b/src/views/teacher/course/ExamPages/ExamLibrary.vue
new file mode 100644
index 0000000..d39b58b
--- /dev/null
+++ b/src/views/teacher/course/ExamPages/ExamLibrary.vue
@@ -0,0 +1,236 @@
+<template>
+    <n-config-provider :theme-overrides="themeOverrides">
+        <div class="exam-library-container">
+            <div class="header-section">
+                <h1 class="title">试卷库</h1>
+                <n-space class="actions-group">
+                    <n-button type="primary" @click="handleAddExam">添加试卷</n-button>
+                    <n-button ghost>导入</n-button>
+                    <n-button ghost>导出</n-button>
+                    <n-button type="error" ghost>删除</n-button>
+                    <n-input placeholder="请输入想要搜索的内容" />
+                    <n-button type="primary">搜索</n-button>
+                </n-space>
+            </div>
+
+            <n-data-table :columns="columns" :data="examData" :row-key="(row: Exam) => row.id"
+                @update:checked-row-keys="handleCheck" class="exam-table" :single-line="false" />
+
+            <div class="pagination-container">
+                <n-pagination v-model:page="currentPage" :page-count="totalPages" />
+            </div>
+        </div>
+    </n-config-provider>
+</template>
+
+<script setup lang="ts">
+import { h, ref, VNode } from 'vue';
+import { NButton, NSpace, useMessage, NDataTable, NPagination, NInput, NConfigProvider } from 'naive-ui';
+import type { DataTableColumns, GlobalThemeOverrides } from 'naive-ui';
+import { useRouter } from 'vue-router';
+const router = useRouter();
+
+// 定义考试条目的数据类型
+type Exam = {
+    id: number;
+    name: string;
+    category: '练习' | '考试';
+    questionCount: number;
+    chapter: string;
+    totalScore: number;
+    difficulty: '易' | '中' | '难';
+    status: '发布中' | '未发布' | '已结束';
+    startTime: string;
+    endTime: string;
+    creator: string;
+    creationTime: string;
+};
+
+// 自定义主题颜色
+const themeOverrides: GlobalThemeOverrides = {
+    common: {
+        primaryColor: '#0288D1',
+        primaryColorHover: '#0277BD', // A slightly darker shade for hover
+        primaryColorPressed: '#01579B', // A darker shade for pressed
+        errorColor: '#FF4D4F',
+        errorColorHover: '#E54547',
+        errorColorPressed: '#C0383A',
+    },
+    Button: {
+        // For ghost primary buttons
+        textColorGhostPrimary: '#0288D1',
+        borderPrimary: '1px solid #0288D1',
+        // For ghost error buttons
+        textColorGhostError: '#FF4D4F',
+        borderError: '1px solid #FF4D4F',
+    },
+    Pagination: {
+        itemColorActive: '#0288D1',
+        itemTextColorActive: '#fff',
+        itemBorderActive: '1px solid #0288D1',
+        itemColorActiveHover: '#0277BD', // 使用比主色稍深一点的颜色
+        itemTextColorActiveHover: '#fff', // 保持文字为白色
+        itemBorderActiveHover: '1px solid #0277BD' // 边框颜色也相应加深
+    }
+};
+
+
+const message = useMessage();
+
+// 创建表格列的函数
+const createColumns = ({
+    handleAction,
+}: {
+    handleAction: (action: string, rowData: Exam) => void;
+}): DataTableColumns<Exam> => {
+    return [
+        {
+            type: 'selection',
+        },
+        {
+            title: '序号',
+            key: 'id',
+            width: 60,
+            align: 'center',
+        },
+        {
+            title: '试卷名称',
+            key: 'name',
+        },
+        {
+            title: '分类',
+            key: 'category',
+        },
+        {
+            title: '题量',
+            key: 'questionCount',
+        },
+        {
+            title: '所属章节',
+            key: 'chapter',
+        },
+        {
+            title: '总分',
+            key: 'totalScore',
+        },
+        {
+            title: '难度',
+            key: 'difficulty',
+        },
+        {
+            title: '状态',
+            key: 'status',
+        },
+        {
+            title: '起止时间',
+            key: 'startTime',
+            render(row) {
+                return `${row.startTime} - ${row.endTime}`;
+            },
+        },
+        {
+            title: '创建人',
+            key: 'creator',
+        },
+        {
+            title: '创建时间',
+            key: 'creationTime',
+        },
+        {
+            title: '操作',
+            key: 'actions',
+            render(row) {
+                const buttons: VNode[] = [];
+                if (row.status === '发布中') {
+                    buttons.push(
+                        h(NButton, { size: 'small', type: 'primary', ghost: true, style: 'margin: 0 3px;', onClick: () => handleAction('批阅', row) }, { default: () => '批阅' })
+                    );
+                } else if (row.status === '未发布') {
+                    buttons.push(
+                        h(NButton, { size: 'small', type: 'primary', style: 'margin: 0 3px;', onClick: () => handleAction('发布', row) }, { default: () => '发布' })
+                    );
+                }
+
+                buttons.push(
+                    h(NButton, { size: 'small', type: 'primary', ghost: true, style: 'margin: 0 3px;', onClick: () => handleAction('编辑', row) }, { default: () => '编辑' })
+                );
+                buttons.push(
+                    h(NButton, { size: 'small', type: 'error', ghost: true, style: 'margin: 0 3px;', onClick: () => handleAction('删除', row) }, { default: () => '删除' })
+                );
+                return h(NSpace, {}, { default: () => buttons });
+            },
+        },
+    ];
+};
+
+// 模拟数据
+const examData = ref<Exam[]>([
+    { id: 1, name: '试卷名称试卷名称', category: '练习', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 2, name: '试卷名称试卷名称', category: '考试', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '未发布', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 3, name: '试卷名称试卷名称', category: '练习', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 4, name: '试卷名称试卷名称', category: '考试', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 5, name: '试卷名称试卷名称', category: '练习', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 6, name: '试卷名称试卷名称', category: '考试', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '未发布', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 7, name: '试卷名称试卷名称', category: '练习', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '发布中', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+    { id: 8, name: '试卷名称试卷名称', category: '考试', questionCount: 100, chapter: '第一节 开课前准备', totalScore: 150, difficulty: '易', status: '未发布', startTime: '2025.07.25 09:20', endTime: '2025.07.25 09:20', creator: '王建国', creationTime: '2025.07.25 9:20' },
+]);
+
+const columns = createColumns({
+    handleAction: (action, row) => {
+        message.info(`执行操作: ${action} on row ${row.id}`);
+    },
+});
+
+const checkedRowKeys = ref<Array<string | number>>([]);
+const handleCheck = (rowKeys: Array<string | number>) => {
+    checkedRowKeys.value = rowKeys;
+};
+
+// 分页状态
+const currentPage = ref(1);
+const totalPages = ref(29); // 来自图片
+
+const handleAddExam = () => {
+    // 这里可以添加导航到添加试卷页面的逻辑
+    router.push({ name: 'AddExam' });
+};
+
+</script>
+
+<style scoped>
+.exam-library-container {
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 8px;
+}
+
+.header-section {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-bottom: 20px;
+    border-bottom: 1px solid #E6E6E6;
+}
+
+.title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 500;
+}
+
+.actions-group {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.exam-table {
+    margin-top: 20px;
+}
+
+.pagination-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+</style>
diff --git a/src/views/teacher/course/ExamPages/MarkingCenter.vue b/src/views/teacher/course/ExamPages/MarkingCenter.vue
new file mode 100644
index 0000000..eb2fad6
--- /dev/null
+++ b/src/views/teacher/course/ExamPages/MarkingCenter.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <h1>阅卷中心</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/teacher/course/PracticeManagement.vue b/src/views/teacher/course/PracticeManagement.vue
index 9a91db7..9e64950 100644
--- a/src/views/teacher/course/PracticeManagement.vue
+++ b/src/views/teacher/course/PracticeManagement.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="practice-management">
-    <div class="content-placeholder">
-      <h2>练考通管理</h2>
-      <p>练考通管理功能正在开发中...</p>
-    </div>
+    <router-view></router-view>
   </div>
 </template>
 
@@ -17,20 +14,4 @@
   background: #fff;
   height: 100%;
 }
-
-.content-placeholder {
-  text-align: center;
-  padding: 60px 20px;
-}
-
-.content-placeholder h2 {
-  font-size: 24px;
-  color: #333;
-  margin-bottom: 20px;
-}
-
-.content-placeholder p {
-  font-size: 16px;
-  color: #666;
-}
 </style>