From 7a82c98d003e082dff3eb6321790dcfda5bbe213 Mon Sep 17 00:00:00 2001
From: chenqiang <chenqiang@h024.cn>
Date: Sun, 31 Aug 2025 10:31:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=90=8E=E5=8F=B0=E7=9A=84?=
 =?UTF-8?q?=E8=AF=95=E9=A2=98=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |    1 -
 src/background/db/question.js                 |   14 +
 src/background/service/questionService.js     |   29 +
 src/components/admin/QuestionAddForm.vue      |  190 +++
 .../admin/QuestionDescriptionEdit.vue         |   75 ++
 src/components/admin/Sider.vue                |   10 -
 src/preload.js                                |   12 +-
 src/router/index.js                           |    6 +
 src/views/admin/QuestionManagementView.vue    | 1128 +++++++++++++++++
 9 files changed, 1452 insertions(+), 13 deletions(-)
 create mode 100644 src/components/admin/QuestionAddForm.vue
 create mode 100644 src/components/admin/QuestionDescriptionEdit.vue
 create mode 100644 src/views/admin/QuestionManagementView.vue

diff --git a/src/App.vue b/src/App.vue
index 38aee27..18c0f02 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,7 +9,6 @@
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
   color: #2c3e50;
 }
 </style>
diff --git a/src/background/db/question.js b/src/background/db/question.js
index b1fffa2..daf7e33 100644
--- a/src/background/db/question.js
+++ b/src/background/db/question.js
@@ -293,6 +293,19 @@ async function updateChoiceQuestion(id, choiceData) {
   });
 }
 
