From 638e939fe5ec4ec6fd66a8c110c7026e502927fe Mon Sep 17 00:00:00 2001
From: yuk255 <yuk255@qq.com>
Date: Mon, 25 Aug 2025 20:23:48 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=B7=BB=E5=8A=A0=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=AF=95=E9=A2=98=E5=8A=9F=E8=83=BD=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=EF=BC=9B=E6=B7=BB=E5=8A=A0=E8=AF=95=E9=A2=98=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=9A=84=E5=88=86=E7=B1=BB=E5=AF=B9=E5=BA=94=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=EF=BC=9B=E5=88=A0=E9=99=A4=E4=B8=80=E4=BA=9B=E4=B8=8D=E5=86=8D?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=9A=84=E7=BB=84=E4=BB=B6=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=EF=BC=9B=E5=85=B6=E4=BB=96=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/teacher/CompositeQuestion.vue  |  394 +++++
 src/components/teacher/FillBlankQuestion.vue  |  280 +++
 .../teacher/MultipleChoiceQuestion.vue        |  260 +++
 .../teacher/QuestionTypeContainer.vue         |  170 ++
 .../teacher/ShortAnswerQuestion.vue           |  132 ++
 .../teacher/SingleChoiceQuestion.vue          |  239 +++
 src/components/teacher/TrueFalseQuestion.vue  |  194 +++
 src/router/index.ts                           |    7 +
 src/views/teacher/AdminDashboard.vue          |    8 +
 src/views/teacher/ExamPages/AddQuestion.vue   | 1382 +++++++++++++++
 .../teacher/ExamPages/QuestionManagement.vue  |  352 +++-
 .../teacher/course/ExamPages/AddExam.vue      | 1544 -----------------
 .../teacher/course/ExamPages/ExamLibrary.vue  |  210 ---
 .../course/ExamPages/MarkingCenter.vue        |   11 -
 14 files changed, 3409 insertions(+), 1774 deletions(-)
 create mode 100644 src/components/teacher/CompositeQuestion.vue
 create mode 100644 src/components/teacher/FillBlankQuestion.vue
 create mode 100644 src/components/teacher/MultipleChoiceQuestion.vue
 create mode 100644 src/components/teacher/QuestionTypeContainer.vue
 create mode 100644 src/components/teacher/ShortAnswerQuestion.vue
 create mode 100644 src/components/teacher/SingleChoiceQuestion.vue
 create mode 100644 src/components/teacher/TrueFalseQuestion.vue
 create mode 100644 src/views/teacher/ExamPages/AddQuestion.vue
 delete mode 100644 src/views/teacher/course/ExamPages/AddExam.vue
 delete mode 100644 src/views/teacher/course/ExamPages/ExamLibrary.vue
 delete mode 100644 src/views/teacher/course/ExamPages/MarkingCenter.vue