+/**
+ * 删除选择题问题
+ * @param {number} id - 选择题ID
+ * @returns {Promise<boolean>} 是否删除成功
+ */
+async function deleteChoiceQuestion(id) {
+  const db = await getDbConnection(getSystemDbPath());
+  return executeWithRetry(db, async () => {
+    const result = await db.runAsync('DELETE FROM question_choices WHERE id = ?', [id]);
+    return result.changes > 0;
+  });
+}
+
 /**
  * 添加填空题问题
  * @param {Object} fillBlankData - 填空题数据
@@ -415,6 +428,7 @@ module.exports = {
   updateQuestionDescription,
   addChoiceQuestion,
   updateChoiceQuestion,
+  deleteChoiceQuestion,
   addFillBlankQuestion,
   updateFillBlankQuestion,
   deleteFillBlankQuestion,
diff --git a/src/background/service/questionService.js b/src/background/service/questionService.js
index e049c75..1b567dd 100644
--- a/src/background/service/questionService.js
+++ b/src/background/service/questionService.js
@@ -8,6 +8,7 @@ const {
   updateQuestionDescription,
   addChoiceQuestion,
   updateChoiceQuestion,
+  deleteChoiceQuestion, // 添加这行
   addFillBlankQuestion,
   updateFillBlankQuestion,
   deleteFillBlankQuestion,
@@ -165,6 +166,23 @@ async function modifyChoiceQuestion(id, choiceData) {
   }
 }
 
+/**
+ * 服务层：删除选择题问题
+ * @param {number} id - 选择题ID
+ * @returns {Promise<boolean>} 是否删除成功
+ */
+async function removeChoiceQuestion(id) {
+  try {
+    const result = await deleteChoiceQuestion(id);
+    // 调用增加题库版本号的方法
+    await increaseQuestionBankVersion();
+    return result;
+  } catch (error) {
+    console.error('服务层: 删除选择题失败', error);
+    throw error;
+  }
+}
+
 /**
  * 服务层：添加填空题问题
  * @param {Object} fillBlankData - 填空题数据
@@ -366,6 +384,16 @@ function initQuestionIpc(ipcMain) {
     }
   });
 
+  // 添加删除选择题问题的IPC处理程序
+  ipcMain.handle('question-delete-choice', async (event, id) => {
+    try {
+      return await removeChoiceQuestion(id);
+    } catch (error) {
+      console.error(`Failed to delete choice question ${id}:`, error);
+      throw error;
+    }
+  });
+
   // 根据题干ID查询填空题问题的IPC处理程序
   ipcMain.handle('question-fetch-fill-blank-by-question-id', async (event, questionId) => {
     try {
@@ -398,6 +426,7 @@ module.exports = {
   removeQuestion,
   createChoiceQuestion,
   modifyChoiceQuestion,
+  removeChoiceQuestion, // 添加这行
   createFillBlankQuestion,
   modifyFillBlankQuestion,
   removeFillBlankQuestion,
diff --git a/src/components/admin/QuestionAddForm.vue b/src/components/admin/QuestionAddForm.vue
new file mode 100644
index 0000000..e4fe619
--- /dev/null
+++ b/src/components/admin/QuestionAddForm.vue
@@ -0,0 +1,190 @@
+<template>
+  <div class="question-add-form-container">
+    <el-form ref="questionFormRef" :model="formData" label-width="120px">
+      <el-form-item label="题型" prop="question_type" :rules="[{ required: true, message: '请选择题型', trigger: 'change' }]">
+        <el-select v-model="formData.question_type" placeholder="请选择题型">
+          <el-option v-for="type in questionTypes" :key="type.item_code" :label="type.item_name" :value="type.item_code" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="题干描述" prop="question_description">
+        <el-input ref="descriptionInputRef" v-model="formData.question_description" type="textarea"
+          placeholder="请输入题干描述" :rows="4" />
+      </el-form-item>
+      <el-form-item label="题干配图">
+        <div class="upload-container">
+          <el-upload ref="imageUploadRef" class="upload-demo" action="" :before-upload="handleBeforeUploadImage"
+            :on-change="handleImageChange" list-type="picture-card" :auto-upload="false" accept="image/*" multiple>
+            <i class="el-icon-plus"></i>
+          </el-upload>
+        </div>
+      </el-form-item>
+      <el-form-item label="题干数据集">
+        <div class="upload-container">
+          <el-upload ref="datasetUploadRef" class="upload-demo dataset-upload" action="" :before-upload="handleBeforeUploadDataset"
+            :on-change="handleDatasetChange" accept=".xlsx,.xls" :auto-upload="false" multiple>
+            <el-button type="primary">上传Excel文件</el-button>
+            <div class="el-upload__text">支持.xlsx和.xls格式</div>
+          </el-upload>
+          <div v-if="formData.datasets && formData.datasets.length > 0" class="upload-tip">
+            已上传 {{ formData.datasets.length }} 个数据集
+          </div>
+        </div>
+      </el-form-item>
+    </el-form>
+    <!-- 添加取消和保存按钮 -->
+    <div class="form-actions">
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" @click="handleSave">保存</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+// 引入XLSX库处理Excel文件
+import * as XLSX from 'xlsx'
+
+export default {
+  name: 'QuestionAddForm',
+  props: {
+    formData: {
+      type: Object,
+      required: true
+    },
+    questionTypes: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ['update-form-data', 'on-cancel', 'on-save'],
+  methods: {
+    // 处理图片上传前
+    handleBeforeUploadImage(file) {
+      // 阻止默认上传
+      return false
+    },
+
+    // 处理图片上传变化
+    handleImageChange(file, fileList) {
+      // 读取图片文件并转换为base64
+      const reader = new FileReader()
+      reader.onload = (e) => {
+        const imageBase64 = e.target.result
+        // 更新父组件的formData
+        const newImages = [...this.formData.images, {
+          file_name: file.name,
+          image_base64: imageBase64
+        }]
+        this.$emit('update-form-data', { ...this.formData, images: newImages })
+      }
+      reader.readAsDataURL(file.raw)
+    },
+
+    // 处理数据集上传前
+    handleBeforeUploadDataset(file) {
+      // 阻止默认上传
+      return false
+    },
+
+    // 处理数据集上传变化
+    handleDatasetChange(file, fileList) {
+      // 读取Excel文件
+      const reader = new FileReader()
+      reader.onload = (e) => {
+        try {
+          const data = new Uint8Array(e.target.result)
+          const workbook = XLSX.read(data, { type: 'array' })
+          const firstSheetName = workbook.SheetNames[0]
+          const worksheet = workbook.Sheets[firstSheetName]
+          // 转换为二维数组
+          const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 })
+
+          // 更新父组件的formData
+          const newDatasets = [...this.formData.datasets, {
+            file_name: file.name,
+            content: jsonData
+          }]
+          this.$emit('update-form-data', { ...this.formData, datasets: newDatasets })
+          this.$message.success('数据集上传成功')
+        } catch (error) {
+          console.error('Failed to parse Excel file:', error)
+          this.$message.error('数据集解析失败')
+        }
+      }
+      reader.readAsArrayBuffer(file.raw)
+    },
+
+    // 验证表单并提交
+    validateAndSubmit() {
+      return new Promise((resolve, reject) => {
+        this.$refs.questionFormRef.validate((valid) => {
+          if (valid) {
+            resolve(this.formData)
+          } else {
+            reject(new Error('表单验证失败'))
+          }
+        })
+      })
+    },
+
+    // 取消按钮方法
+    handleCancel() {
+      this.$emit('on-cancel')
+    },
+
+    // 保存按钮方法
+    handleSave() {
+      this.validateAndSubmit().then(() => {
+        this.$emit('on-save')
+      }).catch(error => {
+        this.$message.error(error.message)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.question-add-form-container {
+  padding: 20px;
+}
+
+.upload-container {
+  margin-top: 10px;
+}
+
+.upload-demo .el-upload-list {
+  margin-top: 10px;
+}
+
+.dataset-upload {
+  display: inline-block;
+}
+
+.dataset-upload .el-upload__text {
+  margin-left: 10px;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.dataset-upload >>> .el-upload {
+  display: flex;
+  align-items: center;
+}
+
+.dataset-upload >>> .el-upload__tip {
+  margin-left: 10px;
+}
+
+.upload-tip {
+  margin-top: 10px;
+  color: #606266;
+  font-size: 12px;
+}
+
+.form-actions {
+  margin-top: 20px;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/admin/QuestionDescriptionEdit.vue b/src/components/admin/QuestionDescriptionEdit.vue
new file mode 100644
index 0000000..bd32308
--- /dev/null
+++ b/src/components/admin/QuestionDescriptionEdit.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="question-description-edit-container">
+    <el-form ref="editFormRef" :model="formData" label-width="120px">
+      <el-form-item label="题干描述" prop="question_description">
+        <el-input v-model="formData.question_description" type="textarea"
+          placeholder="请输入题干描述" :rows="6" />
+      </el-form-item>
+    </el-form>
+    <div class="form-actions">
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" @click="handleSubmit">保存</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'QuestionDescriptionEditForm',
+  props: {
+    value: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ['submit', 'on-cancel'],
+  data() {
+    return {
+      formData: {
+        question_id: '',
+        question_description: ''
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler(newValue) {
+        if (newValue) {
+          this.formData = { ...newValue }
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    // 提交表单
+    handleSubmit() {
+      this.$refs.editFormRef.validate((valid) => {
+        if (valid) {
+          this.$emit('submit', this.formData)
+        } else {
+          this.$message.error('请输入题干描述')
+        }
+      })
+    },
+
+    // 取消操作
+    handleCancel() {
+      this.$emit('on-cancel')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.question-description-edit-container {
+  padding: 20px;
+}
+
+.form-actions {
+  margin-top: 20px;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/admin/Sider.vue b/src/components/admin/Sider.vue
index 0de97d4..343b6f0 100644
--- a/src/components/admin/Sider.vue
+++ b/src/components/admin/Sider.vue
@@ -140,16 +140,6 @@ export default {
   width: 100%;
 }
 
-/* 设置el-menu-item的padding-left为0 */
-.el-menu-item {
-  padding-left: 0 !important;
-}
-
-/* 对于折叠状态的菜单也应用相同的padding */
-.el-menu--collapse .el-menu-item {
-  padding-left: 0 !important;
-}
-
 /* 确保菜单中的图标和文字正确显示 */
 .el-menu-item i {
   margin-right: 10px;
diff --git a/src/preload.js b/src/preload.js
index 238e968..b94ea36 100644
--- a/src/preload.js
+++ b/src/preload.js
@@ -36,14 +36,22 @@ contextBridge.exposeInMainWorld('electronAPI', {
   questionFetchAllWithRelations: () => ipcRenderer.invoke('question-fetch-all-with-relations'),
   questionUpdateDescription: (questionData) => ipcRenderer.invoke('question-update-description', questionData),
   questionAddChoice: (choiceData) => ipcRenderer.invoke('question-add-choice', choiceData),
-  questionUpdateChoice: (choiceData) => ipcRenderer.invoke('question-update-choice', choiceData),
+  // 修改questionUpdateChoice方法，使其接收两个参数并正确传递
+  questionUpdateChoice: (id, choiceData) => ipcRenderer.invoke('question-update-choice', id, choiceData),
   questionDeleteChoice: (id) => ipcRenderer.invoke('question-delete-choice', id),
+  // 添加questionCreateChoice方法，调用主进程中已注册的'question-create-choice'通道
+  questionCreateChoice: (choiceData) => ipcRenderer.invoke('question-create-choice', choiceData),
   questionAddFillBlank: (fillBlankData) => ipcRenderer.invoke('question-add-fill-blank', fillBlankData),
-  questionUpdateFillBlank: (fillBlankData) => ipcRenderer.invoke('question-update-fill-blank', fillBlankData),
+  // 添加新的questionCreateFillBlank方法，调用主进程中已注册的'question-create-fill-blank'通道
+  questionCreateFillBlank: (fillBlankData) => ipcRenderer.invoke('question-create-fill-blank', fillBlankData),
+  // 修改questionUpdateFillBlank方法，使其接收两个参数并正确传递
+  questionUpdateFillBlank: (id, fillBlankData) => ipcRenderer.invoke('question-update-fill-blank', id, fillBlankData),
   questionDeleteFillBlank: (id) => ipcRenderer.invoke('question-delete-fill-blank', id),
   questionGetQuestionWithChoices: (questionId) => ipcRenderer.invoke('question-get-question-with-choices', questionId),
   questionGetQuestionWithFillBlanks: (questionId) => ipcRenderer.invoke('question-get-question-with-fill-blanks', questionId),
   questionRemove: (questionId) => ipcRenderer.invoke('question-remove', questionId),
+  // 添加新的questionDelete方法，调用主进程中已注册的'question-delete'通道
+  questionDelete: (questionId) => ipcRenderer.invoke('question-delete', questionId),
   questionGetStatistics: () => ipcRenderer.invoke('question-get-statistics'),
   questionGetQuestionById: (questionId) => ipcRenderer.invoke('question-get-question-by-id', questionId),
 
diff --git a/src/router/index.js b/src/router/index.js
index 31aaf82..8cb90e9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 import WelcomeView from '../views/WelcomeView.vue'
 import AdminLayout from '../components/admin/AdminLayout.vue'
 import AdminHomeView from '../views/admin/AdminHomeView.vue'
+import QuestionManagementView from '../views/admin/QuestionManagementView.vue'
 
 Vue.use(VueRouter)
 
@@ -24,6 +25,11 @@ const routes = [
         path: 'home',
         name: 'AdminHome',
         component: AdminHomeView
+      },
+      {
+        path: 'question',
+        name: 'QuestionManagement',
+        component: QuestionManagementView
       }
       // 可以在这里添加更多子路由
     ]
diff --git a/src/views/admin/QuestionManagementView.vue b/src/views/admin/QuestionManagementView.vue
new file mode 100644
index 0000000..b1d5f12
--- /dev/null
+++ b/src/views/admin/QuestionManagementView.vue
@@ -0,0 +1,1128 @@
+<template>
+  <div class="question-management-container">
+    <div class="question-header">
+      <h3>试题管理</h3>
+      <el-button type="primary" @click="openAddQuestionDialog">+ 添加题干</el-button>
+    </div>
+    <div class="question-content">
+      <div v-loading="loading" class="question-list">
+        <div v-for="question in questionList" :key="question.id" class="question-item">
+          <div class="expanded-content">
+            <div class="question-detail">
+              <p class="text-right">
+                <el-button type="primary" size="small" @click="handleEditQuestionDescription(question)">编辑</el-button>
+                <el-button type="success" size="small" @click="handleAddSubQuestion(question)">添加问题</el-button>
+                <el-button type="danger" size="small" @click="handleDeleteQuestion(question.id)">删除</el-button>
+              </p>
+              <p>
+                <el-tag :type="getTypeColor(question.question_type_name)" class="question-type-tag">
+                  {{ question.question_type_name }}
+                </el-tag>
+               <strong>ID: {{ question.id }}</strong>
+               <strong>{{ question.question_description }}</strong>
+              </p>
+            </div>
+
+            <!-- 显示图片 -->
+            <div v-if="question.images && question.images.length > 0" class="question-images">
+              <div class="image-container">
+                <el-image v-for="(image, index) in question.images" :key="index" :src="image.image_base64"
+                  :preview-src-list="[image.image_base64]" class="preview-image" fit="cover" />
+              </div>
+            </div>
+
+            <!-- 显示数据集 -->
+            <div v-if="question.datasets && question.datasets.length > 0" class="question-datasets">
+              <div v-for="(dataset, index) in question.datasets" :key="index" class="dataset-item">
+                <!-- 检查dataset_data是否存在且是二维数组 -->
+                <template
+                  v-if="dataset.dataset_data && Array.isArray(dataset.dataset_data) && dataset.dataset_data.length > 0">
+                  <el-table :data="dataset.dataset_data.slice(1) || []" border size="small" class="dataset-table">
+                    <el-table-column v-for="(header, colIndex) in dataset.dataset_data[0]" :key="colIndex"
+                      :label="header" :prop="colIndex.toString()">
+                      <template slot-scope="scope">
+                        {{ scope.row[colIndex] }}
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </template>
+                <div v-else>无数据</div>
+              </div>
+            </div>
+
+            <!-- 显示关联的试题 -->
+            <div class="related-questions" v-if="hasRelatedQuestions(question)">
+              <!-- 选择题 -->
+              <div v-if="question.choices && question.choices.length > 0">
+                <div v-for="(choice, idx) in question.choices" :key="idx" class="related-question-item">
+                  <div class="question-item-header">
+                      <p><strong>{{ choice.choice_type === 'single' ? '单选题' : '多选题' }} {{ idx + 1 }}（{{ choice.score
+                        }}分）:</strong> {{ choice.choice_description }}</p>
+                      <p class="text-right">
+                        <el-button type="primary" size="small" @click="handleEditChoiceQuestion(choice, idx)">编辑</el-button>
+                        <el-button type="danger" size="small" @click="handleDeleteChoiceQuestion(choice.id)">删除</el-button>
+                      </p>
+                    </div>
+                  <div class="choice-options">
+                    <div v-for="(option, optIdx) in JSON.parse(choice.choice_options)" :key="optIdx">
+                      <span
+                        :class="{ 'correct-answer': isCorrectAnswer(optIdx + 1, JSON.parse(choice.correct_answers), JSON.parse(choice.choice_options)) }">
+                        {{ String.fromCharCode(65 + optIdx) }}. {{ option }}
+                      </span>
+                    </div>
+                  </div>
+                  <p><strong>正确答案:</strong> {{ formatCorrectAnswers(JSON.parse(choice.correct_answers)) }}</p>
+                </div>
+              </div>
+
+              <!-- 填空题 -->
+              <div v-else-if="question.fillBlanks && question.fillBlanks.length > 0">
+                <div v-for="(fillBlank, idx) in question.fillBlanks" :key="idx" class="related-question-item">
+                  <div class="question-item-header">
+                      <p><strong>填空题 {{ idx + 1 }}（{{ fillBlank.score }}分）:</strong>{{ fillBlank.blank_description }}</p>
+                      <p class="text-right">
+                        <el-button type="primary" size="small" @click="handleEditFillBlankQuestion(fillBlank, idx)">编辑</el-button>
+                        <el-button type="danger" size="small" @click="handleDeleteFillBlankQuestion(fillBlank.id)">删除</el-button>
+                      </p>
+                    </div>
+                  <p><strong>正确答案:</strong>
+                    <template v-if="typeof fillBlank.correct_answers === 'string' && fillBlank.correct_answers.trim() !== ''">
+                      <!-- 将parseAnswers改为parseArray，与methods中定义的方法名一致 -->
+                      <span v-for="(answer, answerIdx) in parseArray(fillBlank.correct_answers)" :key="answerIdx">
+                        {{ answerIdx > 0 ? '，' : '' }}{{ answer }}
+                      </span>
+                    </template>
+                    <template v-else-if="Array.isArray(fillBlank.correct_answers)">
+                      <span v-for="(answer, answerIdx) in fillBlank.correct_answers" :key="answerIdx">
+                        {{ answerIdx > 0 ? '，' : '' }}{{ answer }}
+                      </span>
+                    </template>
+                    <template v-else>
+                      {{ fillBlank.correct_answers || '无' }}
+                    </template>
+                  </p>
+                </div>
+              </div>
+
+              <!-- 判断题 -->
+              <div v-else-if="question.judges && question.judges.length > 0">
+                <div v-for="(judge, idx) in question.judges" :key="idx" class="related-question-item">
+                  <p><strong>判断题 {{ idx + 1 }}:</strong> {{ judge.content }}</p>
+                  <p><strong>正确答案:</strong> <span :class="judge.is_correct ? 'correct-answer' : 'wrong-answer'">
+                      {{ judge.is_correct ? '正确' : '错误' }}
+                    </span></p>
+                </div>
+              </div>
+
+              <!-- 简答题 -->
+              <div v-else-if="question.shorts && question.shorts.length > 0">
+                <div v-for="(short, idx) in question.shorts" :key="idx" class="related-question-item">
+                  <p><strong>{{ question.question_type_name }} {{ idx + 1 }}:</strong> {{ short.content }}</p>
+                  <p><strong>参考答案:</strong> {{ short.reference_answer }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 其他弹窗代码保持不变 -->
+    <el-dialog :visible.sync="dialogVisible" :title="dialogTitle" width="70%" :before-close="handleDialogClose">
+      <!-- 根据表单类型切换显示的组件 -->
+      <template v-if="dialogFormType === 'addQuestion'">
+        <QuestionAddForm :formData="formData" :questionTypes="questionTypes" @update-form-data="updateFormData"
+          @on-save="handleSaveQuestion" @on-cancel="handleDialogClose" />
+      </template>
+      <template v-else-if="dialogFormType === 'editDescription'">
+        <QuestionDescriptionEditForm :value="editDescriptionFormData" @submit="handleSaveQuestionDescription"
+          @on-cancel="handleDialogClose" />
+      </template>
+    </el-dialog>
+
+    <!-- 选择题弹窗 -->
+    <el-dialog title="添加选择题" :visible.sync="choiceQuestionDialogVisible" width="800px">
+      <el-form ref="choiceQuestionFormRef" :model="choiceQuestionFormData" label-width="120px">
+        <el-form-item label="问题描述" prop="choice_description">
+          <el-input v-model="choiceQuestionFormData.choice_description" type="textarea" placeholder="请输入问题描述"
+            :rows="3" /></el-form-item>
+        <el-form-item label="分值" prop="score">
+          <el-input v-model="choiceQuestionFormData.score" type="number" placeholder="请输入分值" />
+        </el-form-item>
+        <el-form-item label="题目类型" prop="choice_type">
+          <el-radio-group v-model="choiceQuestionFormData.choice_type">
+            <el-radio :label="'single'">单选题</el-radio>
+            <el-radio :label="'multiple'">多选题</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- 选择题弹窗中的选项列表部分 -->
+        <el-form-item label="选项列表">
+          <div v-for="(option, index) in choiceQuestionFormData.choice_options" :key="index" class="option-item">
+            <div class="option-label">{{ String.fromCharCode(65 + index) }}.</div>
+            <el-input v-model="option.value" placeholder="请输入选项内容" style="width: calc(100% - 40px)" />
+            <el-button type="danger" size="small" @click="removeOption(index)"
+              v-if="choiceQuestionFormData.choice_options.length > 1">删除</el-button>
+          </div>
+          <el-button type="primary" size="small" @click="addOption">+ 添加选项</el-button>
+        </el-form-item>
+        <el-form-item label="正确答案" prop="correct_answers">
+          <template v-if="choiceQuestionFormData.choice_type === 'single'">
+            <el-select v-model="choiceQuestionFormData.correct_answers[0]" placeholder="请选择正确答案">
+              <el-option v-for="(option, index) in choiceQuestionFormData.choice_options" :key="index"
+                :label="option.value" :value="option.value" />
+            </el-select>
+          </template>
+          <template v-else>
+            <el-checkbox-group v-model="choiceQuestionFormData.correct_answers">
+              <el-checkbox v-for="(option, index) in choiceQuestionFormData.choice_options" :key="index"
+                :label="option.value">{{ option.value }}</el-checkbox>
+            </el-checkbox-group>
+          </template>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="choiceQuestionDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveChoiceQuestion">保存</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 编辑选择题弹窗 -->
+    <el-dialog :title="editChoiceQuestionDialogTitle" :visible.sync="editChoiceQuestionDialogVisible" width="800px">
+      <el-form ref="editChoiceQuestionFormRef" :model="editChoiceQuestionFormData" label-width="120px">
+        <el-form-item label="问题描述" prop="choice_description">
+          <el-input v-model="editChoiceQuestionFormData.choice_description" type="textarea" placeholder="请输入问题描述"
+            :rows="3" />
+        </el-form-item>
+        <el-form-item label="分值" prop="score">
+          <el-input v-model="editChoiceQuestionFormData.score" type="number" placeholder="请输入分值" />
+        </el-form-item>
+        <el-form-item label="题目类型" prop="choice_type">
+          <el-radio-group v-model="editChoiceQuestionFormData.choice_type">
+            <el-radio :label="'single'">单选题</el-radio>
+            <el-radio :label="'multiple'">多选题</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="选项列表">
+          <div v-for="(option, index) in editChoiceQuestionFormData.choice_options" :key="index" class="option-item">
+            <div class="option-label">{{ String.fromCharCode(65 + index) }}.</div>
+            <el-input v-model="option.value" placeholder="请输入选项内容" style="width: calc(100% - 40px)" />
+            <el-button type="danger" size="small" @click="removeEditOption(index)"
+              v-if="editChoiceQuestionFormData.choice_options.length > 1">删除</el-button>
+          </div>
+          <el-button type="primary" size="small" @click="addEditOption">+ 添加选项</el-button>
+        </el-form-item>
+        <el-form-item label="正确答案" prop="correct_answers">
+          <template v-if="editChoiceQuestionFormData.choice_type === 'single'">
+            <el-select v-model="editChoiceQuestionFormData.correct_answers[0]" placeholder="请选择正确答案">
+              <el-option v-for="(option, index) in editChoiceQuestionFormData.choice_options" :key="index"
+                :label="option.value" :value="option.value" />
+            </el-select>
+          </template>
+          <template v-else>
+            <el-checkbox-group v-model="editChoiceQuestionFormData.correct_answers">
+              <el-checkbox v-for="(option, index) in editChoiceQuestionFormData.choice_options" :key="index"
+                :label="option.value">{{ option.value }}</el-checkbox>
+            </el-checkbox-group>
+          </template>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="editChoiceQuestionDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveEditedChoiceQuestion">保存</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 添加填空题对话框 -->
+    <el-dialog title="添加填空题" :visible.sync="fillBlankQuestionDialogVisible" width="800px">
+      <el-form ref="fillBlankQuestionFormRef" :model="fillBlankQuestionFormData" label-width="120px">
+        <el-form-item label="问题描述" prop="blank_description" required>
+          <el-input v-model="fillBlankQuestionFormData.blank_description" type="textarea" placeholder="请输入问题描述"
+            :rows="3" />
+        </el-form-item>
+        <el-form-item label="空白数量" prop="blank_count" required>
+          <el-input v-model.number="fillBlankQuestionFormData.blank_count" placeholder="请输入空白数量" type="number"
+            min="1" />
+        </el-form-item>
+        <el-form-item label="正确答案" prop="correct_answers">
+          <div v-for="index in fillBlankQuestionFormData.blank_count" :key="index" class="answer-item">
+            <div class="answer-label">答案 {{ index }}:</div>
+            <el-input v-model="fillBlankQuestionFormData.correct_answers[index - 1]" placeholder="正确答案"
+              style="width: calc(100% - 60px)" />
+          </div>
+        </el-form-item>
+        <el-form-item label="分值" prop="score" required>
+          <el-input v-model.number="fillBlankQuestionFormData.score" placeholder="请输入分值" type="number" min="0"
+            step="0.5" />
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="fillBlankQuestionDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveFillBlankQuestion">保存</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 编辑填空题对话框 -->
+    <el-dialog title="编辑填空题" :visible.sync="editFillBlankQuestionDialogVisible" width="800px">
+      <el-form ref="editFillBlankQuestionFormRef" :model="editFillBlankQuestionFormData" label-width="120px">
+        <el-form-item label="问题描述" prop="blank_description" required>
+          <el-input v-model="editFillBlankQuestionFormData.blank_description" type="textarea" placeholder="请输入问题描述"
+            :rows="4" resize="none"></el-input>
+        </el-form-item>
+        <el-form-item label="空白数量" prop="blank_count" required>
+          <el-input v-model.number="editFillBlankQuestionFormData.blank_count" placeholder="请输入空白数量" type="number"
+            min="1" @change="handleEditBlankCountChange"></el-input>
+        </el-form-item>
+        <div v-for="index in editFillBlankQuestionFormData.blank_count" :key="index" class="answer-item">
+              <el-form-item :label="'答案 ' + index" :prop="'correct_answers.' + (index - 1)">
+                <el-input v-model="editFillBlankQuestionFormData.correct_answers[index - 1]" placeholder="正确答案"></el-input>
+              </el-form-item>
+            </div>
+        <el-form-item label="分值" prop="score" required>
+          <el-input v-model.number="editFillBlankQuestionFormData.score" placeholder="请输入分值" type="number" min="0" step="0.5"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="editFillBlankQuestionDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveEditedFillBlankQuestion">保存</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 判断题弹窗 -->
+    <el-dialog title="添加判断题" :visible.sync="judgeQuestionDialogVisible" width="800px">
+      <el-form ref="judgeQuestionFormRef" :model="judgeQuestionFormData" label-width="120px">
+        <el-form-item label="判断内容" prop="content">
+          <el-input v-model="judgeQuestionFormData.content" type="textarea" placeholder="请输入判断内容"
+            :rows="3" /></el-form-item>
+        <el-form-item label="正确答案" prop="is_correct">
+          <el-radio-group v-model="judgeQuestionFormData.is_correct">
+            <el-radio :label="true">正确</el-radio>
+            <el-radio :label="false">错误</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="judgeQuestionDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveJudgeQuestion">保存</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 简答题弹窗 (适用于问答题、分析题、论述题) -->
+    <el-dialog :title="shortQuestionDialogTitle" :visible.sync="shortQuestionDialogVisible" width="800px">
+      <el-form ref="shortQuestionFormRef" :model="shortQuestionFormData" label-width="120px">
+        <el-form-item label="问题内容" prop="content">
+          <el-input v-model="shortQuestionFormData.content" type="textarea" placeholder="请输入问题内容"
+            :rows="3" /></el-form-item>
+        <el-form-item label="参考答案" prop="reference_answer">
+          <el-input v-model="shortQuestionFormData.reference_answer" type="textarea" placeholder="请输入参考答案"
+            :rows="5" /></el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="shortQuestionDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSaveShortQuestion">保存</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+// 导入组件
+import QuestionAddForm from '../../components/admin/QuestionAddForm.vue'
+import QuestionDescriptionEditForm from '../../components/admin/QuestionDescriptionEdit.vue'
+
+export default {
+  name: 'QuestionManagementView',
+  components: {
+    QuestionAddForm,
+    QuestionDescriptionEditForm
+  },
+  data() {
+    return {
+      // 数据和状态
+      questionList: [],
+      loading: false,
+      dialogVisible: false,
+      dialogTitle: '添加题干',
+      dialogFormType: 'addQuestion',
+      questionTypes: [],
+
+      // 表单数据
+      formData: {
+        id: null,
+        question_type: '',
+        question_description: '',
+        images: [], // 存储图片base64
+        datasets: [] // 存储数据集二维数组
+      },
+
+      // 编辑题干描述表单数据
+      editDescriptionFormData: {
+        id: null,
+        question_description: ''
+      },
+
+      // 弹窗状态
+      choiceQuestionDialogVisible: false,
+      fillBlankQuestionDialogVisible: false,
+      editFillBlankQuestionDialogVisible: false,
+      judgeQuestionDialogVisible: false,
+      shortQuestionDialogVisible: false,
+      shortQuestionDialogTitle: '添加问题',
+
+      // 当前选中的题干ID
+      currentQuestionId: null,
+
+      // 选择题表单数据
+      choiceQuestionFormData: {
+        choice_description: '', // 问题描述
+        choice_type: 'single',  // 默认单选题
+        choice_options: [       // 选项列表
+          { value: '' },
+          { value: '' },
+          { value: '' },
+          { value: '' }
+        ],
+        correct_answers: [],     // 正确答案(字符串数组)
+        score: null
+      },
+
+      // 编辑选择题相关数据
+      editChoiceQuestionDialogVisible: false,
+      editChoiceQuestionDialogTitle: '编辑选择题',
+      editChoiceQuestionFormData: {
+        id: null,
+        question_id: null,
+        choice_description: '',
+        choice_type: 'single',
+        choice_options: [
+          { value: '' },
+          { value: '' },
+          { value: '' },
+          { value: '' }
+        ],
+        correct_answers: [],
+        score: null
+      },
+
+      // 填空题表单数据
+      fillBlankQuestionFormData: {
+        blank_description: '',
+        blank_count: 1,
+        correct_answers: [''],
+        score: 5
+      },
+      editFillBlankQuestionFormData: {
+        id: '',
+        blank_description: '',
+        blank_count: 1,
+        correct_answers: [''],
+        score: 5
+      },
+
+      // 判断题表单数据
+      judgeQuestionFormData: {
+        content: '',
+        is_correct: true
+      },
+
+      // 简答题表单数据
+      shortQuestionFormData: {
+        content: '',
+        reference_answer: ''
+      },
+
+      // 当前选中的题干
+      currentQuestion: null
+    }
+  },
+  mounted () {
+    this.fetchQuestions()
+    this.loadQuestionTypes()
+  },
+  methods: {
+    // 加载题型列表
+    async loadQuestionTypes () {
+      try {
+        // 修改为与preload.js中一致的接口名称
+        const data = await window.electronAPI.dictFetchItemsByType('question_type', 1)
+        this.questionTypes = data
+      } catch (error) {
+        this.$message.error('获取题型列表失败: ' + error.message)
+        console.error('获取题型列表失败', error)
+      }
+    },
+
+    // 获取题干列表
+    async fetchQuestions () {
+      this.loading = true
+      try {
+        // 修改为与preload.js中一致的接口名称
+        const questions = await window.electronAPI.questionFetchAllWithRelations()
+        console.log('questions', questions)
+        const processedQuestions = questions.map(question => ({
+          ...question,
+          image_count: question.images ? question.images.length : 0,
+          dataset_count: question.datasets ? question.datasets.length : 0
+        }))
+
+        this.questionList = processedQuestions
+      } catch (error) {
+        console.error('Failed to fetch questions:', error)
+        this.$message.error('获取题干列表失败')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    // 打开添加题干对话框
+    openAddQuestionDialog () {
+      this.dialogTitle = '添加题干'
+      this.dialogFormType = 'addQuestion'
+      this.resetAddForm()
+      // 添加短暂延迟再打开弹窗
+      setTimeout(() => {
+        this.dialogVisible = true
+      }, 100)
+    },
+
+    // 更新表单数据
+    updateFormData (newData) {
+      this.formData = newData
+    },
+
+    // 保存题干(新建)
+    async handleSaveQuestion () {
+      try {
+        const serializedData = {
+          ...this.formData,
+          images: this.formData.images.map(image => ({
+            name: image.file_name || 'image',
+            base64: image.image_base64
+          })),
+          datasets: this.formData.datasets.map(dataset => ({
+            name: dataset.file_name || 'dataset',
+            content: typeof dataset.content === 'string' ? dataset.content : JSON.stringify(dataset.content)
+          }))
+        }
+        // 修改为与preload.js中一致的接口名称
+        await window.electronAPI.questionCreate(serializedData)
+        this.$message.success('题目添加成功')
+
+        this.dialogVisible = false
+        this.fetchQuestions()
+      } catch (error) {
+        console.error('保存题目失败:', error)
+        this.$message.error('保存题目失败')
+      }
+    },
+
+    // 关闭对话框
+    handleDialogClose () {
+      this.dialogVisible = false
+    },
+
+    // 重置表单
+    resetAddForm () {
+      this.formData = {
+        id: null,
+        question_type: '',
+        question_description: '',
+        images: [],
+        datasets: []
+      }
+    },
+
+    // 编辑题干描述
+    handleEditQuestionDescription (question) {
+      this.dialogTitle = '编辑题干描述'
+      this.dialogFormType = 'editDescription'
+      this.editDescriptionFormData = {
+        id: question.id,
+        question_description: question.question_description
+      }
+      this.dialogVisible = true
+    },
+
+    // 保存题干描述修改
+    async handleSaveQuestionDescription (data) {
+      try {
+        if (!data) return
+
+        // 修改为与preload.js中一致的接口名称和参数格式
+        await window.electronAPI.questionUpdateDescription({
+          id: data.id,
+          question_description: data.question_description
+        })
+
+        this.dialogVisible = false
+        this.$message.success('更新题干描述成功')
+        this.fetchQuestions()
+      } catch (error) {
+        console.error('Failed to update question description:', error)
+        this.$message.error('更新题干描述失败')
+      }
+    },
+
+    // 添加子问题
+    handleAddSubQuestion (question) {
+      this.currentQuestion = question
+      this.currentQuestionId = question.id
+
+      // 根据题型类型显示对应的弹窗
+      if (question.question_type_name === '选择题') {
+        this.choiceQuestionDialogVisible = true
+      } else if (question.question_type_name === '填空题') {
+        this.fillBlankQuestionDialogVisible = true
+      } else if (question.question_type_name === '判断题') {
+        this.judgeQuestionDialogVisible = true
+      } else {
+        this.shortQuestionDialogTitle = `添加${question.question_type_name}`
+        this.shortQuestionDialogVisible = true
+      }
+    },
+
+    // 删除题干
+    async handleDeleteQuestion (id) {
+      try {
+        await this.$confirm('确定要删除该题干吗？', '确认删除', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+
+        // 修改为使用正确的通道名称
+        await window.electronAPI.questionDelete(id)
+        this.$message.success('删除题干成功')
+        this.fetchQuestions()
+      } catch (error) {
+        if (error !== 'cancel') {
+          console.error('Failed to delete question:', error)
+          this.$message.error('删除题干失败')
+        }
+      }
+    },
+
+    // 编辑选择题
+    handleEditChoiceQuestion (choice, idx) {
+      this.editChoiceQuestionDialogTitle = '编辑选择题'
+
+      // 处理选项数据
+      let choiceOptions = []
+      if (Array.isArray(choice.choice_options)) {
+        choiceOptions = choice.choice_options
+      } else if (typeof choice.choice_options === 'string') {
+        try {
+          choiceOptions = JSON.parse(choice.choice_options)
+        } catch (e) {
+          console.error('Failed to parse choice options:', e)
+          choiceOptions = []
+        }
+      }
+
+      // 处理正确答案数据
+      let correctAnswers = []
+      if (Array.isArray(choice.correct_answers)) {
+        correctAnswers = choice.correct_answers
+      } else if (typeof choice.correct_answers === 'string') {
+        try {
+          correctAnswers = JSON.parse(choice.correct_answers)
+        } catch (e) {
+          console.error('Failed to parse correct answers:', e)
+          correctAnswers = []
+        }
+      }
+
+      // 转换选项格式为Vue组件期望的格式（包含value属性的对象数组）
+      const formattedOptions = choiceOptions.map(option => ({
+        value: option
+      }))
+
+      this.editChoiceQuestionFormData = {
+        ...choice,
+        choice_options: formattedOptions,
+        correct_answers: correctAnswers
+      }
+      this.editChoiceQuestionDialogVisible = true
+    },
+
+    // 添加选项
+    addOption () {
+      this.choiceQuestionFormData.choice_options.push({ value: '' })
+    },
+
+    // 移除选项
+    removeOption (index) {
+      this.choiceQuestionFormData.choice_options.splice(index, 1)
+      // 如果是单选题且删除的是正确答案，清空正确答案
+      if (this.choiceQuestionFormData.choice_type === 'single' &&
+        this.choiceQuestionFormData.correct_answers[0] === this.choiceQuestionFormData.choice_options[index].value) {
+        this.choiceQuestionFormData.correct_answers[0] = ''
+      }
+      // 如果是多选题，移除正确答案中对应的选项
+      if (this.choiceQuestionFormData.choice_type === 'multiple') {
+        this.choiceQuestionFormData.correct_answers =
+          this.choiceQuestionFormData.correct_answers.filter(
+            answer => answer !== this.choiceQuestionFormData.choice_options[index].value
+          )
+      }
+    },
+
+    // 添加编辑选项
+    addEditOption () {
+      this.editChoiceQuestionFormData.choice_options.push({ value: '' })
+    },
+
+    // 移除编辑选项
+    removeEditOption (index) {
+      this.editChoiceQuestionFormData.choice_options.splice(index, 1)
+    },
+
+    // 保存选择题
+    async handleSaveChoiceQuestion () {
+      try {
+        // 准备选项数据，确保是一个字符串数组
+        const options = this.choiceQuestionFormData.choice_options.map(opt => opt.value)
+        // 准备正确答案数据，确保是一个字符串数组
+        const correctAnswers = this.choiceQuestionFormData.correct_answers
+
+        const formData = {
+          ...this.choiceQuestionFormData,
+          question_id: this.currentQuestionId,
+          // 这里不再需要JSON.stringify，直接传递数组
+          choice_options: options,
+          correct_answers: correctAnswers
+        }
+
+        await window.electronAPI.questionCreateChoice(formData)
+        this.$message.success('选择题保存成功')
+        this.choiceQuestionDialogVisible = false
+        this.fetchQuestions()
+      } catch (error) {
+        console.error('保存选择题失败:', error)
+        this.$message.error('保存选择题失败')
+      }
+    },
+
+    // 保存编辑后的选择题
+    async handleSaveEditedChoiceQuestion () {
+      try {
+        // 准备选项数据，确保是一个字符串数组
+        const options = this.editChoiceQuestionFormData.choice_options.map(opt => opt.value)
+        // 准备正确答案数据，确保是一个字符串数组
+        const correctAnswers = this.editChoiceQuestionFormData.correct_answers
+
+        // 创建不包含choice_options和correct_answers的formData
+        const { choice_options, correct_answers, ...restFormData } = this.editChoiceQuestionFormData
+
+        // 创建要传递给主进程的数据
+        const formData = {
+          ...restFormData,
+          // 这里不再需要JSON.stringify，直接传递数组
+          choice_options: options,
+          correct_answers: correctAnswers
+        }
+
+        // 正确传递两个参数：id和formData
+        await window.electronAPI.questionUpdateChoice(formData.id, formData)
+        this.$message.success('选择题更新成功')
+        this.editChoiceQuestionDialogVisible = false
+        this.fetchQuestions()
+      } catch (error) {
+        console.error('更新选择题失败:', error)
+        this.$message.error('更新选择题失败')
+      }
+    },
+
+    // 保存填空题
+    async handleSaveFillBlankQuestion () {
+      try {
+        const formData = {
+          ...this.fillBlankQuestionFormData,
+          question_id: this.currentQuestionId
+        }
+
+        // 修改为使用新添加的接口
+        await window.electronAPI.questionCreateFillBlank(formData)
+        this.$message.success('填空题保存成功')
+        this.fillBlankQuestionDialogVisible = false
+        this.fetchQuestions()
+      } catch (error) {
+        console.error('保存填空题失败:', error)
+        this.$message.error('保存填空题失败')
+      }
+    },
+
+    // 编辑填空题
+    handleEditFillBlankQuestion (fillBlank, idx) {
+      // 确保correct_answers是数组格式
+      let correctAnswers = []
+      if (Array.isArray(fillBlank.correct_answers)) {
+        correctAnswers = fillBlank.correct_answers
+      } else if (typeof fillBlank.correct_answers === 'string') {
+        try {
+          correctAnswers = JSON.parse(fillBlank.correct_answers)
+        } catch (e) {
+          console.error('Failed to parse correct answers:', e)
+          correctAnswers = []
+        }
+      }
+
+      this.editFillBlankQuestionFormData = {
+        id: fillBlank.id,
+        blank_description: fillBlank.blank_description || '',
+        blank_count: fillBlank.blank_count || 1,
+        correct_answers: [...correctAnswers], // 深拷贝避免引用问题
+        score: fillBlank.score || 5
+      }
+
+      this.editFillBlankQuestionDialogVisible = true
+    },
+
+    // 处理编辑时空白数量变化
+    handleEditBlankCountChange () {
+      const currentCount = this.editFillBlankQuestionFormData.correct_answers.length
+      const newCount = this.editFillBlankQuestionFormData.blank_count
+
+      if (newCount > currentCount) {
+        // 增加答案输入框
+        for (let i = currentCount; i < newCount; i++) {
+          this.editFillBlankQuestionFormData.correct_answers.push('')
+        }
+      } else if (newCount < currentCount) {
+        // 减少答案输入框
+        this.editFillBlankQuestionFormData.correct_answers.splice(newCount)
+      }
+    },
+
+    // 保存编辑后的填空题
+    async handleSaveEditedFillBlankQuestion () {
+      try {
+        const formData = {
+          ...this.editFillBlankQuestionFormData
+        }
+
+        // 调用更新方法，传递id和formData
+        await window.electronAPI.questionUpdateFillBlank(formData.id, formData)
+        this.$message.success('填空题更新成功')
+        this.editFillBlankQuestionDialogVisible = false
+        this.fetchQuestions()
+      } catch (error) {
+        console.error('更新填空题失败:', error)
+        this.$message.error('更新填空题失败')
+      }
+    },
+
+    // 保存判断题（当前preload.js中没有直接对应的接口，使用通用的接口模拟）
+    async handleSaveJudgeQuestion () {
+      try {
+        const formData = {
+          ...this.judgeQuestionFormData,
+          question_id: this.currentQuestionId
+        }
+
+        // 修改为使用新添加的接口
+        await window.electronAPI.questionCreateFillBlank(formData)
+        this.$message.success('判断题保存成功')
+        this.judgeQuestionDialogVisible = false
+        this.fetchQuestions()
+      } catch (error) {
+        console.error('保存判断题失败:', error)
+        this.$message.error('保存判断题失败')
+      }
+    },
+
+    // 保存简答题（当前preload.js中没有直接对应的接口，使用通用的接口模拟）
+    async handleSaveShortQuestion () {
+      try {
+        const formData = {
+          ...this.shortQuestionFormData,
+          question_id: this.currentQuestionId,
+          question_type_name: this.currentQuestion.question_type_name
+        }
+
+        // 修改为使用新添加的接口
+        await window.electronAPI.questionCreateFillBlank(formData)
+        this.$message.success('问题保存成功')
+        this.shortQuestionDialogVisible = false
+        this.fetchQuestions()
+      } catch (error) {
+        console.error('保存问题失败:', error)
+        this.$message.error('保存问题失败')
+      }
+    },
+
+    // 判断是否为正确答案
+    isCorrectAnswer (index, correctAnswers, options) {
+      return correctAnswers.includes(options[index - 1])
+    },
+
+    // 格式化正确答案
+    formatCorrectAnswers (correctAnswers) {
+      // 检查correctAnswers是否为数组
+      if (!correctAnswers || (Array.isArray(correctAnswers) && correctAnswers.length === 0)) {
+        return '无'
+      }
+
+      // 如果是数组，直接使用join方法
+      if (Array.isArray(correctAnswers)) {
+        return correctAnswers.join(', ')
+      }
+
+      // 如果是字符串，检查是否是JSON字符串并尝试解析
+      if (typeof correctAnswers === 'string') {
+        try {
+          const parsedAnswers = JSON.parse(correctAnswers)
+          if (Array.isArray(parsedAnswers)) {
+            return parsedAnswers.join(', ')
+          }
+          return correctAnswers
+        } catch (e) {
+          // 如果不是JSON字符串，直接返回原字符串
+          return correctAnswers
+        }
+      }
+
+      // 其他类型，转换为字符串返回
+      return String(correctAnswers)
+    },
+
+    // 判断是否有相关问题
+    hasRelatedQuestions (question) {
+      return question.choices || question.fillBlanks || question.judges || question.shorts
+    },
+
+    // 获取题型颜色
+    getTypeColor (typeName) {
+      const colorMap = {
+        '选择题': 'primary',
+        '单选题': 'primary',
+        '多选题': 'primary',
+        '填空题': 'success',
+        '填表题': 'warning',
+        '判断题': 'danger',
+        '问答题': 'info',
+        '分析题': 'purple',
+        '论述题': 'blue'
+      }
+      return colorMap[typeName] || 'default'
+    },
+
+    // 添加一个新方法用于安全解析JSON字符串
+    parseArray(jsonString) {
+      try {
+        const parsed = JSON.parse(jsonString)
+        return Array.isArray(parsed) ? parsed : [parsed]
+      } catch (error) {
+        // 如果解析失败，返回原始字符串作为单元素数组
+        console.warn('Failed to parse JSON string:', jsonString, error)
+        return [jsonString]
+      }
+    },
+
+    // 删除选择题
+    async handleDeleteChoiceQuestion (choiceId) {
+      try {
+        // 显示确认对话框
+        const confirmResult = await this.$confirm('确定要删除这道选择题吗？', '确认删除', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+
+        if (confirmResult === 'confirm') {
+          // 调用删除API
+          await window.electronAPI.questionDeleteChoice(choiceId)
+          this.$message.success('选择题删除成功')
+          this.fetchQuestions()
+        }
+      } catch (error) {
+        // 如果用户取消了确认对话框，error会被触发，但我们不需要显示错误信息
+        if (error !== 'cancel') {
+          console.error('删除选择题失败:', error)
+          this.$message.error('删除选择题失败')
+        }
+      }
+    },
+
+    // 删除填空题
+    async handleDeleteFillBlankQuestion (fillBlankId) {
+      try {
+        // 显示确认对话框
+        const confirmResult = await this.$confirm('确定要删除这道填空题吗？', '确认删除', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+
+        if (confirmResult === 'confirm') {
+          // 调用删除API
+          await window.electronAPI.questionDeleteFillBlank(fillBlankId)
+          this.$message.success('填空题删除成功')
+          this.fetchQuestions()
+        }
+      } catch (error) {
+        // 如果用户取消了确认对话框，error会被触发，但我们不需要显示错误信息
+        if (error !== 'cancel') {
+          console.error('删除填空题失败:', error)
+          this.$message.error('删除填空题失败')
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 调整容器样式，使用flex布局确保内容区域能够占满剩余空间 */
+.question-management-container {
+  padding: 20px;
+  background-color: #f5f7fa;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.question-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: left;
+  margin-bottom: 20px;
+}
+
+/* 修改question-content样式，使其占据剩余空间 */
+.question-content {
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+  padding: 20px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 让question-list占据剩余的垂直空间 */
+.question-list {
+  flex: 1;
+  overflow-y: auto;
+}
+
+/* 其他样式保持不变 */
+.question-item {
+  margin-bottom: 20px;
+  border-bottom: 1px solid #e4e7ed;
+  padding-bottom: 20px;
+}
+
+.question-item:last-child {
+  border-bottom: none;
+}
+
+.question-detail {
+  margin-bottom: 15px;
+}
+
+.question-type-tag {
+  margin-left: 10px;
+}
+
+.question-images {
+  margin: 15px 0;
+}
+
+.image-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.preview-image {
+  width: 200px;
+  height: 120px;
+}
+
+.question-datasets {
+  margin: 15px 0;
+}
+
+.dataset-item {
+  margin-bottom: 15px;
+}
+
+.dataset-table {
+  margin-top: 10px;
+}
+
+.related-questions {
+  margin-top: 20px;
+  padding-top: 20px;
+  border-top: 1px dashed #e4e7ed;
+}
+
+.related-question-item {
+  margin-bottom: 15px;
+  padding: 10px;
+  background-color: #f9f9f9;
+  border-radius: 4px;
+}
+
+.question-item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.choice-options {
+  margin: 10px 0;
+  padding-left: 20px;
+}
+
+.choice-options>div {
+  margin-bottom: 8px;
+}
+
+.correct-answer {
+  color: #67c23a;
+  font-weight: bold;
+}
+
+.wrong-answer {
+  color: #f56c6c;
+}
+
+.option-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.option-label {
+  width: 30px;
+  text-align: center;
+  font-weight: bold;
+}
+
+.form-actions {
+  margin-top: 20px;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+/* 滚动条样式 */
+.question-list::-webkit-scrollbar {
+  width: 6px;
+}
+
+.question-list::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+.question-list::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+.question-list::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+</style>
\ No newline at end of file