diff --git a/src/components/teacher/CompositeQuestion.vue b/src/components/teacher/CompositeQuestion.vue
new file mode 100644
index 0000000..67462d3
--- /dev/null
+++ b/src/components/teacher/CompositeQuestion.vue
@@ -0,0 +1,394 @@
+<template>
+    <div class="composite-question-container">
+        <!-- 题目内容 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title required">题目内容</h3>
+                </div>
+                <n-form-item label="" required>
+                    <n-input 
+                        :value="title"
+                        @update:value="(value: string) => $emit('update:title', value)"
+                        type="textarea" 
+                        placeholder="请输入题目内容或阅读材料..."
+                        :rows="6" 
+                        show-count 
+                        maxlength="2000" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+
+        <!-- 小题目列表 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title required">小题目</h3>
+                    <n-button type="primary" size="small" @click="addSubQuestion">
+                        添加小题
+                    </n-button>
+                </div>
+                
+                <!-- 如果没有小题，显示提示 -->
+                <div v-if="subQuestions.length === 0" class="empty-state">
+                    <n-text depth="3">请至少添加一道小题</n-text>
+                </div>
+
+                <!-- 小题目列表 -->
+                <div v-else class="sub-questions-list">
+                    <div v-for="(subQuestion, index) in subQuestions" :key="subQuestion.id" class="sub-question-item">
+                        <div class="sub-question-header">
+                            <div class="sub-question-title">
+                                <span class="sub-question-number">第{{ index + 1 }}题</span>
+                                <div class="score-input">
+                                    <span style="margin-right: 8px;">选择题型:</span>
+                                    <n-select 
+                                        :value="subQuestion.type"
+                                        @update:value="(value: string) => updateSubQuestionType(index, value)"
+                                        :options="questionTypeOptions"
+                                        placeholder="选择题型"
+                                        style="width: 150px; margin-left: 12px;"
+                                    />
+                                </div>
+                                <div class="score-input">
+                                    <span style="margin-right: 8px;">分值:</span>
+                                    <n-input-number
+                                        :value="subQuestion.score"
+                                        @update:value="(value: number | null) => updateSubQuestionScore(index, value)"
+                                        :min="0.5"
+                                        :max="100"
+                                        :step="0.5"
+                                        size="small"
+                                    />
+                                </div>
+                            </div>
+                            <n-button 
+                                type="error" 
+                                size="small" 
+                                text
+                                @click="removeSubQuestion(index)"
+                                :disabled="subQuestions.length === 1"
+                            >
+                                删除
+                            </n-button>
+                        </div>
+
+                        <!-- 小题目内容 -->
+                        <div class="sub-question-content">
+                            <component
+                                :is="getComponentName(subQuestion.type)"
+                                v-if="subQuestion.type"
+                                :id="subQuestion.id"
+                                :title="subQuestion.title"
+                                @update:title="(value: string) => updateSubQuestionTitle(index, value)"
+                                :model-value="subQuestion.data"
+                                @update:model-value="(value: any) => updateSubQuestionData(index, value)"
+                                :correct-answer="subQuestion.correctAnswer"
+                                @update:correct-answer="(value: any) => updateSubQuestionCorrectAnswer(index, value)"
+                                :correct-answers="subQuestion.correctAnswers"
+                                @update:correct-answers="(value: any) => updateSubQuestionCorrectAnswers(index, value)"
+                                :answer="subQuestion.answer"
+                                @update:answer="(value: any) => updateSubQuestionAnswer(index, value)"
+                                :answers="subQuestion.answers"
+                                @update:answers="(value: any) => updateSubQuestionAnswers(index, value)"
+                                :explanation="subQuestion.explanation"
+                                @update:explanation="(value: string) => updateSubQuestionExplanation(index, value)"
+                            />
+                        </div>
+                    </div>
+                </div>
+
+                <n-button type="primary" size="small" @click="addSubQuestion" style="margin-top: 10px;">
+                    添加小题
+                </n-button>
+            </n-card>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { NCard, NFormItem, NInput, NButton, NText, NSelect, NInputNumber } from 'naive-ui'
+import SingleChoiceQuestion from './SingleChoiceQuestion.vue'
+import MultipleChoiceQuestion from './MultipleChoiceQuestion.vue'
+import TrueFalseQuestion from './TrueFalseQuestion.vue'
+import FillBlankQuestion from './FillBlankQuestion.vue'
+import ShortAnswerQuestion from './ShortAnswerQuestion.vue'
+
+interface SubQuestion {
+    id: number
+    type: string
+    title: string
+    score: number
+    data: any
+    correctAnswer?: any
+    correctAnswers?: any
+    answer?: any
+    answers?: any
+    explanation: string
+}
+
+interface CompositeQuestionData {
+    subQuestions: SubQuestion[]
+}
+
+interface Props {
+    title: string
+    modelValue: CompositeQuestionData
+    explanation: string
+}
+
+interface Emits {
+    (e: 'update:title', value: string): void
+    (e: 'update:modelValue', value: CompositeQuestionData): void
+    (e: 'update:explanation', value: string): void
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits<Emits>()
+
+// 题型选项
+const questionTypeOptions = [
+    { label: '单选题', value: 'single' },
+    { label: '多选题', value: 'multiple' },
+    { label: '判断题', value: 'truefalse' },
+    { label: '填空题', value: 'fillblank' },
+    { label: '简答题', value: 'shortanswer' }
+]
+
+// 小题目列表
+const subQuestions = ref<SubQuestion[]>(props.modelValue?.subQuestions || [])
+
+// 下一个ID
+let nextId = 1
+
+// 监听props变化
+watch(() => props.modelValue, (newValue) => {
+    if (newValue?.subQuestions) {
+        subQuestions.value = newValue.subQuestions
+    }
+}, { deep: true })
+
+// 发射更新事件
+const emitUpdate = () => {
+    emit('update:modelValue', {
+        subQuestions: subQuestions.value
+    })
+}
+
+// 获取组件名称
+const getComponentName = (type: string) => {
+    const componentMap: Record<string, any> = {
+        single: SingleChoiceQuestion,
+        multiple: MultipleChoiceQuestion,
+        truefalse: TrueFalseQuestion,
+        fillblank: FillBlankQuestion,
+        shortanswer: ShortAnswerQuestion
+    }
+    return componentMap[type]
+}
+
+// 添加小题
+const addSubQuestion = () => {
+    const newSubQuestion: SubQuestion = {
+        id: nextId++,
+        type: '',
+        title: '',
+        score: 5,
+        data: null,
+        explanation: ''
+    }
+    subQuestions.value.push(newSubQuestion)
+    emitUpdate()
+}
+
+// 删除小题
+const removeSubQuestion = (index: number) => {
+    subQuestions.value.splice(index, 1)
+    emitUpdate()
+}
+
+// 更新小题类型
+const updateSubQuestionType = (index: number, type: string) => {
+    const subQuestion = subQuestions.value[index]
+    subQuestion.type = type
+    
+    // 根据题型初始化数据
+    switch (type) {
+        case 'single':
+            subQuestion.data = [{ option: '', id: 1 }, { option: '', id: 2 }]
+            subQuestion.correctAnswer = ''
+            break
+        case 'multiple':
+            subQuestion.data = [{ option: '', id: 1 }, { option: '', id: 2 }]
+            subQuestion.correctAnswers = []
+            break
+        case 'truefalse':
+            subQuestion.answer = null
+            break
+        case 'fillblank':
+            subQuestion.answers = [{ value: '', score: 1, caseSensitive: false }]
+            break
+        case 'shortanswer':
+            subQuestion.data = ''
+            break
+    }
+    
+    emitUpdate()
+}
+
+// 更新小题分值
+const updateSubQuestionScore = (index: number, score: number | null) => {
+    if (score !== null) {
+        subQuestions.value[index].score = score
+        emitUpdate()
+    }
+}
+
+// 更新小题标题
+const updateSubQuestionTitle = (index: number, title: string) => {
+    subQuestions.value[index].title = title
+    emitUpdate()
+}
+
+// 更新小题数据
+const updateSubQuestionData = (index: number, data: any) => {
+    subQuestions.value[index].data = data
+    emitUpdate()
+}
+
+// 更新小题正确答案
+const updateSubQuestionCorrectAnswer = (index: number, correctAnswer: any) => {
+    subQuestions.value[index].correctAnswer = correctAnswer
+    emitUpdate()
+}
+
+// 更新小题多选答案
+const updateSubQuestionCorrectAnswers = (index: number, correctAnswers: any) => {
+    subQuestions.value[index].correctAnswers = correctAnswers
+    emitUpdate()
+}
+
+// 更新小题答案
+const updateSubQuestionAnswer = (index: number, answer: any) => {
+    subQuestions.value[index].answer = answer
+    emitUpdate()
+}
+
+// 更新小题答案组
+const updateSubQuestionAnswers = (index: number, answers: any) => {
+    subQuestions.value[index].answers = answers
+    emitUpdate()
+}
+
+// 更新小题解析
+const updateSubQuestionExplanation = (index: number, explanation: string) => {
+    subQuestions.value[index].explanation = explanation
+    emitUpdate()
+}
+
+// 初始化：如果没有小题，添加一个
+if (subQuestions.value.length === 0) {
+    addSubQuestion()
+}
+</script>
+
+<style scoped>
+.composite-question-container {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.form-section {
+    margin-bottom: 16px;
+}
+
+.section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+}
+
+.section-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 600;
+    color: #333;
+}
+
+.section-title.required::after {
+    content: ' *';
+    color: #d03050;
+}
+
+.empty-state {
+    padding: 40px;
+    text-align: center;
+    background: #fafafa;
+    border-radius: 6px;
+    border: 1px dashed #d9d9d9;
+}
+
+.sub-questions-list {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.sub-question-item {
+    border: 1px solid #e0e0e0;
+    border-radius: 8px;
+    padding: 16px;
+    background: #fafafa;
+}
+
+.sub-question-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid #e8e8e8;
+}
+
+.sub-question-title {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.sub-question-number {
+    font-weight: 600;
+    color: #333;
+    min-width: 60px;
+}
+
+.score-input {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+    margin-right: 12px;
+}
+
+.sub-question-content {
+    background: white;
+    border-radius: 6px;
+    padding: 16px;
+}
+
+/* 覆盖子组件的样式，避免嵌套太深 */
+.sub-question-content :deep(.form-section) {
+    margin-bottom: 12px;
+}
+
+.sub-question-content :deep(.section-header) {
+    margin-bottom: 12px;
+}
+
+.sub-question-content :deep(.section-title) {
+    font-size: 14px;
+}
+</style>
diff --git a/src/components/teacher/FillBlankQuestion.vue b/src/components/teacher/FillBlankQuestion.vue
new file mode 100644
index 0000000..251e3d0
--- /dev/null
+++ b/src/components/teacher/FillBlankQuestion.vue
@@ -0,0 +1,280 @@
+<template>
+    <div class="fill-blank-container">
+        <!-- 题目内容 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title required">题目内容</h3>
+                </div>
+                <n-form-item label="" required>
+                    <n-input 
+                        :value="title"
+                        @update:value="(value: string) => $emit('update:title', value)"
+                        type="textarea" 
+                        placeholder="请输入题目内容..."
+                        :rows="4" 
+                        show-count 
+                        maxlength="500" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+
+        <!-- 填空答案 -->
+        <n-card size="small">
+            <div class="section-header">
+                <h3 class="section-title required">填空答案</h3>
+            </div>
+            <div class="answers-container">
+                <div v-for="(answer, index) in answers" :key="index" class="answer-item">
+                    <div class="answer-header">
+                        <span class="answer-number">{{ index + 1 }}.</span>
+                        <span class="answer-label">请输入答案</span>
+                    </div>
+                    <div class="answer-content">
+                        <n-input :value="answer.content"
+                            @update:value="(value: string) => handleUpdateAnswer(index, 'content', value)"
+                            placeholder="请输入答案内容" show-count maxlength="100" class="answer-input" />
+                        <div class="answer-settings">
+                            <div class="score-setting">
+                                <span class="setting-label">得分：</span>
+                                <n-input type="number" :value="answer.score"
+                                    @update:value="(value: number | null) => handleUpdateAnswer(index, 'score', value || 0)"
+                                    :min="0" :max="100" :step="0.5" :precision="1" size="small" />
+                            </div>
+                            <div class="case-setting">
+                                <span class="setting-label">区分大小写：</span>
+                                <n-select :value="answer.caseSensitive ? '区分' : '不区分'"
+                                    @update:value="(value: string) => handleUpdateAnswer(index, 'caseSensitive', value === '区分')"
+                                    :options="caseOptions" size="small" class="case-select" />
+                            </div>
+                            <n-button v-if="answers.length > 1" @click="handleRemoveAnswer(index)" type="error" ghost
+                                size="small" class="delete-answer-btn">
+                                删除
+                            </n-button>
+                        </div>
+                    </div>
+                </div>
+                <n-button v-if="answers.length < 10" @click="handleAddAnswer" dashed block class="add-answer-btn">
+                    + 添加填空
+                </n-button>
+            </div>
+        </n-card>
+
+        <!-- 答案解析 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title">答案解析</h3>
+                </div>
+                <n-form-item label="">
+                    <n-input 
+                        :value="explanation"
+                        @update:value="(value: string) => $emit('update:explanation', value)"
+                        type="textarea"
+                        placeholder="请输入答案解析..." 
+                        :rows="3" 
+                        show-count 
+                        maxlength="300" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, defineEmits } from 'vue';
+
+interface FillBlankAnswer {
+    content: string;
+    score: number;
+    caseSensitive: boolean;
+}
+
+interface Props {
+    answers: FillBlankAnswer[];
+    title: string;
+    explanation: string;
+}
+
+interface Emits {
+    (e: 'update:answers', value: FillBlankAnswer[]): void;
+    (e: 'update:title', value: string): void;
+    (e: 'update:explanation', value: string): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+// 大小写选项
+const caseOptions = [
+    { label: '不区分', value: '不区分' },
+    { label: '区分', value: '区分' }
+];
+
+// 添加填空
+const handleAddAnswer = () => {
+    const newAnswers = [...props.answers, {
+        content: '',
+        score: 1,
+        caseSensitive: false
+    }];
+    emit('update:answers', newAnswers);
+};
+
+// 删除填空
+const handleRemoveAnswer = (index: number) => {
+    if (props.answers.length > 1) {
+        const newAnswers = [...props.answers];
+        newAnswers.splice(index, 1);
+        emit('update:answers', newAnswers);
+    }
+};
+
+// 更新填空答案
+const handleUpdateAnswer = (index: number, field: keyof FillBlankAnswer, value: any) => {
+    const newAnswers = [...props.answers];
+    newAnswers[index] = { ...newAnswers[index], [field]: value };
+    emit('update:answers', newAnswers);
+};
+</script>
+
+<style scoped>
+.fill-blank-container {
+    margin-bottom: 24px;
+}
+
+.form-section {
+    margin: 16px 0;
+    padding: 0;
+    background-color: transparent;
+    border-radius: 0;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.required::before {
+    content: "*";
+    color: red;
+}
+
+.section-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+    padding-bottom: 8px;
+}
+
+.answers-container {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.answer-item {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 12px;
+    border: 1px solid #e0e0e0;
+}
+
+.answer-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 12px;
+}
+
+.answer-number {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.answer-label {
+    font-size: 14px;
+    color: #666;
+}
+
+.answer-content {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.answer-input {
+    width: 100%;
+}
+
+.answer-settings {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 24px;
+    flex-wrap: wrap;
+}
+
+.score-setting,
+.case-setting {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 6px;
+}
+
+.setting-label {
+    font-size: 14px;
+    color: #666;
+    white-space: nowrap;
+}
+
+.score-input {
+    width: 80px;
+}
+
+.case-select {
+    width: 100px;
+}
+
+.delete-answer-btn {
+    height: 32px;
+    padding: 0 12px;
+    align-self: flex-start;
+}
+
+.add-answer-btn {
+    margin-top: 8px;
+    height: 40px;
+    color: #666;
+    background-color: #fafafa;
+}
+
+.add-answer-btn:hover {
+    border-color: #1890ff;
+    color: #1890ff;
+}
+
+@media (max-width: 768px) {
+    .answer-settings {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 12px;
+    }
+
+    .score-setting,
+    .case-setting {
+        width: 100%;
+        justify-content: space-between;
+    }
+}
+</style>
diff --git a/src/components/teacher/MultipleChoiceQuestion.vue b/src/components/teacher/MultipleChoiceQuestion.vue
new file mode 100644
index 0000000..e6d4bec
--- /dev/null
+++ b/src/components/teacher/MultipleChoiceQuestion.vue
@@ -0,0 +1,260 @@
+<template>
+    <div class="multiple-choice-container">
+        <!-- 题目内容 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title required">题目内容</h3>
+                </div>
+                <n-form-item label="" required>
+                    <n-input 
+                        :value="title"
+                        @update:value="(value: string) => $emit('update:title', value)"
+                        type="textarea" 
+                        placeholder="请输入题目内容..."
+                        :rows="4" 
+                        show-count 
+                        maxlength="500" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+
+        <!-- 选择答案 -->
+        <n-card size="small">
+            <div class="section-header">
+                <h3 class="section-title required">选择答案</h3>
+            </div>
+            <div class="options-container">
+                <div 
+                    v-for="(option, index) in modelValue" 
+                    :key="index" 
+                    class="option-item"
+                    :class="{ 'is-selected': correctAnswers.includes(index) }"
+                >
+                    <div class="option-content">
+                        <div class="option-left">
+                            <n-checkbox
+                                :checked="correctAnswers.includes(index)"
+                                @update:checked="(checked: boolean) => handleToggleCorrectAnswer(index, checked)"
+                                class="correct-checkbox"
+                            />
+                            <span class="option-label">{{ String.fromCharCode(65 + index) }}</span>
+                        </div>
+                        <n-input
+                            :value="option.content"
+                            @update:value="(value: string) => handleUpdateOption(index, value)"
+                            placeholder="请输入内容"
+                            show-count
+                            maxlength="200"
+                            class="option-input"
+                        />
+                        <n-button 
+                            v-if="modelValue.length > 2"
+                            @click="handleRemoveOption(index)" 
+                            type="error" 
+                            ghost 
+                            size="small"
+                            class="delete-option-btn"
+                        >
+                            删除
+                        </n-button>
+                    </div>
+                </div>
+                <n-button 
+                    v-if="modelValue.length < 6"
+                    @click="handleAddOption" 
+                    dashed 
+                    block
+                    class="add-option-btn"
+                >
+                    + 添加选项
+                </n-button>
+            </div>
+        </n-card>
+
+        <!-- 答案解析 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title">答案解析</h3>
+                </div>
+                <n-form-item label="">
+                    <n-input 
+                        :value="explanation"
+                        @update:value="(value: string) => $emit('update:explanation', value)"
+                        type="textarea"
+                        placeholder="请输入答案解析..." 
+                        :rows="3" 
+                        show-count 
+                        maxlength="300" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, defineEmits } from 'vue';
+
+interface Option {
+    content: string;
+}
+
+interface Props {
+    modelValue: Option[];
+    correctAnswers: number[];
+    title: string;
+    explanation: string;
+}
+
+interface Emits {
+    (e: 'update:modelValue', value: Option[]): void;
+    (e: 'update:correctAnswers', value: number[]): void;
+    (e: 'update:title', value: string): void;
+    (e: 'update:explanation', value: string): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+// 添加选项
+const handleAddOption = () => {
+    if (props.modelValue.length < 6) {
+        const newOptions = [...props.modelValue, { content: '' }];
+        emit('update:modelValue', newOptions);
+    }
+};
+
+// 删除选项
+const handleRemoveOption = (index: number) => {
+    if (props.modelValue.length > 2) {
+        const newOptions = [...props.modelValue];
+        newOptions.splice(index, 1);
+        emit('update:modelValue', newOptions);
+        
+        // 更新正确答案索引
+        const newCorrectAnswers = props.correctAnswers
+            .filter(i => i !== index)
+            .map(i => i > index ? i - 1 : i);
+        emit('update:correctAnswers', newCorrectAnswers);
+    }
+};
+
+// 更新选项内容
+const handleUpdateOption = (index: number, content: string) => {
+    const newOptions = [...props.modelValue];
+    newOptions[index] = { content };
+    emit('update:modelValue', newOptions);
+};
+
+// 切换正确答案
+const handleToggleCorrectAnswer = (index: number, checked: boolean) => {
+    const newCorrectAnswers = [...props.correctAnswers];
+    
+    if (checked) {
+        if (!newCorrectAnswers.includes(index)) {
+            newCorrectAnswers.push(index);
+        }
+    } else {
+        const idx = newCorrectAnswers.indexOf(index);
+        if (idx > -1) {
+            newCorrectAnswers.splice(idx, 1);
+        }
+    }
+    
+    emit('update:correctAnswers', newCorrectAnswers);
+};
+</script>
+
+<style scoped>
+.multiple-choice-container {
+    margin-bottom: 24px;
+}
+
+.form-section {
+    margin: 16px 0;
+    padding: 0;
+    background-color: transparent;
+    border-radius: 0;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.required::before {
+    content: "*";
+    color: red;
+}
+
+.section-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+    padding-bottom: 8px;
+}
+
+.options-container {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.option-item {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 6px;
+}
+
+.option-content {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.option-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+}
+
+.option-label {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+}
+
+.option-input {
+    flex: 1;
+}
+
+.delete-option-btn {
+    height: 32px;
+    padding: 0 12px;
+    flex-shrink: 0;
+}
+
+.add-option-btn {
+    margin-top: 8px;
+    height: 40px;
+    color: #666;
+    background-color: #fafafa;
+}
+
+.add-option-btn:hover {
+    border-color: #1890ff;
+    color: #1890ff;
+}
+
+.correct-checkbox {
+    color: #52c41a;
+}
+</style>
diff --git a/src/components/teacher/QuestionTypeContainer.vue b/src/components/teacher/QuestionTypeContainer.vue
new file mode 100644
index 0000000..06c1417
--- /dev/null
+++ b/src/components/teacher/QuestionTypeContainer.vue
@@ -0,0 +1,170 @@
+<template>
+    <div class="question-type-container">
+        <!-- 单选题 -->
+        <SingleChoiceQuestion 
+            v-if="questionType === 'single_choice'"
+            v-model="optionsModel"
+            v-model:correctAnswer="correctAnswerModel"
+            v-model:title="titleModel"
+            v-model:explanation="explanationModel"
+        />
+        
+        <!-- 多选题 -->
+        <MultipleChoiceQuestion 
+            v-else-if="questionType === 'multiple_choice'"
+            v-model="optionsModel"
+            v-model:correctAnswers="correctAnswersModel"
+            v-model:title="titleModel"
+            v-model:explanation="explanationModel"
+        />
+        
+        <!-- 判断题 -->
+        <TrueFalseQuestion 
+            v-else-if="questionType === 'true_false'"
+            v-model:answer="trueFalseAnswerModel"
+            v-model:title="titleModel"
+            v-model:explanation="explanationModel"
+        />
+        
+        <!-- 填空题 -->
+        <FillBlankQuestion 
+            v-else-if="questionType === 'fill_blank'"
+            v-model:answers="fillBlankAnswersModel"
+            v-model:title="titleModel"
+            v-model:explanation="explanationModel"
+        />
+        
+        <!-- 简答题 -->
+        <ShortAnswerQuestion 
+            v-else-if="questionType === 'short_answer'"
+            v-model="shortAnswerModel"
+            v-model:title="titleModel"
+            v-model:explanation="explanationModel"
+        />
+        
+        <!-- 复合题 -->
+        <CompositeQuestion 
+            v-else-if="questionType === 'composite'"
+            v-model="compositeDataModel"
+            v-model:title="titleModel"
+            v-model:explanation="explanationModel"
+        />
+        
+        <!-- 其他题型的占位 -->
+        <div v-else class="unsupported-type">
+            <p>{{ questionType }} 题型正在开发中...</p>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import SingleChoiceQuestion from './SingleChoiceQuestion.vue';
+import MultipleChoiceQuestion from './MultipleChoiceQuestion.vue';
+import TrueFalseQuestion from './TrueFalseQuestion.vue';
+import FillBlankQuestion from './FillBlankQuestion.vue';
+import ShortAnswerQuestion from './ShortAnswerQuestion.vue';
+import CompositeQuestion from './CompositeQuestion.vue';
+
+interface Option {
+    content: string;
+}
+
+interface FillBlankAnswer {
+    content: string;
+    score: number;
+    caseSensitive: boolean;
+}
+
+interface CompositeData {
+    subQuestions: any[];
+}
+
+interface Props {
+    questionType: string;
+    options: Option[];
+    correctAnswer: number | null;
+    correctAnswers?: number[];
+    trueFalseAnswer?: boolean | null;
+    fillBlankAnswers?: FillBlankAnswer[];
+    shortAnswer?: string;
+    compositeData?: CompositeData;
+    title: string;
+    explanation: string;
+}
+
+interface Emits {
+    (e: 'update:options', value: Option[]): void;
+    (e: 'update:correctAnswer', value: number | null): void;
+    (e: 'update:correctAnswers', value: number[]): void;
+    (e: 'update:trueFalseAnswer', value: boolean | null): void;
+    (e: 'update:fillBlankAnswers', value: FillBlankAnswer[]): void;
+    (e: 'update:shortAnswer', value: string): void;
+    (e: 'update:compositeData', value: CompositeData): void;
+    (e: 'update:title', value: string): void;
+    (e: 'update:explanation', value: string): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+// 创建计算属性来处理双向绑定
+const optionsModel = computed({
+    get: () => props.options,
+    set: (value: Option[]) => emit('update:options', value)
+});
+
+const correctAnswerModel = computed({
+    get: () => props.correctAnswer,
+    set: (value: number | null) => emit('update:correctAnswer', value)
+});
+
+const correctAnswersModel = computed({
+    get: () => props.correctAnswers || [],
+    set: (value: number[]) => emit('update:correctAnswers', value)
+});
+
+const trueFalseAnswerModel = computed({
+    get: () => props.trueFalseAnswer ?? null,
+    set: (value: boolean | null) => emit('update:trueFalseAnswer', value)
+});
+
+const fillBlankAnswersModel = computed({
+    get: () => props.fillBlankAnswers || [{ content: '', score: 1, caseSensitive: false }],
+    set: (value: FillBlankAnswer[]) => emit('update:fillBlankAnswers', value)
+});
+
+const shortAnswerModel = computed({
+    get: () => props.shortAnswer || '',
+    set: (value: string) => emit('update:shortAnswer', value)
+});
+
+const titleModel = computed({
+    get: () => props.title,
+    set: (value: string) => emit('update:title', value)
+});
+
+const explanationModel = computed({
+    get: () => props.explanation,
+    set: (value: string) => emit('update:explanation', value)
+});
+
+const compositeDataModel = computed({
+    get: () => props.compositeData || { subQuestions: [] },
+    set: (value: CompositeData) => emit('update:compositeData', value)
+});
+</script>
+
+<style scoped>
+.question-type-container {
+    margin-bottom: 24px;
+}
+
+.unsupported-type {
+    padding: 20px;
+    text-align: center;
+    background-color: #f5f5f5;
+    border-radius: 8px;
+    color: #666;
+}
+</style>
diff --git a/src/components/teacher/ShortAnswerQuestion.vue b/src/components/teacher/ShortAnswerQuestion.vue
new file mode 100644
index 0000000..c454be7
--- /dev/null
+++ b/src/components/teacher/ShortAnswerQuestion.vue
@@ -0,0 +1,132 @@
+<template>
+    <div class="short-answer-container">
+        <!-- 题目内容 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title required">题目内容</h3>
+                </div>
+                <n-form-item label="" required>
+                    <n-input 
+                        :value="title"
+                        @update:value="(value: string) => $emit('update:title', value)"
+                        type="textarea" 
+                        placeholder="请输入题目内容..."
+                        :rows="4" 
+                        show-count 
+                        maxlength="500" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+
+        <!-- 参考答案 -->
+        <n-card size="small">
+            <div class="section-header">
+                <h3 class="section-title required">参考答案</h3>
+            </div>
+            <div class="answer-container">
+                <n-input
+                    :value="modelValue"
+                    @update:value="(value: string) => $emit('update:modelValue', value)"
+                    type="textarea"
+                    placeholder="请输入简答题的参考答案..."
+                    :rows="6"
+                    show-count
+                    maxlength="1000"
+                    class="answer-textarea"
+                />
+                <div class="answer-tip">
+                    <n-text depth="3" style="font-size: 12px;">
+                        请输入详细的参考答案，可作为评分依据
+                    </n-text>
+                </div>
+            </div>
+        </n-card>
+
+        <!-- 答案解析 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title">答案解析</h3>
+                </div>
+                <n-form-item label="">
+                    <n-input 
+                        :value="explanation"
+                        @update:value="(value: string) => $emit('update:explanation', value)"
+                        type="textarea"
+                        placeholder="请输入答案解析..." 
+                        :rows="3" 
+                        show-count 
+                        maxlength="300" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, defineEmits } from 'vue';
+
+interface Props {
+    modelValue: string;
+    title: string;
+    explanation: string;
+}
+
+interface Emits {
+    (e: 'update:modelValue', value: string): void;
+    (e: 'update:title', value: string): void;
+    (e: 'update:explanation', value: string): void;
+}
+
+defineProps<Props>();
+defineEmits<Emits>();
+</script>
+
+<style scoped>
+.short-answer-container {
+    margin-bottom: 24px;
+}
+
+.form-section {
+    margin: 16px 0;
+    padding: 0;
+    background-color: transparent;
+    border-radius: 0;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.required::before {
+    content: "*";
+    color: red;
+}
+
+.section-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+    padding-bottom: 8px;
+}
+
+.answer-container {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.answer-textarea {
+    width: 100%;
+}
+
+.answer-tip {
+    margin-top: 4px;
+}
+</style>
diff --git a/src/components/teacher/SingleChoiceQuestion.vue b/src/components/teacher/SingleChoiceQuestion.vue
new file mode 100644
index 0000000..4ceb0c3
--- /dev/null
+++ b/src/components/teacher/SingleChoiceQuestion.vue
@@ -0,0 +1,239 @@
+<template>
+    <div class="single-choice-container">
+        <!-- 题目内容 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title required">题目内容</h3>
+                </div>
+                <n-form-item label="" required>
+                    <n-input 
+                        :value="title"
+                        @update:value="(value: string) => $emit('update:title', value)"
+                        type="textarea" 
+                        placeholder="请输入题目内容..."
+                        :rows="4" 
+                        show-count 
+                        maxlength="500" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+
+        <!-- 选择答案 -->
+        <n-card size="small">
+            <div class="section-header">
+                <h3 class="section-title required">选择答案</h3>
+            </div>
+            <div class="options-container">
+                <div v-for="(option, index) in modelValue" :key="index" class="option-item"
+                    :class="{ 'is-selected': correctAnswer === index }">
+                    <div class="option-content">
+                        <div class="option-left">
+                            <n-radio :checked="correctAnswer === index"
+                                @update:checked="() => handleSetCorrectAnswer(index)" name="correct-answer"
+                                class="correct-radio" />
+                            <span class="option-label">{{ String.fromCharCode(65 + index) }}</span>
+                        </div>
+                        <n-input :value="option.content"
+                            @update:value="(value: string) => handleUpdateOption(index, value)" placeholder="请输入内容"
+                            show-count maxlength="200" class="option-input" />
+                        <n-button v-if="modelValue.length > 2" @click="handleRemoveOption(index)" type="error" ghost
+                            size="small" class="delete-option-btn">
+                            删除
+                        </n-button>
+                    </div>
+                </div>
+                <n-button v-if="modelValue.length < 6" @click="handleAddOption" dashed block class="add-option-btn">
+                    + 添加选项
+                </n-button>
+            </div>
+        </n-card>
+
+        <!-- 答案解析 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title">答案解析</h3>
+                </div>
+                <n-form-item label="">
+                    <n-input 
+                        :value="explanation"
+                        @update:value="(value: string) => $emit('update:explanation', value)"
+                        type="textarea"
+                        placeholder="请输入答案解析..." 
+                        :rows="3" 
+                        show-count 
+                        maxlength="300" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, defineEmits } from 'vue';
+
+interface Option {
+    content: string;
+}
+
+interface Props {
+    modelValue: Option[];
+    correctAnswer: number | null;
+    title: string;
+    explanation: string;
+}
+
+interface Emits {
+    (e: 'update:modelValue', value: Option[]): void;
+    (e: 'update:correctAnswer', value: number | null): void;
+    (e: 'update:title', value: string): void;
+    (e: 'update:explanation', value: string): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+// 添加选项
+const handleAddOption = () => {
+    if (props.modelValue.length < 6) {
+        const newOptions = [...props.modelValue, { content: '' }];
+        emit('update:modelValue', newOptions);
+    }
+};
+
+// 删除选项
+const handleRemoveOption = (index: number) => {
+    if (props.modelValue.length > 2) {
+        const newOptions = [...props.modelValue];
+        newOptions.splice(index, 1);
+        emit('update:modelValue', newOptions);
+
+        // 更新正确答案索引
+        if (props.correctAnswer === index) {
+            emit('update:correctAnswer', null);
+        } else if (props.correctAnswer !== null && props.correctAnswer > index) {
+            emit('update:correctAnswer', props.correctAnswer - 1);
+        }
+    }
+};
+
+// 更新选项内容
+const handleUpdateOption = (index: number, content: string) => {
+    const newOptions = [...props.modelValue];
+    newOptions[index] = { content };
+    emit('update:modelValue', newOptions);
+};
+
+// 设置正确答案
+const handleSetCorrectAnswer = (index: number) => {
+    emit('update:correctAnswer', index);
+};
+</script>
+
+<style scoped>
+.single-choice-container {
+    margin-bottom: 24px;
+}
+
+.form-section {
+    margin: 16px 0;
+    padding: 0;
+    background-color: transparent;
+    border-radius: 0;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.required::before {
+    content: "*";
+    color: red;
+}
+
+.section-number {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    background-color: #1890ff;
+    color: white;
+    border-radius: 50%;
+    font-size: 14px;
+    font-weight: 500;
+}
+
+.section-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+    padding-bottom: 8px;
+}
+
+.options-container {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.option-item {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 6px;
+}
+
+.option-content {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.option-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+}
+
+.option-label {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+}
+
+
+.option-input {
+    flex: 1;
+}
+
+.delete-option-btn {
+    height: 32px;
+    padding: 0 12px;
+    flex-shrink: 0;
+}
+
+.add-option-btn {
+    margin-top: 8px;
+    height: 40px;
+    color: #666;
+    background-color: #fafafa;
+}
+
+.add-option-btn:hover {
+    border-color: #1890ff;
+    color: #1890ff;
+}
+
+.correct-radio {
+    color: #52c41a;
+}
+</style>
diff --git a/src/components/teacher/TrueFalseQuestion.vue b/src/components/teacher/TrueFalseQuestion.vue
new file mode 100644
index 0000000..6254d52
--- /dev/null
+++ b/src/components/teacher/TrueFalseQuestion.vue
@@ -0,0 +1,194 @@
+<template>
+    <div class="true-false-container">
+        <!-- 题目内容 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title required">题目内容</h3>
+                </div>
+                <n-form-item label="" required>
+                    <n-input 
+                        :value="title"
+                        @update:value="(value: string) => $emit('update:title', value)"
+                        type="textarea" 
+                        placeholder="请输入题目内容..."
+                        :rows="4" 
+                        show-count 
+                        maxlength="500" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+
+        <!-- 选择答案 -->
+        <n-card size="small">
+            <div class="section-header">
+                <h3 class="section-title required">选择答案</h3>
+            </div>
+            <div class="options-container">
+                <div class="option-item" :class="{ 'is-selected': answer === true }">
+                    <div class="option-content">
+                        <div class="option-left">
+                            <n-radio
+                                :checked="answer === true"
+                                @update:checked="() => handleSetAnswer(true)"
+                                :name="radioName"
+                                class="correct-radio"
+                            />
+                            <span class="option-label">A</span>
+                        </div>
+                        <div class="option-text">对</div>
+                    </div>
+                </div>
+                
+                <div class="option-item" :class="{ 'is-selected': answer === false }">
+                    <div class="option-content">
+                        <div class="option-left">
+                            <n-radio
+                                :checked="answer === false"
+                                @update:checked="() => handleSetAnswer(false)"
+                                :name="radioName"
+                                class="correct-radio"
+                            />
+                            <span class="option-label">B</span>
+                        </div>
+                        <div class="option-text">错</div>
+                    </div>
+                </div>
+            </div>
+        </n-card>
+
+        <!-- 答案解析 -->
+        <div class="form-section">
+            <n-card size="small">
+                <div class="section-header">
+                    <h3 class="section-title">答案解析</h3>
+                </div>
+                <n-form-item label="">
+                    <n-input 
+                        :value="explanation"
+                        @update:value="(value: string) => $emit('update:explanation', value)"
+                        type="textarea"
+                        placeholder="请输入答案解析..." 
+                        :rows="3" 
+                        show-count 
+                        maxlength="300" 
+                    />
+                </n-form-item>
+            </n-card>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, defineEmits, computed } from 'vue';
+
+interface Props {
+    answer: boolean | null;
+    title: string;
+    explanation: string;
+    id?: string | number; // 添加id prop用于生成唯一的name
+}
+
+interface Emits {
+    (e: 'update:answer', value: boolean | null): void;
+    (e: 'update:title', value: string): void;
+    (e: 'update:explanation', value: string): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+// 生成唯一的radio name
+const radioName = computed(() => `true-false-answer-${props.id || 'default'}`);
+
+// 设置答案
+const handleSetAnswer = (value: boolean) => {
+    emit('update:answer', value);
+};
+</script>
+
+<style scoped>
+.true-false-container {
+    margin-bottom: 24px;
+}
+
+.form-section {
+    margin: 16px 0;
+    padding: 0;
+    background-color: transparent;
+    border-radius: 0;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.required::before {
+    content: "*";
+    color: red;
+}
+
+.section-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+    padding-bottom: 8px;
+}
+
+.options-container {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.option-item {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 6px;
+}
+
+.option-content {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.option-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+}
+
+.option-label {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+}
+
+.option-text {
+    flex: 1;
+    font-size: 16px;
+    color: #333;
+    padding: 8px 12px;
+    background-color: #fafafa;
+    border-radius: 6px;
+    border: 1px solid #e0e0e0;
+}
+
+.option-item.is-selected .option-text {
+    background-color: #e6f7ff;
+    border-color: #1890ff;
+    color: #1890ff;
+}
+
+.correct-radio {
+    color: #52c41a;
+}
+</style>
diff --git a/src/router/index.ts b/src/router/index.ts
index e51629a..4b9ebe5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -61,6 +61,7 @@ import QuestionManagement from '@/views/teacher/ExamPages/QuestionManagement.vue
 import ExamLibrary from '@/views/teacher/ExamPages/ExamLibrary.vue'
 import MarkingCenter from '@/views/teacher/ExamPages/MarkingCenter.vue'
 import AddExam from '@/views/teacher/ExamPages/AddExam.vue'
+import AddQuestion from '@/views/teacher/ExamPages/AddQuestion.vue'
 
 import ChapterEditor from '@/views/teacher/course/ChapterEditor.vue'
 
@@ -267,6 +268,12 @@ const routes: RouteRecordRaw[] = [
             name: 'AddExam',
             component: AddExam,
             meta: { title: '添加试卷' }
+          },
+          {
+            path: 'add-question/:id?',
+            name: 'AddQuestionPage',
+            component: AddQuestion,
+            meta: { title: '添加试题' }
           }
         ]
       },
diff --git a/src/views/teacher/AdminDashboard.vue b/src/views/teacher/AdminDashboard.vue
index 5727b13..af0eba3 100644
--- a/src/views/teacher/AdminDashboard.vue
+++ b/src/views/teacher/AdminDashboard.vue
@@ -498,6 +498,14 @@ const updateActiveNavItem = () => {
     activeNavItem.value = 2; // 我的资源
   } else if (path.includes('personal-center')) {
     activeNavItem.value = 3; // 个人中心
+  } else if (path.includes('exam-management')) {
+    activeNavItem.value = 4; // 考试管理
+    examMenuExpanded.value = true;
+    
+    // 获取路由的最后一层路径（不包含/）
+    const pathSegments = path.split('/');
+    const lastSegment = pathSegments[pathSegments.length - 1];
+    activeSubNavItem.value = lastSegment || '';
   }
 }
 
diff --git a/src/views/teacher/ExamPages/AddQuestion.vue b/src/views/teacher/ExamPages/AddQuestion.vue
new file mode 100644
index 0000000..824eb0d
--- /dev/null
+++ b/src/views/teacher/ExamPages/AddQuestion.vue
@@ -0,0 +1,1382 @@
+<template>
+    <div class="add-question-container">
+        <div class="header-section">
+            <div class="header-left">
+                <n-button quaternary circle size="large" @click="goBack" class="back-button">
+                    <template #icon>
+                        <n-icon>
+                            <ArrowBackOutline />
+                        </n-icon>
+                    </template>
+                </n-button>
+                <h1 class="title">{{ isEditMode ? '编辑试题' : '添加试题' }}</h1>
+            </div>
+            <div class="header-actions">
+                <n-button @click="goBack" ghost>取消</n-button>
+                <n-button type="primary" @click="saveQuestion" :loading="saving">
+                    {{ saving ? (isEditMode ? '更新中...' : '保存中...') : (isEditMode ? '更新试题' : '保存试题') }}
+                </n-button>
+            </div>
+        </div>
+
+        <div class="main-content">
+            <!-- 左侧编辑区域 -->
+            <div class="form-container">
+                <n-form ref="formRef" :model="questionForm" :rules="formRules" label-placement="left" label-width="auto"
+                    require-mark-placement="right-hanging">
+                    <!-- 题型选择 -->
+                    <div class="form-section">
+                        <n-card size="small">
+                            <div class="question-type-tabs">
+                                <h3 class="section-title required">题库类型：</h3>
+                                <button v-for="option in questionTypeOptions" :key="option.value" :class="[
+                                    'type-tab-button',
+                                    { 'active': questionForm.type === option.value }
+                                ]" @click="handleTypeChange(option.value)">
+                                    {{ option.label }}
+                                </button>
+                            </div>
+                        </n-card>
+                    </div>
+
+                    <!-- 题型选项设置 -->
+                    <QuestionTypeContainer v-if="questionForm.type" :questionType="questionForm.type"
+                        v-model:options="questionForm.options" v-model:correctAnswer="questionForm.correctAnswer"
+                        v-model:correctAnswers="questionForm.correctAnswers"
+                        v-model:trueFalseAnswer="questionForm.trueFalseAnswer"
+                        v-model:fillBlankAnswers="questionForm.fillBlankAnswers"
+                        v-model:shortAnswer="questionForm.shortAnswer"
+                        v-model:compositeData="questionForm.compositeData"
+                        v-model:title="questionForm.title"
+                        v-model:explanation="questionForm.explanation" />
+
+                    <!-- 基本信息 -->
+                    <div class="form-section">
+                        <n-card size="small">
+                            <n-form-item label="分类" path="category">
+                                <n-select v-model:value="questionForm.category" :options="categoryOptions"
+                                    placeholder="请选择分类" />
+                            </n-form-item>
+                            <n-form-item label="难度" path="difficulty">
+                                <n-select v-model:value="questionForm.difficulty" :options="difficultyOptions"
+                                    placeholder="请选择难度" />
+                            </n-form-item>
+                            <n-form-item label="分值" path="score">
+                                <n-input type="number" v-model:value="questionForm.score" :min="1" :max="100"
+                                    placeholder="请输入分值" />
+                            </n-form-item>
+                        </n-card>
+                    </div>
+
+                </n-form>
+            </div>
+
+            <!-- 右侧预览区域 -->
+            <div class="preview-container">
+                <div class="preview-header">
+                    <h3>题目预览</h3>
+                </div>
+                <div class="preview-content">
+                    <div v-if="!questionForm.title && !questionForm.type" class="preview-empty">
+                        <n-empty description="请选择题型并输入题目内容" />
+                    </div>
+                    <div v-else class="question-preview">
+                        <!-- 题目序号和内容 -->
+                        <div class="question-header">
+                            <span class="question-number">1.</span>
+                            <span class="question-text">{{ questionForm.title || '请输入题目内容...' }}</span>
+                        </div>
+
+                        <!-- 单选题选项 -->
+                        <div v-if="questionForm.type === 'single_choice'" class="preview-options">
+                            <div v-for="(option, index) in questionForm.options" :key="index"
+                                class="preview-option-item"
+                                :class="{ 'correct-answer': questionForm.correctAnswer === index }">
+                                <span class="option-letter">{{ String.fromCharCode(65 + index) }}</span>
+                                <span class="option-content">{{ option.content || '请输入内容' }}</span>
+                            </div>
+                        </div>
+
+                        <!-- 多选题选项 -->
+                        <div v-if="questionForm.type === 'multiple_choice'" class="preview-options">
+                            <div v-for="(option, index) in questionForm.options" :key="index"
+                                class="preview-option-item"
+                                :class="{ 'correct-answer': questionForm.correctAnswers.includes(index) }">
+                                <span class="option-letter">{{ String.fromCharCode(65 + index) }}</span>
+                                <span class="option-content">{{ option.content || '请输入内容' }}</span>
+                            </div>
+                        </div>
+
+                        <!-- 判断题选项 -->
+                        <div v-if="questionForm.type === 'true_false'" class="preview-options">
+                            <div class="preview-option-item"
+                                :class="{ 'correct-answer': questionForm.trueFalseAnswer === true }">
+                                <span class="option-letter">A</span>
+                                <span class="option-content">对</span>
+                            </div>
+                            <div class="preview-option-item"
+                                :class="{ 'correct-answer': questionForm.trueFalseAnswer === false }">
+                                <span class="option-letter">B</span>
+                                <span class="option-content">错</span>
+                            </div>
+                        </div>
+
+                        <!-- 填空题答案 -->
+                        <div v-if="questionForm.type === 'fill_blank'" class="preview-fill-blanks">
+                            <div v-for="(answer, index) in questionForm.fillBlankAnswers" :key="index" 
+                                class="preview-fill-blank-item">
+                                <div class="blank-number">{{ index + 1 }}.</div>
+                                <div class="blank-content">
+                                    <span class="blank-answer">{{ answer.content || '请输入答案' }}</span>
+                                    <span class="blank-score">({{ answer.score }}分)</span>
+                                    <span v-if="answer.caseSensitive" class="blank-case">区分大小写</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 简答题答案 -->
+                        <div v-if="questionForm.type === 'short_answer'" class="preview-short-answer">
+                            <div class="short-answer-label">参考答案：</div>
+                            <div class="short-answer-content">
+                                {{ questionForm.shortAnswer || '请输入参考答案' }}
+                            </div>
+                        </div>
+
+                        <!-- 复合题预览 -->
+                        <div v-if="questionForm.type === 'composite'" class="preview-composite">
+                            <div v-if="questionForm.compositeData.subQuestions.length === 0" class="composite-empty">
+                                <span class="empty-text">请添加小题</span>
+                            </div>
+                            <div v-else class="composite-sub-questions">
+                                <div v-for="(subQuestion, index) in questionForm.compositeData.subQuestions" 
+                                     :key="subQuestion.id" 
+                                     class="composite-sub-question">
+                                    <div class="sub-question-header">
+                                        <span class="sub-question-number">{{ index + 1 }}.</span>
+                                        <span class="sub-question-title">{{ subQuestion.title || '请输入小题内容...' }}</span>
+                                        <span class="sub-question-type">[{{ getQuestionTypeLabel(subQuestion.type) }}]</span>
+                                        <span class="sub-question-score">({{ subQuestion.score }}分)</span>
+                                    </div>
+                                    
+                                    <!-- 小题选项预览 -->
+                                    <div v-if="subQuestion.type === 'single' && subQuestion.data" class="sub-question-options">
+                                        <div v-for="(option, optIndex) in subQuestion.data" :key="optIndex"
+                                             class="preview-option-item"
+                                             :class="{ 'correct-answer': subQuestion.correctAnswer === optIndex }">
+                                            <span class="option-letter">{{ String.fromCharCode(65 + optIndex) }}</span>
+                                            <span class="option-content">{{ option.option || '请输入内容' }}</span>
+                                        </div>
+                                    </div>
+                                    
+                                    <div v-else-if="subQuestion.type === 'multiple' && subQuestion.data" class="sub-question-options">
+                                        <div v-for="(option, optIndex) in subQuestion.data" :key="optIndex"
+                                             class="preview-option-item"
+                                             :class="{ 'correct-answer': subQuestion.correctAnswers && subQuestion.correctAnswers.includes(optIndex) }">
+                                            <span class="option-letter">{{ String.fromCharCode(65 + optIndex) }}</span>
+                                            <span class="option-content">{{ option.option || '请输入内容' }}</span>
+                                        </div>
+                                    </div>
+                                    
+                                    <div v-else-if="subQuestion.type === 'truefalse'" class="sub-question-options">
+                                        <div class="preview-option-item"
+                                             :class="{ 'correct-answer': subQuestion.answer === true }">
+                                            <span class="option-letter">A</span>
+                                            <span class="option-content">对</span>
+                                        </div>
+                                        <div class="preview-option-item"
+                                             :class="{ 'correct-answer': subQuestion.answer === false }">
+                                            <span class="option-letter">B</span>
+                                            <span class="option-content">错</span>
+                                        </div>
+                                    </div>
+                                    
+                                    <div v-else-if="subQuestion.type === 'fillblank' && subQuestion.answers" class="sub-question-fill-blanks">
+                                        <div v-for="(answer, answerIndex) in subQuestion.answers" :key="answerIndex" 
+                                             class="preview-fill-blank-item">
+                                            <div class="blank-number">{{ answerIndex + 1 }}.</div>
+                                            <div class="blank-content">
+                                                <span class="blank-answer">{{ answer.value || '请输入答案' }}</span>
+                                                <span class="blank-score">({{ answer.score }}分)</span>
+                                                <span v-if="answer.caseSensitive" class="blank-case">区分大小写</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    
+                                    <div v-else-if="subQuestion.type === 'shortanswer'" class="sub-question-short-answer">
+                                        <div class="short-answer-label">参考答案：</div>
+                                        <div class="short-answer-content">
+                                            {{ subQuestion.data || '请输入参考答案' }}
+                                        </div>
+                                    </div>
+                                    
+                                    <!-- 小题解析 -->
+                                    <div v-if="subQuestion.explanation" class="sub-question-explanation">
+                                        <div class="explanation-label">解析：</div>
+                                        <div class="explanation-text">{{ subQuestion.explanation }}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 答案解析 -->
+                        <div v-if="questionForm.explanation" class="preview-explanation">
+                            <div class="explanation-label">答案解析：</div>
+                            <div class="explanation-text">{{ questionForm.explanation }}</div>
+                        </div>
+
+                        <!-- 底部信息 -->
+                        <div class="preview-footer">
+                            <div class="info-row">
+                                <span class="info-label">分类：</span>
+                                <span class="info-value">{{ getCategoryLabel(questionForm.category) || '' }}</span>
+                            </div>
+                            <div class="info-row">
+                                <span class="info-label">难度：</span>
+                                <span class="info-value">{{ getDifficultyLabel(questionForm.difficulty) || '' }}</span>
+                            </div>
+                            <div class="info-row">
+                                <span class="info-label">分值：</span>
+                                <span class="info-value">{{ questionForm.score || null }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { useMessage } from 'naive-ui';
+import { ArrowBackOutline } from '@vicons/ionicons5';
+import QuestionTypeContainer from '@/components/teacher/QuestionTypeContainer.vue';
+
+// 路由和消息
+const router = useRouter();
+const route = useRoute();
+const message = useMessage();
+
+// 编辑模式判断
+const questionId = route.params.id as string | undefined;
+const isEditMode = ref(!!questionId);
+
+// 表单引用
+const formRef = ref();
+const saving = ref(false);
+
+// 题目类型选项
+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 categoryOptions = ref([
+    { label: '分类试题', value: 'category' },
+    { label: '考试试题', value: 'exam' },
+    { label: '练习试题', value: 'practice' },
+    { label: '模拟试题', value: 'simulation' }
+]);
+
+// 难度选项
+const difficultyOptions = ref([
+    { label: '简单', value: 'easy' },
+    { label: '中等', value: 'medium' },
+    { label: '困难', value: 'hard' }
+]);
+
+// 试题表单数据
+const questionForm = reactive({
+    type: 'single_choice', // 默认单选题
+    category: '',
+    difficulty: '',
+    score: 10,
+    title: '',
+    options: [
+        { content: '' },
+        { content: '' },
+        { content: '' },
+        { content: '' }
+    ],
+    correctAnswer: null as number | null, // 单选题正确答案索引
+    correctAnswers: [] as number[], // 多选题正确答案索引数组
+    trueFalseAnswer: null as boolean | null, // 判断题答案
+    fillBlankAnswers: [{ content: '', score: 1, caseSensitive: false }] as Array<{content: string, score: number, caseSensitive: boolean}>, // 填空题答案
+    shortAnswer: '', // 简答题答案
+    compositeData: { subQuestions: [] } as { subQuestions: any[] }, // 复合题数据
+    explanation: '' // 解析
+});
+
+// 表单验证规则
+const formRules = {
+    type: {
+        required: true,
+        message: '请选择题型',
+        trigger: 'change'
+    },
+    category: {
+        required: true,
+        message: '请选择分类',
+        trigger: 'change'
+    },
+    difficulty: {
+        required: true,
+        message: '请选择难度',
+        trigger: 'change'
+    },
+    score: {
+        required: true,
+        type: 'number',
+        message: '请输入分值',
+        trigger: 'blur'
+    },
+    title: {
+        required: true,
+        message: '请输入题目描述',
+        trigger: 'blur'
+    }
+};
+
+// 题型变化处理
+const handleTypeChange = (type: string) => {
+    // 如果题型没有变化，直接返回
+    if (questionForm.type === type) {
+        return;
+    }
+
+    // 设置新的题型
+    questionForm.type = type;
+
+    // 只在新增模式下重置数据，编辑模式下保留现有数据
+    if (!isEditMode.value) {
+        // 重置相关数据
+        questionForm.correctAnswer = null;
+        questionForm.correctAnswers = [];
+        questionForm.trueFalseAnswer = null;
+        questionForm.fillBlankAnswers = [{ content: '', score: 1, caseSensitive: false }];
+        questionForm.shortAnswer = '';
+        questionForm.compositeData = { subQuestions: [] };
+
+        // 根据题型设置选项
+        if (type === 'single_choice' || type === 'multiple_choice') {
+            // 重新初始化选项，确保有至少2个选项
+            questionForm.options = [
+                { content: '' },
+                { content: '' }
+            ];
+        } else {
+            // 对于非选择题，清空选项
+            questionForm.options = [];
+        }
+    }
+};
+
+// 返回上一页
+const goBack = () => {
+    router.back();
+};
+
+// 保存试题
+const saveQuestion = async () => {
+    try {
+        // 表单验证
+        await formRef.value?.validate();
+
+        // 验证答案设置
+        if (!validateAnswers()) {
+            return;
+        }
+
+        saving.value = true;
+
+        // 构建保存数据
+        const saveData = buildSaveData();
+
+        // 模拟保存API - 根据编辑模式调用不同接口
+        if (isEditMode.value && questionId) {
+            await mockUpdateQuestion(questionId, saveData);
+            console.log('更新试题数据:', saveData);
+            message.success('试题更新成功');
+        } else {
+            await mockCreateQuestion(saveData);
+            console.log('保存试题数据:', saveData);
+            message.success('试题保存成功');
+        }
+
+        // 返回试题管理页面
+        router.push('/teacher/exam-management/question-management');
+
+    } catch (error: any) {
+        console.error('保存试题失败:', error);
+
+        // 区分不同类型的错误
+        if (Array.isArray(error) && error.length > 0) {
+            // Naive UI 表单验证错误（数组格式）
+            const firstError = error[0]; // 获取第一个错误
+            if (firstError && firstError[0] && firstError[0].message) {
+                message.error(`表单验证失败：${firstError[0].message}`);
+            } else {
+                message.error('请检查表单填写是否完整');
+            }
+        } else if (error?.message) {
+            // 有具体错误信息的系统错误
+            message.error(`保存失败：${error.message}`);
+        } else if (error?.code) {
+            // 有错误码的情况
+            message.error(`保存失败，错误代码：${error.code}`);
+        } else {
+            // 未知错误
+            message.error('保存失败，请检查网络连接或联系管理员');
+        }
+    } finally {
+        saving.value = false;
+    }
+};
+
+// 验证答案设置
+const validateAnswers = (): boolean => {
+    console.log(questionForm);
+    if (questionForm.title === "") {
+        message.error('请填写题目内容');
+        return false;
+    }
+    
+    switch (questionForm.type) {
+        case 'single_choice':
+            if (questionForm.correctAnswer === null) {
+                message.error('请设置单选题的正确答案');
+                return false;
+            }
+            break;
+        case 'multiple_choice':
+            if (questionForm.correctAnswers.length === 0) {
+                message.error('请设置多选题的正确答案');
+                return false;
+            }
+            break;
+        case 'true_false':
+            if (questionForm.trueFalseAnswer === null) {
+                message.error('请设置判断题的正确答案');
+                return false;
+            }
+            break;
+        case 'fill_blank':
+            if (questionForm.fillBlankAnswers.length === 0 || questionForm.fillBlankAnswers.every(answer => !answer.content.trim())) {
+                message.error('请设置填空题的参考答案');
+                return false;
+            }
+            break;
+        case 'short_answer':
+            if (!questionForm.shortAnswer.trim()) {
+                message.error('请设置简答题的参考答案');
+                return false;
+            }
+            break;
+        case 'composite':
+            return validateCompositeQuestion();
+    }
+    return true;
+};
+
+// 验证复合题设置
+const validateCompositeQuestion = (): boolean => {
+    const compositeData = questionForm.compositeData;
+    
+    // 检查是否有小题
+    if (!compositeData.subQuestions || compositeData.subQuestions.length === 0) {
+        message.error('复合题至少需要添加一道小题');
+        return false;
+    }
+    
+    // 逐个验证小题
+    for (let i = 0; i < compositeData.subQuestions.length; i++) {
+        const subQuestion = compositeData.subQuestions[i];
+        const subIndex = i + 1;
+        
+        // 检查小题题型是否选择
+        if (!subQuestion.type) {
+            message.error(`第${subIndex}小题请选择题型`);
+            return false;
+        }
+        
+        // 检查小题标题
+        if (!subQuestion.title || !subQuestion.title.trim()) {
+            message.error(`第${subIndex}小题请输入题目内容`);
+            return false;
+        }
+        
+        // 根据小题题型验证答案
+        switch (subQuestion.type) {
+            case 'single':
+                if (!subQuestion.data || subQuestion.data.length < 2) {
+                    message.error(`第${subIndex}小题（单选题）至少需要2个选项`);
+                    return false;
+                }
+                
+                // 检查选项内容
+                let validOptionsCount = 0;
+                for (let j = 0; j < subQuestion.data.length; j++) {
+                    if (subQuestion.data[j].option && subQuestion.data[j].option.trim()) {
+                        validOptionsCount++;
+                    }
+                }
+                
+                if (validOptionsCount < 2) {
+                    message.error(`第${subIndex}小题（单选题）至少需要2个有效选项`);
+                    return false;
+                }
+                
+                // 检查是否设置了正确答案
+                if (subQuestion.correctAnswer === null || subQuestion.correctAnswer === undefined) {
+                    message.error(`第${subIndex}小题（单选题）请设置正确答案`);
+                    return false;
+                }
+                
+                // 检查正确答案索引是否有效
+                if (subQuestion.correctAnswer >= subQuestion.data.length || subQuestion.correctAnswer < 0) {
+                    message.error(`第${subIndex}小题（单选题）正确答案设置错误`);
+                    return false;
+                }
+                break;
+                
+            case 'multiple':
+                if (!subQuestion.data || subQuestion.data.length < 2) {
+                    message.error(`第${subIndex}小题（多选题）至少需要2个选项`);
+                    return false;
+                }
+                
+                // 检查选项内容
+                let validMultipleOptionsCount = 0;
+                for (let j = 0; j < subQuestion.data.length; j++) {
+                    if (subQuestion.data[j].option && subQuestion.data[j].option.trim()) {
+                        validMultipleOptionsCount++;
+                    }
+                }
+                
+                if (validMultipleOptionsCount < 2) {
+                    message.error(`第${subIndex}小题（多选题）至少需要2个有效选项`);
+                    return false;
+                }
+                
+                // 检查是否设置了正确答案
+                if (!subQuestion.correctAnswers || subQuestion.correctAnswers.length === 0) {
+                    message.error(`第${subIndex}小题（多选题）请设置正确答案`);
+                    return false;
+                }
+                
+                // 检查正确答案索引是否有效
+                for (let j = 0; j < subQuestion.correctAnswers.length; j++) {
+                    if (subQuestion.correctAnswers[j] >= subQuestion.data.length || subQuestion.correctAnswers[j] < 0) {
+                        message.error(`第${subIndex}小题（多选题）正确答案设置错误`);
+                        return false;
+                    }
+                }
+                break;
+                
+            case 'truefalse':
+                if (!subQuestion.answer) {
+                    message.error(`第${subIndex}小题（判断题）请设置正确答案`);
+                    return false;
+                }
+                break;
+                
+            case 'fillblank':
+                if (!subQuestion.answers || subQuestion.answers.length === 0) {
+                    message.error(`第${subIndex}小题（填空题）请至少添加一个答案`);
+                    return false;
+                }
+                
+                // 检查每个填空答案
+                for (let j = 0; j < subQuestion.answers.length; j++) {
+                    if (!subQuestion.answers[j].value || !subQuestion.answers[j].value.trim()) {
+                        message.error(`第${subIndex}小题（填空题）第${j + 1}个答案内容不能为空`);
+                        return false;
+                    }
+                }
+                break;
+                
+            case 'shortanswer':
+                if (!subQuestion.data || !subQuestion.data.trim()) {
+                    message.error(`第${subIndex}小题（简答题）请设置参考答案`);
+                    return false;
+                }
+                break;
+                
+            default:
+                message.error(`第${subIndex}小题题型设置错误`);
+                return false;
+        }
+        
+        // 检查分值设置
+        if (!subQuestion.score || subQuestion.score <= 0) {
+            message.error(`第${subIndex}小题请设置有效的分值`);
+            return false;
+        }
+    }
+    
+    return true;
+};
+
+// 构建保存数据
+const buildSaveData = () => {
+    const baseData = {
+        type: questionForm.type,
+        category: questionForm.category,
+        difficulty: questionForm.difficulty,
+        score: questionForm.score,
+        title: questionForm.title,
+        explanation: questionForm.explanation
+    };
+
+    switch (questionForm.type) {
+        case 'single_choice':
+        case 'multiple_choice':
+            return {
+                ...baseData,
+                options: questionForm.options,
+                correctAnswer: questionForm.type === 'single_choice' ? questionForm.correctAnswer : undefined,
+                correctAnswers: questionForm.type === 'multiple_choice' ? questionForm.correctAnswers : undefined
+            };
+        case 'true_false':
+            return {
+                ...baseData,
+                answer: questionForm.trueFalseAnswer
+            };
+        case 'fill_blank':
+            return {
+                ...baseData,
+                answers: questionForm.fillBlankAnswers.filter(answer => answer.content.trim())
+            };
+        case 'short_answer':
+            return {
+                ...baseData,
+                answer: questionForm.shortAnswer
+            };
+        case 'composite':
+            return {
+                ...baseData,
+                compositeData: questionForm.compositeData
+            };
+        default:
+            return baseData;
+    }
+};
+
+// 组件挂载
+onMounted(async () => {
+    // 如果是编辑模式，加载题目数据
+    if (isEditMode.value && questionId) {
+        await loadQuestionData(questionId);
+    }
+});
+
+// 加载题目数据
+const loadQuestionData = async (id: string) => {
+    try {
+        // 模拟API调用
+        const response = await mockGetQuestionById(id);
+        
+        if (response.success && response.data) {
+            const questionData = response.data as any; // 使用any类型避免复杂的类型定义
+            
+            // 回显基本信息
+            questionForm.type = questionData.type;
+            questionForm.category = questionData.category;
+            questionForm.difficulty = questionData.difficulty;
+            questionForm.score = questionData.score;
+            questionForm.title = questionData.title;
+            questionForm.explanation = questionData.explanation || '';
+            
+            // 根据题型回显具体数据
+            switch (questionData.type) {
+                case 'single_choice':
+                    questionForm.options = questionData.options || [];
+                    questionForm.correctAnswer = questionData.correctAnswer;
+                    break;
+                case 'multiple_choice':
+                    questionForm.options = questionData.options || [];
+                    questionForm.correctAnswers = questionData.correctAnswers || [];
+                    break;
+                case 'true_false':
+                    questionForm.trueFalseAnswer = questionData.answer;
+                    break;
+                case 'fill_blank':
+                    questionForm.fillBlankAnswers = questionData.answers || [];
+                    break;
+                case 'short_answer':
+                    questionForm.shortAnswer = questionData.answer || '';
+                    break;
+                case 'composite':
+                    questionForm.compositeData = questionData.compositeData || { subQuestions: [] };
+                    break;
+            }
+            
+            message.success('题目数据加载成功');
+        } else {
+            message.error('加载题目数据失败');
+        }
+    } catch (error) {
+        console.error('加载题目数据错误:', error);
+        message.error('加载题目数据失败，请检查网络连接');
+    }
+};
+
+// 模拟获取题目数据的API
+const mockGetQuestionById = async (id: string) => {
+    // 模拟API延迟
+    await new Promise(resolve => setTimeout(resolve, 500));
+    
+    // 模拟返回数据
+    const mockQuestions = {
+        '1': {
+            type: 'single_choice',
+            category: 'exam',
+            difficulty: 'medium',
+            score: 5,
+            title: '以下哪个是Vue.js的核心特性？',
+            explanation: 'Vue.js的核心特性包括响应式数据绑定、组件系统等',
+            options: [
+                { content: '响应式数据绑定' },
+                { content: '虚拟DOM' },
+                { content: '组件系统' },
+                { content: '以上都是' }
+            ],
+            correctAnswer: 3
+        },
+        '2': {
+            type: 'composite',
+            category: 'exam',
+            difficulty: 'hard',
+            score: 20,
+            title: '阅读以下关于JavaScript的材料，并回答相关问题。\\n\\nJavaScript是一种高级的、解释型的编程语言，具有动态类型、原型继承等特性。它最初被设计用于网页开发，但现在已经扩展到服务器端、移动应用等多个领域。',
+            explanation: '这是一道综合性的复合题',
+            compositeData: {
+                subQuestions: [
+                    {
+                        id: 1,
+                        type: 'single',
+                        title: 'JavaScript属于什么类型的编程语言？',
+                        score: 5,
+                        data: [
+                            { option: '编译型', id: 1 },
+                            { option: '解释型', id: 2 },
+                            { option: '汇编型', id: 3 },
+                            { option: '机器型', id: 4 }
+                        ],
+                        correctAnswer: 1,
+                        explanation: 'JavaScript是解释型编程语言'
+                    },
+                    {
+                        id: 2,
+                        type: 'multiple',
+                        title: 'JavaScript有哪些特性？',
+                        score: 10,
+                        data: [
+                            { option: '动态类型', id: 1 },
+                            { option: '原型继承', id: 2 },
+                            { option: '静态类型', id: 3 },
+                            { option: '面向对象', id: 4 }
+                        ],
+                        correctAnswers: [0, 1, 3],
+                        explanation: 'JavaScript具有动态类型、原型继承和面向对象等特性'
+                    }
+                ]
+            }
+        }
+    };
+    
+    const question = mockQuestions[id as keyof typeof mockQuestions];
+    
+    if (question) {
+        return {
+            success: true,
+            data: question
+        };
+    } else {
+        return {
+            success: false,
+            message: '题目不存在'
+        };
+    }
+};
+
+// 模拟创建题目的API
+const mockCreateQuestion = async (data: any) => {
+    // 模拟API延迟
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    
+    // 这里应该调用真实的API
+    console.log('创建题目:', data);
+    
+    return {
+        success: true,
+        data: { id: Math.random().toString(36).substr(2, 9) }
+    };
+};
+
+// 模拟更新题目的API
+const mockUpdateQuestion = async (id: string, data: any) => {
+    // 模拟API延迟
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    
+    // 这里应该调用真实的API
+    console.log('更新题目:', id, data);
+    
+    return {
+        success: true,
+        data: { id }
+    };
+};
+
+
+const getDifficultyLabel = (difficulty: string): string => {
+    const difficultyMap: { [key: string]: string } = {
+        'easy': '简单',
+        'medium': '中等',
+        'hard': '困难'
+    };
+    return difficultyMap[difficulty] || difficulty;
+};
+
+const getCategoryLabel = (category: string): string => {
+    const categoryMap: { [key: string]: string } = {
+        'category': '分类试题',
+        'exam': '考试试题',
+        'practice': '练习试题',
+        'simulation': '模拟试题'
+    };
+    return categoryMap[category] || category;
+};
+
+const getQuestionTypeLabel = (type: string): string => {
+    const typeMap: { [key: string]: string } = {
+        'single': '单选题',
+        'multiple': '多选题',
+        'truefalse': '判断题',
+        'fillblank': '填空题',
+        'shortanswer': '简答题'
+    };
+    return typeMap[type] || type;
+};
+
+</script>
+
+<style scoped>
+.add-question-container {
+    background-color: #fff;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.header-section {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px 24px;
+    border-bottom: 1px solid #E6E6E6;
+    background-color: #fff;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    flex-shrink: 0;
+}
+
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+}
+
+.title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 500;
+    color: #333;
+}
+
+.header-actions {
+    display: flex;
+    gap: 12px;
+}
+
+/* 主体内容区域 */
+.main-content {
+    display: flex;
+    flex: 1;
+    gap: 24px;
+    padding: 24px;
+    background-color: #f8f9fa;
+    min-height: calc(100vh - 80px);
+}
+
+/* 左侧表单区域 */
+.form-container {
+    flex: 1;
+    background-color: #fff;
+    border-radius: 2px;
+    padding: 20px;
+    height: fit-content;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+}
+
+/* 右侧预览区域 */
+.preview-container {
+    width: 420px;
+    background-color: #fff;
+    border-radius: 2px;
+    height: fit-content;
+    position: sticky;
+    top: 100px;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+    border: 1px solid #e8f4fd;
+}
+
+.preview-header {
+    padding: 20px 24px;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.preview-header h3 {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 600;
+}
+
+.preview-content {
+    padding: 24px;
+    max-height: 70vh;
+    overflow-y: auto;
+}
+
+.preview-empty {
+    text-align: center;
+    padding: 40px 20px;
+}
+
+/* 题目预览样式 */
+.question-preview {
+    font-size: 14px;
+    line-height: 1.6;
+}
+
+.question-header {
+    margin-bottom: 20px;
+    display: flex;
+    gap: 8px;
+    align-items: center
+}
+
+.question-number {
+    font-weight: 600;
+    color: #333;
+    font-size: 16px;
+    margin-top: 2px;
+}
+
+.question-text {
+    flex: 1;
+    color: #333;
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+.preview-options {
+    margin-bottom: 20px;
+}
+
+.preview-option-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    margin-bottom: 8px;
+    padding: 8px 0;
+}
+
+.preview-option-item.correct-answer .option-letter {
+    background-color: #1890ff;
+    color: white;
+}
+
+.option-letter {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    background-color: #f5f5f5;
+    border-radius: 50%;
+    font-size: 12px;
+    font-weight: 500;
+    color: #666;
+    margin-top: 2px;
+    flex-shrink: 0;
+}
+
+.option-content {
+    flex: 1;
+    color: #333;
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+.preview-explanation {
+    margin-bottom: 20px;
+    padding: 12px;
+    background-color: #f8f9fa;
+    border-radius: 6px;
+}
+
+.explanation-label {
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 6px;
+    font-size: 14px;
+}
+
+.explanation-text {
+    color: #666;
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+.preview-fill-blanks {
+    margin-bottom: 20px;
+}
+
+.preview-fill-blank-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    margin-bottom: 12px;
+    padding: 12px;
+    background-color: #f8f9fa;
+    border-radius: 6px;
+}
+
+.blank-number {
+    font-weight: 500;
+    color: #1890ff;
+    font-size: 14px;
+    min-width: 24px;
+}
+
+.blank-content {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+}
+
+.blank-answer {
+    font-weight: 500;
+    color: #333;
+    background-color: #e6f7ff;
+    padding: 4px 8px;
+    border-radius: 4px;
+    border: 1px solid #91d5ff;
+}
+
+.blank-score {
+    font-size: 12px;
+    color: #52c41a;
+    font-weight: 500;
+}
+
+.blank-case {
+    font-size: 12px;
+    color: #fa8c16;
+    background-color: #fff7e6;
+    padding: 2px 6px;
+    border-radius: 3px;
+    border: 1px solid #ffd591;
+}
+
+.preview-short-answer {
+    margin-bottom: 20px;
+    padding: 12px;
+    background-color: #f8f9fa;
+    border-radius: 6px;
+}
+
+.short-answer-label {
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 8px;
+    font-size: 14px;
+}
+
+.short-answer-content {
+    color: #666;
+    font-size: 14px;
+    line-height: 1.6;
+    white-space: pre-wrap;
+    background-color: #fff;
+    padding: 12px;
+    border-radius: 4px;
+    border: 1px solid #e0e0e0;
+    min-height: 60px;
+}
+
+/* 复合题预览样式 */
+.preview-composite {
+    margin-bottom: 20px;
+}
+
+.composite-empty {
+    padding: 20px;
+    text-align: center;
+    background-color: #f8f9fa;
+    border-radius: 6px;
+    border: 1px dashed #d9d9d9;
+}
+
+.empty-text {
+    color: #999;
+    font-size: 14px;
+}
+
+.composite-sub-questions {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.composite-sub-question {
+    background-color: #f8f9fa;
+    border-radius: 8px;
+    padding: 16px;
+    border: 1px solid #e8e8e8;
+}
+
+.sub-question-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 12px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #e0e0e0;
+}
+
+.sub-question-number {
+    font-weight: 600;
+    color: #333;
+    min-width: 25px;
+}
+
+.sub-question-title {
+    flex: 1;
+    font-size: 14px;
+    color: #333;
+}
+
+.sub-question-type {
+    font-size: 12px;
+    color: #666;
+    background-color: #fff;
+    padding: 2px 6px;
+    border-radius: 3px;
+    border: 1px solid #d9d9d9;
+}
+
+.sub-question-score {
+    font-size: 12px;
+    color: #1890ff;
+    font-weight: 500;
+}
+
+.sub-question-options {
+    margin-bottom: 12px;
+}
+
+.sub-question-fill-blanks {
+    margin-bottom: 12px;
+}
+
+.sub-question-short-answer {
+    margin-bottom: 12px;
+    padding: 8px;
+    background-color: #fff;
+    border-radius: 4px;
+    border: 1px solid #e0e0e0;
+}
+
+.sub-question-explanation {
+    margin-top: 8px;
+    padding: 8px;
+    background-color: #fff;
+    border-radius: 4px;
+    border: 1px solid #e0e0e0;
+}
+
+.preview-footer {
+    border-top: 1px solid #f0f0f0;
+    padding-top: 16px;
+}
+
+.info-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+}
+
+.info-row:last-child {
+    margin-bottom: 0;
+}
+
+.info-label {
+    font-size: 14px;
+    color: #666;
+    margin-right: 8px;
+    min-width: 40px;
+}
+
+.info-value {
+    font-size: 14px;
+    color: #333;
+    font-weight: 500;
+}
+
+.form-section {
+    margin-bottom: 16px;
+    padding: 0;
+    background-color: transparent;
+    border-radius: 0;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.section-number {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    background-color: #1890ff;
+    color: white;
+    border-radius: 50%;
+    font-size: 14px;
+    font-weight: 500;
+}
+
+.section-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+    padding-bottom: 8px;
+}
+
+.required::before {
+    content: '*';
+    color: red;
+}
+
+.question-type-tabs {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+    align-items: center;
+}
+.question-type-tabs h3{
+    padding: 0;
+}
+
+.type-tab-button {
+    padding: 8px 16px;
+    border: 1px solid #d9d9d9;
+    border-radius: 6px;
+    background-color: #fff;
+    color: #666;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+}
+
+.type-tab-button:hover {
+    border-color: #1890ff;
+    color: #1890ff;
+}
+
+.type-tab-button.active {
+    background-color: #1890ff;
+    border-color: #1890ff;
+    color: white;
+}
+
+.type-tab-button.active:hover {
+    background-color: #096dd9;
+    border-color: #096dd9;
+}
+
+/* 响应式设计 */
+@media (max-width: 1200px) {
+    .main-content {
+        flex-direction: column;
+        gap: 16px;
+    }
+
+    .preview-container {
+        width: 100%;
+        position: static;
+        order: -1;
+    }
+}
+
+@media (max-width: 768px) {
+    .header-section {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 16px;
+        padding: 16px;
+    }
+
+    .header-left {
+        justify-content: space-between;
+    }
+
+    .header-actions {
+        justify-content: center;
+    }
+
+    .main-content {
+        padding: 16px;
+    }
+
+    .form-container {
+        padding: 20px;
+    }
+
+    .form-section {
+        margin-bottom: 20px;
+    }
+}
+
+@media (max-width: 480px) {
+    .title {
+        font-size: 18px;
+    }
+
+    .option-header {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 8px;
+    }
+
+    .option-label-wrapper {
+        justify-content: space-between;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/teacher/ExamPages/QuestionManagement.vue b/src/views/teacher/ExamPages/QuestionManagement.vue
index 579dfe1..db7de6e 100644
--- a/src/views/teacher/ExamPages/QuestionManagement.vue
+++ b/src/views/teacher/ExamPages/QuestionManagement.vue
@@ -7,10 +7,11 @@
                 <n-button ghost @click="importQuestions">导入</n-button>
                 <n-button ghost @click="exportQuestions">导出</n-button>
                 <n-button type="error" ghost @click="deleteSelected" :disabled="selectedRowKeys.length === 0">删除</n-button>
+                <n-button @click="setCategoryForSelected" :disabled="selectedRowKeys.length === 0">分类设置</n-button>
                 <n-select
                     v-model:value="filters.category"
                     placeholder="分类"
-                    :options="categoryOptions"
+                    :options="[{ label: '全部', value: '' }, ...allCategoryOptions]"
                     style="width: 120px"
                     @update:value="handleFilterChange"
                 />
@@ -45,14 +46,135 @@
             @success="handleImportSuccess"
             @template-download="handleTemplateDownload"
         />
+
+        <!-- 分类设置弹窗 -->
+        <n-modal 
+            v-model:show="showCategoryModal" 
+            preset="dialog" 
+            title="分类设置" 
+            style="width: 500px;"
+        >
+            <div class="category-modal-content">
+                <div class="selected-info">
+                    <n-alert type="info" :show-icon="false" style="margin-bottom: 16px;">
+                        已选择 {{ selectedRowKeys.length }} 个试题
+                    </n-alert>
+                </div>
+                
+                <div class="category-selection">
+                    <div class="form-item">
+                        <label>选择分类：</label>
+                        <n-select
+                            v-model:value="selectedCategory"
+                            :options="allCategoryOptions"
+                            placeholder="请选择分类"
+                            style="width: 100%;"
+                        />
+                    </div>
+                    
+                    <div v-if="showAddCategoryInput" class="form-item">
+                        <label>新分类名称：</label>
+                        <n-space>
+                            <n-input
+                                v-model:value="newCategoryName"
+                                placeholder="请输入新分类名称"
+                                style="width: 200px;"
+                                @keyup.enter="addNewCategory"
+                            />
+                            <n-button type="primary" @click="addNewCategory" :disabled="!newCategoryName.trim()">
+                                添加
+                            </n-button>
+                        </n-space>
+                    </div>
+                </div>
+            </div>
+            
+            <template #action>
+                <n-space>
+                    <n-button @click="showAddCategoryInput = !showAddCategoryInput" secondary type="info">
+                        {{ showAddCategoryInput ? '取消新增' : '新增分类' }}
+                    </n-button>
+                    <n-button @click="closeCategoryModal">取消</n-button>
+                    <n-button type="primary" @click="applyCategoryChange" :disabled="!selectedCategory">
+                        确认设置
+                    </n-button>
+                </n-space>
+            </template>
+        </n-modal>
+
+        <!-- 分类管理弹窗 -->
+        <n-modal 
+            v-model:show="showCategoryManageModal" 
+            preset="dialog" 
+            title="分类管理" 
+            style="width: 600px;"
+        >
+            <div class="category-manage-content">
+                <div class="category-header">
+                    <n-space>
+                        <n-button type="primary" @click="showAddCategoryInManage = true">
+                            新增分类
+                        </n-button>
+                    </n-space>
+                </div>
+                
+                <div v-if="showAddCategoryInManage" class="add-category-section">
+                    <n-space>
+                        <n-input
+                            v-model:value="newCategoryInManage"
+                            placeholder="请输入分类名称"
+                            style="width: 200px;"
+                            @keyup.enter="addCategoryInManage"
+                        />
+                        <n-button type="primary" @click="addCategoryInManage" :disabled="!newCategoryInManage.trim()">
+                            添加
+                        </n-button>
+                        <n-button @click="cancelAddCategoryInManage">
+                            取消
+                        </n-button>
+                    </n-space>
+                </div>
+                
+                <div class="category-list">
+                    <n-list>
+                        <n-list-item v-for="category in customCategories" :key="category.value">
+                            <div class="category-item">
+                                <span class="category-name">{{ category.label }}</span>
+                                <n-space>
+                                    <n-button size="small" @click="editCategory(category)">
+                                        编辑
+                                    </n-button>
+                                    <n-button size="small" type="error" @click="deleteCategory(category.value)">
+                                        删除
+                                    </n-button>
+                                </n-space>
+                            </div>
+                        </n-list-item>
+                    </n-list>
+                </div>
+            </div>
+            
+            <template #action>
+                <n-space>
+                    <n-button @click="closeCategoryManageModal">关闭</n-button>
+                </n-space>
+            </template>
+        </n-modal>
     </div>
 </template>
 
 <script setup lang="ts">
 import { ref, reactive, computed, onMounted, h, VNode } from 'vue';
-import { NButton, NTag, NSpace } from 'naive-ui';
+import { NButton, NTag, NSpace, useMessage } from 'naive-ui';
+import { useRouter } from 'vue-router';
 import ImportModal from '@/components/common/ImportModal.vue';
 
+// 消息提示
+const message = useMessage();
+
+// 路由
+const router = useRouter();
+
 // 题目数据接口
 interface Question {
     id: string;
@@ -72,11 +194,17 @@ const filters = reactive({
     keyword: ''
 });
 
-// 分类选项
-const categoryOptions = ref([
-    { label: '全部', value: '' },
+// 自定义分类列表（用于分类管理）
+const customCategories = ref([
     { label: '分类试题', value: 'category' },
-    { label: '考试试题', value: 'exam' }
+    { label: '考试试题', value: 'exam' },
+    { label: '练习试题', value: 'practice' },
+    { label: '模拟试题', value: 'simulation' }
+]);
+
+// 所有分类选项（包含自定义分类，用于分类设置）
+const allCategoryOptions = computed(() => [
+    ...customCategories.value
 ]);
 
 // 表格相关状态
@@ -87,6 +215,17 @@ const questionList = ref<Question[]>([]);
 // 导入弹窗状态
 const showImportModal = ref(false);
 
+// 分类设置相关状态
+const showCategoryModal = ref(false);
+const selectedCategory = ref('');
+const showAddCategoryInput = ref(false);
+const newCategoryName = ref('');
+
+// 分类管理相关状态
+const showCategoryManageModal = ref(false);
+const showAddCategoryInManage = ref(false);
+const newCategoryInManage = ref('');
+
 // 分页配置
 const pagination = reactive({
     page: 1,
@@ -164,7 +303,11 @@ const createColumns = ({
             title: '分类',
             key: 'category',
             width: 100,
-            align: 'center' as const
+            align: 'center' as const,
+            render(row: Question) {
+                const categoryInfo = allCategoryOptions.value.find(cat => cat.value === row.category);
+                return categoryInfo ? categoryInfo.label : row.category;
+            }
         },
         {
             title: '难度',
@@ -249,7 +392,7 @@ const generateMockData = (): Question[] => {
     const mockData: Question[] = [];
     const types = ['single_choice', 'multiple_choice', 'true_false', 'fill_blank', 'short_answer'];
     const difficulties = ['easy', 'medium', 'hard'];
-    const categories = ['试题分类', '考试分类'];
+    const categories = customCategories.value.map(cat => cat.value);
     const creators = ['王建国', '李明', '张三', '刘老师'];
     
     for (let i = 1; i <= 50; i++) {
@@ -322,7 +465,7 @@ const loadQuestions = async () => {
 
 // 操作方法
 const addQuestion = () => {
-    console.log('添加试题');
+    router.push('/teacher/exam-management/add-question');
 };
 
 const importQuestions = () => {
@@ -362,6 +505,142 @@ const deleteQuestion = (id: string) => {
 onMounted(() => {
     loadQuestions();
 });
+
+// 分类设置相关方法
+const setCategoryForSelected = () => {
+    if (selectedRowKeys.value.length === 0) {
+        message.warning('请先选择要设置分类的试题');
+        return;
+    }
+    selectedCategory.value = '';
+    showAddCategoryInput.value = false;
+    newCategoryName.value = '';
+    showCategoryModal.value = true;
+};
+
+const closeCategoryModal = () => {
+    showCategoryModal.value = false;
+    selectedCategory.value = '';
+    showAddCategoryInput.value = false;
+    newCategoryName.value = '';
+};
+
+const addNewCategory = () => {
+    const trimmedName = newCategoryName.value.trim();
+    if (!trimmedName) {
+        message.warning('请输入分类名称');
+        return;
+    }
+    
+    // 检查是否已存在
+    const exists = customCategories.value.some(cat => cat.label === trimmedName);
+    if (exists) {
+        message.warning('该分类已存在');
+        return;
+    }
+    
+    // 添加新分类
+    const newCategory = {
+        label: trimmedName,
+        value: trimmedName.toLowerCase().replace(/\s+/g, '_')
+    };
+    customCategories.value.push(newCategory);
+    selectedCategory.value = newCategory.value;
+    newCategoryName.value = '';
+    showAddCategoryInput.value = false;
+    message.success('分类添加成功');
+};
+
+const applyCategoryChange = async () => {
+    if (!selectedCategory.value) {
+        message.warning('请选择分类');
+        return;
+    }
+    
+    try {
+        // 模拟 API 调用
+        await new Promise(resolve => setTimeout(resolve, 300));
+        
+        // 更新本地数据
+        const selectedCategoryLabel = allCategoryOptions.value.find(cat => cat.value === selectedCategory.value)?.label || selectedCategory.value;
+        questionList.value.forEach(question => {
+            if (selectedRowKeys.value.includes(question.id)) {
+                question.category = selectedCategory.value;
+            }
+        });
+        
+        message.success(`已将 ${selectedRowKeys.value.length} 个试题的分类设置为「${selectedCategoryLabel}」`);
+        selectedRowKeys.value = [];
+        closeCategoryModal();
+        
+    } catch (error) {
+        console.error('设置分类失败:', error);
+        message.error('设置分类失败，请重试');
+    }
+};
+
+// // 分类管理相关方法
+// const openCategoryManage = () => {
+//     showCategoryManageModal.value = true;
+// };
+
+const closeCategoryManageModal = () => {
+    showCategoryManageModal.value = false;
+    showAddCategoryInManage.value = false;
+    newCategoryInManage.value = '';
+};
+
+const addCategoryInManage = () => {
+    const trimmedName = newCategoryInManage.value.trim();
+    if (!trimmedName) {
+        message.warning('请输入分类名称');
+        return;
+    }
+    
+    // 检查是否已存在
+    const exists = customCategories.value.some(cat => cat.label === trimmedName);
+    if (exists) {
+        message.warning('该分类已存在');
+        return;
+    }
+    
+    // 添加新分类
+    const newCategory = {
+        label: trimmedName,
+        value: trimmedName.toLowerCase().replace(/\s+/g, '_')
+    };
+    customCategories.value.push(newCategory);
+    newCategoryInManage.value = '';
+    showAddCategoryInManage.value = false;
+    message.success('分类添加成功');
+};
+
+const cancelAddCategoryInManage = () => {
+    showAddCategoryInManage.value = false;
+    newCategoryInManage.value = '';
+};
+
+const editCategory = (category: { label: string; value: string }) => {
+    // TODO: 实现编辑分类功能
+    console.log('编辑分类:', category);
+    message.info('编辑分类功能待实现');
+};
+
+const deleteCategory = (categoryValue: string) => {
+    // 检查是否有试题使用该分类
+    const hasQuestions = questionList.value.some(q => q.category === categoryValue);
+    if (hasQuestions) {
+        message.warning('该分类下还有试题，不能删除');
+        return;
+    }
+    
+    const index = customCategories.value.findIndex(cat => cat.value === categoryValue);
+    if (index > -1) {
+        const categoryName = customCategories.value[index].label;
+        customCategories.value.splice(index, 1);
+        message.success(`已删除分类「${categoryName}」`);
+    }
+};
 </script>
 
 <style scoped>
@@ -395,6 +674,61 @@ onMounted(() => {
     margin-top: 20px;
 }
 
+/* 分类设置弹窗样式 */
+.category-modal-content {
+    padding: 8px 0;
+}
+
+.category-modal-content .selected-info {
+    margin-bottom: 16px;
+}
+
+.category-modal-content .form-item {
+    margin-bottom: 16px;
+}
+
+.category-modal-content .form-item label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: 500;
+    color: #333;
+}
+
+/* 分类管理弹窗样式 */
+.category-manage-content {
+    padding: 8px 0;
+}
+
+.category-header {
+    margin-bottom: 16px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.add-category-section {
+    margin-bottom: 16px;
+    padding: 12px;
+    background-color: #f8f9fa;
+    border-radius: 6px;
+}
+
+.category-list {
+    max-height: 300px;
+    overflow-y: auto;
+}
+
+.category-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 0;
+}
+
+.category-name {
+    font-weight: 500;
+    color: #333;
+}
+
 /* 响应式设计 */
 @media (max-width: 1200px) {
     .header-section {
diff --git a/src/views/teacher/course/ExamPages/AddExam.vue b/src/views/teacher/course/ExamPages/AddExam.vue
deleted file mode 100644
index f94a504..0000000
--- a/src/views/teacher/course/ExamPages/AddExam.vue
+++ /dev/null
@@ -1,1544 +0,0 @@
-<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
deleted file mode 100644
index 87a6f2f..0000000
--- a/src/views/teacher/course/ExamPages/ExamLibrary.vue
+++ /dev/null
@@ -1,210 +0,0 @@
-<template>
-    <div>
-        <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>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { h, ref, VNode } from 'vue';
-import { NButton, NSpace, useMessage, NDataTable, NPagination, NInput } from 'naive-ui';
-import type { DataTableColumns } 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 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
deleted file mode 100644
index eb2fad6..0000000
--- a/src/views/teacher/course/ExamPages/MarkingCenter.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <div>
-    <h1>阅卷中心</h1>
-  </div>
-</template>
-
-<script setup lang="ts">
-</script>
-
-<style scoped>
-</style>