From d3a9e6d30e17f08613e34375903ca24c6bae7ef1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=86=E5=85=89LG?= <lg@tydi.fun>
Date: Mon, 11 Aug 2025 18:48:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=8C=E5=96=84c=E8=AF=AD=E8=A8=80?=
 =?UTF-8?q?=E5=87=BA=E9=A2=98=E9=A1=B5=E9=9D=A2=E5=88=A4=E5=88=86=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/paper/question/CdesignForm.vue | 807 +++++++++++------------
 1 file changed, 393 insertions(+), 414 deletions(-)

diff --git a/src/views/paper/question/CdesignForm.vue b/src/views/paper/question/CdesignForm.vue
index 8bbc060..c02c491 100644
--- a/src/views/paper/question/CdesignForm.vue
+++ b/src/views/paper/question/CdesignForm.vue
@@ -6,11 +6,11 @@
           <div class="tabsTip">
             <el-icon><InfoFilled /></el-icon>C语言基础环境采用gcc编译器
           </div>
-          <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+          <el-tabs v-model="activeName" class="demo-tabs">
             <el-tab-pane label="基本内容" name="common">
               <div class="line">
                 <div class="title-text">试题描述</div>
-                <ElInput v-model="inputText" style="width: 100%" />
+                <ElInput v-model="formData.contentText" style="width: 100%" />
               </div>
               <div class="line">
                 <div class="title-text">试题题目</div>
@@ -25,7 +25,7 @@
                   </ElButton>
                 </div>
                 <div class="block">
-                  <Editor v-model="content" height="150px" />
+                  <Editor v-model="formData.content" height="200px" />
                 </div>
                 <div class="buttons">
                   <ElButton type="primary" plain>
@@ -135,8 +135,8 @@
                   </el-dialog>
                   <el-form-item label="启用状态" prop="status">
                     <el-radio-group v-model="formData.status">
-                      <el-radio :label="'0'">启用</el-radio>
-                      <el-radio :label="'1'">禁用</el-radio>
+                      <el-radio :value="'0'">启用</el-radio>
+                      <el-radio :value="'1'">禁用</el-radio>
                     </el-radio-group>
                   </el-form-item>
                 </el-form>
@@ -154,7 +154,7 @@
                       不能采用类似 scanf("请输入: %s") 的形式</p
                     >
                   </div>
-                  <CodeEditor ref="textareaRef" v-model="textarea" :rows="10" />
+                  <CodeEditor ref="textareaRef" v-model="referenceAnswer" :rows="10" />
                   <div class="btn-line">
                     <el-button type="primary" plain @click="addKeywordFromSelection"
                       >添加为关键字</el-button
@@ -165,27 +165,29 @@
                     >
                   </div>
                   <el-checkbox
-                    v-model="programData.checkAutoScore"
+                    v-model="formData.questionScores.checkAutoScore"
                     label="自动判分方式"
                     size="large"
                   />
                 </div>
               </div>
-              <template v-if="programData.checkAutoScore">
+              <template v-if="formData.questionScores.checkAutoScore">
                 <div class="line">
                   <div class="title-text">测试用例</div>
                   <div class="block">
                     <div class="flex">
                       <el-checkbox
-                        v-model="programData.checkCompile"
+                        v-model="formData.questionScores.isPass"
                         label="编译通过得分"
                         size="large"
+                        true-value="0"
+                        false-value="1"
                       />
-                      <template v-if="programData.checkCompile">
+                      <template v-if="formData.questionScores.isPass === '0'">
                         <div class="flex" style="margin-left: 20px">
                           编译得分比例：
                           <el-input
-                            v-model="programData.compilePercent"
+                            v-model="formData.questionScores.isPassScore"
                             type="number"
                             placeholder="Please input"
                           >
@@ -196,57 +198,70 @@
                     </div>
                     <div>
                       <el-checkbox
-                        v-model="programData.useTestCases"
+                        v-model="formData.questionScores.isResult"
                         label="使用测试用例"
                         size="large"
+                        true-value="0"
+                        false-value="1"
                       />
-                      <div v-if="programData.useTestCases">
-                        <div class="flex">
-                          <el-checkbox
-                            v-model="programData.fullScoreOnAllTestCases"
-                            label="测试用例全对时直接得满分"
-                            size="large"
-                          />
+                      <div v-if="formData.questionScores.isResult === '0'">
+                        <div class="flex" style="margin-left: 20px">
+                          测试用例得分比例：
+                          <el-input
+                            v-model="formData.questionScores.isCompileScore"
+                            type="number"
+                            placeholder="Please input"
+                          >
+                            <template #append>%</template>
+                          </el-input>
                         </div>
-                        <div class="tip">
-                          <p
-                            >判分时，测试用例得分比例 = 100% - 关键字得分比例 -
-                            编译得分比例；默认最小 10% 得分比例；<br />
-                            设置“测试用例全对时直接得满分”，测试用例结果全对时，忽略关键字得分，直接获得试题满分；否则按上述条件计算得分。</p
+                        <div class="btn-line" style="margin-bottom: 10px">
+                          <el-button type="primary" plain @click="addTestCase">添加用例</el-button>
+                          <el-button type="danger" plain @click="deleteAllTestCases"
+                            >删除全部</el-button
+                          >
+                          <el-button type="primary" plain>测试所有用例</el-button>
+                          <el-button type="primary" plain @click="averageTestCasesWeight"
+                            >均分权重</el-button
                           >
                         </div>
-                        <el-radio-group v-model="programData.radio1" class="ml-4">
-                          <el-radio label="1" size="large">测试用例部分对时得分</el-radio>
-                          <el-radio label="2" size="large">测试用例全对时得分</el-radio>
-                        </el-radio-group>
-                        <div class="btn-line" style="margin-bottom: 10px">
-                          <el-button type="primary" plain>添加用例</el-button>
-                          <el-button type="primary" plain>导入用例</el-button>
-                          <el-button type="primary" plain>导出模板</el-button>
-                          <el-button type="primary" plain>删除全部</el-button>
-                          <el-button type="primary" plain>测试所有用例</el-button>
-                          <el-button type="primary" plain>均分权重</el-button>
-                        </div>
                         <el-table
-                          :data="examList"
+                          :data="formData.answerList"
                           style="width: 100%"
                           @selection-change="handleExamSelectionChange"
                         >
                           <el-table-column type="index" width="50" />
                           <el-table-column type="selection" width="55" />
-                          <el-table-column prop="type" label="输入" width="80" />
-                          <el-table-column
-                            prop="title"
-                            label="输出"
-                            width="180"
-                            show-overflow-tooltip
-                          />
-                          <el-table-column prop="displayIndex" label="权重(%)" />
-                          <el-table-column prop="size" label="隐藏用例" />
-                          <el-table-column prop="size" label="仅隐藏输出" />
-                          <el-table-column label="操作">
+                          <el-table-column label="输入" width="180">
                             <template #default="scope">
-                              <el-button type="primary" @click="delExam(scope)">删除</el-button>
+                              <el-input v-model="scope.row.contentIn" type="textarea" :rows="1" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="输出" width="180">
+                            <template #default="scope">
+                              <el-input v-model="scope.row.content" type="textarea" :rows="1" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="权重(%)">
+                            <template #default="scope">
+                              <el-input v-model="scope.row.scoreRate" type="number" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="隐藏用例" width="90" align="center">
+                            <template #default="scope">
+                              <el-switch v-model="scope.row.hideCase" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="仅隐藏输出" width="100" align="center">
+                            <template #default="scope">
+                              <el-switch v-model="scope.row.hideOutput" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="操作" width="90" align="center">
+                            <template #default="scope">
+                              <el-button type="danger" link @click="deleteTestCase(scope.$index)"
+                                >删除</el-button
+                              >
                             </template>
                           </el-table-column>
                         </el-table>
@@ -259,15 +274,17 @@
                   <div class="block">
                     <div class="flex">
                       <el-checkbox
-                        v-model="programData.checkKeyword"
+                        v-model="formData.questionScores.isKeyword"
                         label="检查代码关键字"
                         size="large"
+                        true-value="0"
+                        false-value="1"
                       />
-                      <template v-if="programData.checkKeyword">
+                      <template v-if="formData.questionScores.isKeyword === '0'">
                         <div class="flex" style="margin-left: 20px">
                           关键字得分比例：
                           <el-input
-                            v-model="programData.percent"
+                            v-model="formData.questionScores.isKeywordScore"
                             type="number"
                             placeholder="Please input"
                           >
@@ -277,7 +294,7 @@
                         <div class="flex">
                           关键字得分临界值：
                           <el-input
-                            v-model="programData.percent"
+                            v-model="formData.questionScores.keywordCutoff"
                             type="number"
                             placeholder="Please input"
                           >
@@ -286,7 +303,7 @@
                         </div>
                       </template>
                     </div>
-                    <template v-if="programData.checkKeyword">
+                    <template v-if="formData.questionScores.isKeyword === '0'">
                       <div class="tip" style="margin-top: 10px">
                         <p
                           >提示：关键字支持正则表达式匹配方式，在新建或编辑中设置。<br />
@@ -297,29 +314,38 @@
                         >
                       </div>
                       <div class="btn-line" style="margin-bottom: 10px">
-                        <el-button type="primary" plain>新建</el-button>
-                        <el-button type="primary" plain>导入</el-button>
-                        <el-button type="primary" plain>删除全部</el-button>
+                        <el-button type="primary" plain @click="addScoreKeyword">新建</el-button>
+                        <el-button type="danger" plain @click="deleteAllScoreKeywords"
+                          >删除全部</el-button
+                        >
                         <el-button type="primary" plain>校验关键字</el-button>
                       </div>
                       <el-table
-                        :data="scoreKeyList"
+                        :data="formData.questionKeywords"
                         style="width: 100%"
                         @selection-change="handleScoreSelectionChange"
                       >
                         <el-table-column type="index" width="50" />
                         <el-table-column type="selection" width="55" />
                         <el-table-column
-                          prop="title"
+                          prop="keyword"
                           label="关键字"
                           width="180"
                           show-overflow-tooltip
                         />
-                        <el-table-column prop="displayIndex" label="权重(%)" />
-                        <el-table-column label="操作">
+                        <el-table-column label="权重(%)">
                           <template #default="scope">
-                            <el-button type="primary" @click="editScore(scope)">编辑</el-button>
-                            <el-button type="danger" @click="delScore(scope)">删除</el-button>
+                            <el-input v-model="scope.row.scoreRate" type="number" />
+                          </template>
+                        </el-table-column>
+                        <el-table-column label="操作" width="180" align="center">
+                          <template #default="scope">
+                            <el-button type="primary" link @click="editScore(scope.row)"
+                              >编辑</el-button
+                            >
+                            <el-button type="danger" link @click="deleteScoreKeyword(scope.$index)"
+                              >删除</el-button
+                            >
                           </template>
                         </el-table-column>
                       </el-table>
@@ -331,17 +357,17 @@
                   <div class="block">
                     <el-form label-width="120px" label-position="right">
                       <el-form-item label="输出读取方式:">
-                        <el-radio-group v-model="programData.outputReadMethod">
-                          <el-radio label="1">自动捕获程序输出</el-radio>
-                          <el-radio label="2">从文件中读取输出</el-radio>
+                        <el-radio-group v-model="formData.questionScores.outputReadMethod">
+                          <el-radio value="1">自动捕获程序输出</el-radio>
+                          <el-radio value="2">从文件中读取输出</el-radio>
                         </el-radio-group>
                         <div
-                          v-if="programData.outputReadMethod === '2'"
+                          v-if="formData.questionScores.outputReadMethod === '2'"
                           class="flex"
                           style="margin-left: 10px"
                         >
                           <el-input
-                            v-model="programData.outputFileName"
+                            v-model="formData.questionScores.outputFileName"
                             placeholder="请输入文件名"
                             style="width: 200px"
                             maxlength="20"
@@ -352,18 +378,21 @@
                         </div>
                       </el-form-item>
                       <el-form-item label="输出匹配规则:">
-                        <el-radio-group v-model="programData.outputMatchRule">
-                          <el-radio label="1">完全匹配</el-radio>
-                          <el-radio label="2">包含匹配</el-radio>
+                        <el-radio-group v-model="formData.questionScores.outputMatchRule">
+                          <el-radio value="1">完全匹配</el-radio>
+                          <el-radio value="2">包含匹配</el-radio>
                         </el-radio-group>
                       </el-form-item>
                       <el-form-item label="匹配选项:">
-                        <el-checkbox v-model="programData.ignoreCase" label="忽略输出大小写" />
-                        <el-checkbox v-model="programData.ignoreSymbols"
+                        <el-checkbox
+                          v-model="formData.questionScores.ignoreCase"
+                          label="忽略输出大小写"
+                        />
+                        <el-checkbox v-model="formData.questionScores.ignoreSymbols"
                           >忽略输出中英文符号（认为半角符号和全角中文符号是一样的）</el-checkbox
                         >
                         <el-checkbox
-                          v-model="programData.ignoreSpaces"
+                          v-model="formData.questionScores.ignoreSpaces"
                           label="忽略输出中每行内容中的全部空格"
                         />
                       </el-form-item>
@@ -376,7 +405,7 @@
                     <div class="flex">
                       时间限制：
                       <el-input
-                        v-model="programData.percent"
+                        v-model="formData.questionScores.timeLimit"
                         type="number"
                         placeholder="Please input"
                       />
@@ -385,7 +414,7 @@
                     <div class="flex">
                       内存限制：
                       <el-input
-                        v-model="programData.percent"
+                        v-model="formData.questionScores.memoryLimit"
                         type="number"
                         placeholder="Please input"
                       />
@@ -394,7 +423,7 @@
                     <div class="flex">
                       代码长度限制：
                       <el-input
-                        v-model="programData.percent"
+                        v-model="formData.questionScores.codeLengthLimit"
                         type="number"
                         placeholder="Please input"
                       />
@@ -420,7 +449,6 @@
                     <template #dropdown>
                       <el-dropdown-menu>
                         <el-dropdown-item @click="editKeyword('create')">新建</el-dropdown-item>
-                        <el-dropdown-item @click="editKeyword('create')">编辑</el-dropdown-item>
                         <el-dropdown-item @click="editKeyword('delete')">删除</el-dropdown-item>
                         <el-dropdown-item @click="editKeyword('deleteall')"
                           >删除全部</el-dropdown-item
@@ -432,7 +460,7 @@
               </template>
               <div class="block">
                 <el-table
-                  :data="keywordList"
+                  :data="formData.keywords"
                   style="width: 100%"
                   height="410"
                   @selection-change="handleKeywordSelectionChange"
@@ -451,7 +479,7 @@
                   :close-on-press-escape="false"
                 >
                   <div class="main" style="width: 100%; height: 100%">
-                    <el-input v-model="keyWord" placeholder="请输入关键字" size="large" />
+                    <el-input v-model="keyWordInput" placeholder="请输入关键字" size="large" />
                     <div class="dialog-footer" style="margin-top: 20px">
                       <el-button @click="keyDialogClose">取消</el-button>
                       <el-button type="primary" @click="confirmKeyDialogVisible"> 确定 </el-button>
@@ -518,7 +546,7 @@
     <el-dialog v-model="scoreDialogVisible" title="编辑关键字" width="600px">
       <el-form :model="currentScoreItem" label-width="100px">
         <el-form-item label="关键字">
-          <el-input v-model="currentScoreItem.title" placeholder="请输入关键字或正则表达式" />
+          <el-input v-model="currentScoreItem.keyword" placeholder="请输入关键字或正则表达式" />
         </el-form-item>
         <el-form-item label="插入正则">
           <el-button-group>
@@ -601,6 +629,7 @@
   <FileForm ref="FileRef" @success="handleUploadSuccess" />
 </template>
 <script lang="ts" setup>
+import { ref, nextTick, reactive } from 'vue'
 import * as QuestionApi from '@/api/paper/question'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { CommonStatusEnum } from '@/utils/constants'
@@ -609,56 +638,102 @@ import { defaultProps, handleTree } from '@/utils/tree'
 import * as SpecialtyApi from '@/api/points'
 import * as DeptApi from '@/api/system/dept'
 import * as UserApi from '@/api/system/user'
-import { FormRules } from 'element-plus'
+import { FormRules, ElMessage, ElMessageBox } from 'element-plus'
 import { Document, Search, InfoFilled, Paperclip, Upload } from '@element-plus/icons-vue'
 import FileForm from './components/FileForm.vue'
-import { nextTick } from 'vue'
 import type { InputInstance } from 'element-plus'
-defineOptions({ name: 'SystemUserForm' })
-const inputValue = ref('')
-const inputVisible = ref(false)
-const InputRef = ref<InputInstance>()
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { Editor } from '@/components/Editor'
+
+defineOptions({ name: 'CdesignForm' })
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+
+const getDefaultFormData = () => ({
+  id: undefined,
+  pointNamesVo: '',
+  chapteridDictTextVo: '',
+  content: '',
+  contentText: '',
+  specialtyName: '',
+  courseName: '',
+  quBankName: '',
+  required: '',
+  chapteridDictText: '',
+  analysis: '',
+  quLevel: 0,
+  questionScores: {
+    scoreId: '',
+    quId: '',
+    isPass: '1',
+    isResult: '1',
+    isKeyword: '1',
+    isCompile: '',
+    isPassScore: '',
+    isResultScore: '',
+    isKeywordScore: '',
+    isCompileScore: '',
+    keywordCutoff: '',
+    compileCutoff: '',
+    checkAutoScore: false,
+    outputReadMethod: '1',
+    outputFileName: '',
+    outputMatchRule: '1',
+    ignoreCase: false,
+    ignoreSymbols: false,
+    ignoreSpaces: false,
+    timeLimit: 1000,
+    memoryLimit: 128,
+    codeLengthLimit: 64
+  },
+  pointNames: '',
+  subjectName: '',
+  status: '0',
+  resourceValue: '',
+  answer: '',
+  answerList: [],
+  questionKeywords: [],
+  keywords: [], // 用于关键字tab的表格
+  fileUploads: [
+    { quId: '', url: '', fileType: '0', fileName: '' },
+    { quId: '', url: '', fileType: '1', fileName: '' },
+    { quId: '', url: '', fileType: '2', fileName: '' }
+  ]
+})
+
+const formData = ref<any>(getDefaultFormData())
+const formRef = ref() // 表单 Ref
+const textareaRef = ref<any>() // 参考答案编辑器
+
+/** 页面内容相关 */
+const activeName = ref('common')
+const referenceAnswer = ref('') // 参考答案（独立于formData，用于编辑器绑定）
+
 const tagsType = (type: string) => {
-  if (type === '1') {
-    return 'primary'
-  } else if (type === '2') {
-    return 'success'
-  } else {
-    return 'info'
-  }
+  if (type === '1') return 'primary'
+  if (type === '2') return 'success'
+  return 'info'
 }
+
 const downloadFile = async (url: string) => {
   if (!url) {
-    ElMessage.warning('暂无可下载的文件地址')
+    message.warning('暂无可下载的文件地址')
     return
   }
-
   try {
-    const response = await fetch(url)
-    if (!response.ok) {
-      throw new Error('下载失败')
-    }
-
-    const blob = await response.blob()
-    const blobUrl = window.URL.createObjectURL(blob)
-
-    // 提取文件名
-    const filename = url.substring(url.lastIndexOf('/') + 1).split('?')[0]
-
-    // 创建 a 标签并下载
-    const a = document.createElement('a')
-    a.href = blobUrl
-    a.download = filename
-    a.style.display = 'none'
-    document.body.appendChild(a)
-    a.click()
-    a.remove()
-
-    window.URL.revokeObjectURL(blobUrl)
+    window.open(url, '_blank')
   } catch (err: any) {
-    ElMessage.error(`下载失败：${err.message}`)
+    message.error(`下载失败：${err.message}`)
   }
 }
+
 const handleCloseTag = (url: string, type: string) => {
   const index = formData.value.fileUploads.findIndex((item) => item.url === url)
   if (index !== -1) {
@@ -669,137 +744,18 @@ const handleCloseTag = (url: string, type: string) => {
   }
 }
 
-// 运行与测试相关
-const runTestDialogVisible = ref(false)
-const reportDialogVisible = ref(false)
-const isCodeRunning = ref(false)
-const runResult = ref('')
-const scoringReport = ref<any>(null) // 存储评分报告
-
-const openRunTestDialog = () => {
-  runResult.value = '点击“调试运行”按钮以执行代码。'
-  runTestDialogVisible.value = true
-}
-
-const runCode = async () => {
-  if (!textarea.value) {
-    message.warning('参考答案代码为空，无法运行。')
-    return
-  }
-  isCodeRunning.value = true
-  runResult.value = '代码正在运行中，请稍候...'
-  try {
-    // 假设有一个API用于运行代码
-    // const res = await QuestionApi.runCode({ code: textarea.value })
-    // runResult.value = res.data.output || '代码运行完成，无输出。'
-  } catch (error) {
-    runResult.value = '代码运行出错，请检查代码或联系管理员。'
-    console.error('Run code error:', error)
-  } finally {
-    isCodeRunning.value = false
-  }
-}
-
-const openReportDialog = async () => {
-  // 假设有一个API用于获取评分报告
-  // const report = await QuestionApi.getScoringReport({ questionId: formData.value.id });
-  // scoringReport.value = report.data;
-
-  // 模拟数据
-  scoringReport.value = {
-    totalScore: 85,
-    compileResult: '编译成功'
-  }
-  reportDialogVisible.value = true
-}
-
-const showInput = () => {
-  inputVisible.value = true
-  nextTick(() => {
-    InputRef.value!.input!.focus()
-  })
-}
-
-const { t } = useI18n() // 国际化
-const message = useMessage() // 消息弹窗
-const dialogVisible = ref(false) // 弹窗的是否展示
-const dialogTitle = ref('') // 弹窗的标题
-const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
-const formType = ref('') // 表单的类型：create - 新增；update - 修改
-const formData = ref({
-  id: undefined,
-  pointNamesVo: '',
-  chapteridDictTextVo: '',
-  content: '',
-  specialtyName: '',
-  courseName: '',
-  quBankName: '',
-  required: '',
-  chapteridDictText: '',
-  analysis: '',
-  quLevel: 0,
-  pointNames: '',
-  subjectName: '',
-  status: '0',
-  resourceValue: '',
-  answer: '',
-  answerList: [
-    {
-      image: '',
-      content: '',
-      contentIn: '',
-      scoreRate: ''
-    }
-  ],
-  fileUploads: [
-    {
-      quId: '',
-      url: '',
-      fileType: '0',
-      fileName: ''
-    },
-    {
-      quId: '',
-      url: '',
-      fileType: '1',
-      fileName: ''
-    },
-    {
-      quId: '',
-      url: '',
-      fileType: '2',
-      fileName: ''
-    }
-  ]
-})
-const formRef = ref() // 表单 Ref
-const textareaRef = ref<any>()
-/** 添加/修改操作 */
+/** 文件上传 */
 const FileRef = ref()
 const openForm = (type: string) => {
   FileRef.value.open(type)
 }
 
-/** 页面内容开始 */
-const activeName = ref('common')
-const content = ref('')
-const textarea = ref('')
-const inputText = ref('')
-const handleClick = (tab, e) => {
-  activeName.value = tab.paneName
-}
-
 const handleUploadSuccess = async ({ url, fileType, file }) => {
   const res = await QuestionApi.previewQuestion({ file })
-  if (res.code !== 0) {
-    return
-  }
-  console.log(fileType)
+  if (res.code !== 0) return
 
   const index = formData.value.fileUploads.findIndex((item) => item.fileType === fileType)
   if (index !== -1) {
-    console.log(url)
-
     formData.value.fileUploads[index].url = url
     switch (fileType) {
       case '1':
@@ -814,9 +770,8 @@ const handleUploadSuccess = async ({ url, fileType, file }) => {
         break
     }
   }
-  // 处理参考答案的上传
   if (fileType === '4') {
-    textarea.value = res.data
+    referenceAnswer.value = res.data
   }
 }
 
@@ -827,25 +782,26 @@ const open = async (queryParams: any, type: string, id?: number) => {
   formType.value = type
   resetForm()
 
-  // 修改时，设置数据
   if (id) {
     formLoading.value = true
     try {
       const res = await QuestionApi.getQuestion(id)
-      formData.value = res
-      // 数据回显到各个部分
-      content.value = res.content
-      textarea.value = res.analysis // 假设 res.analysis 对应某个 textarea
-      // 其他列表数据回显
-      examList.value = res.examList || []
-      scoreKeyList.value = res.scoreKeyList || []
-      keywordList.value = res.keywordList || []
-      mediumList.value = res.mediumList || []
+      res.keywords = Array.isArray(res.keywords) ? res.keywords : []
+      res.questionKeywords = Array.isArray(res.questionKeywords) ? res.questionKeywords : []
+      res.answerList = Array.isArray(res.answerList) ? res.answerList : []
+      res.fileUploads = Array.isArray(res.fileUploads)
+        ? res.fileUploads
+        : getDefaultFormData().fileUploads
+      res.content = res.content || ''
+      res.answer = res.answer || ''
+      res.analysis = res.analysis || ''
+
+      formData.value = { ...formData.value, ...res }
+      referenceAnswer.value = res.analysis || '' // 假设参考答案在 analysis 字段
     } finally {
       formLoading.value = false
     }
   } else {
-    // 新增时，设置初始值
     formData.value.specialtyName = queryParams.specialtyName
     formData.value.courseName = queryParams.courseName
     formData.value.subjectName = queryParams.subjectName
@@ -855,73 +811,114 @@ const open = async (queryParams: any, type: string, id?: number) => {
     formData.value.chapteridDictTextVo = queryParams.chapteridDictText
   }
 }
-defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+defineExpose({ open })
 
-const programData = ref({
-  title: '', // 测试程序标题
-  checkAutoScore: false, // 控制“自动判分方式”复选框
-  checkCompile: false, // 控制“编译通过得分”复选框
-  compilePercent: 0, // 编译得分比例
-  useTestCases: false, // 控制“使用测试用例”复选框
-  fullScoreOnAllTestCases: false, // 控制“全对得满分”复选框
-  checkKeyword: false, // 控制“检查代码关键字”复选框
-  percent: 0, // 关键字得分比例
-  radio1: '', // 控制测试用例部分对或全对的单选框
-  // 自动判分选项
-  outputReadMethod: '1',
-  outputFileName: '',
-  outputMatchRule: '1',
-  ignoreCase: false,
-  ignoreSymbols: false,
-  ignoreSpaces: false,
-  // 其它选项
-  timeLimit: 1000,
-  memoryLimit: 128,
-  codeLengthLimit: 64
-})
-
-const examList = ref([] as any)
-const multipleSelection = ref([] as any)
+/** 测试用例相关 */
+const multipleSelection = ref<any[]>([])
 const handleExamSelectionChange = (val: any) => {
   multipleSelection.value = val
 }
-const delExam = (val: any) => {
-  console.log(val)
+
+const addTestCase = () => {
+  formData.value.answerList.push({
+    contentIn: '',
+    content: '',
+    scoreRate: 0,
+    hideCase: false,
+    hideOutput: false
+  })
 }
 
-const scoreKeyList = ref([] as any)
-const multipleScoreSelection = ref([] as any)
+const deleteTestCase = (index: number) => {
+  formData.value.answerList.splice(index, 1)
+}
+
+const deleteAllTestCases = async () => {
+  if (formData.value.answerList.length === 0) {
+    message.warning('当前没有测试用例可删除')
+    return
+  }
+  await message.confirm('确定要删除所有测试用例吗？')
+  formData.value.answerList = []
+}
+
+const averageTestCasesWeight = () => {
+  const cases = formData.value.answerList
+  if (cases.length > 0) {
+    const averageWeight = Math.floor(100 / cases.length)
+    const remainder = 100 % cases.length
+    const firstPartCount = cases.length - remainder // 计算不加余数的部分有多少个
+
+    cases.forEach((item, index) => {
+      // 将余数分配给末尾的用例
+      if (index < firstPartCount) {
+        item.scoreRate = averageWeight
+      } else {
+        item.scoreRate = averageWeight + 1
+      }
+    })
+  }
+}
+
+/** 代码关键字（计分）相关 */
+const multipleScoreSelection = ref<any[]>([])
 const handleScoreSelectionChange = (val: any) => {
   multipleScoreSelection.value = val
 }
 
-// 编辑关键字弹窗相关
 const scoreDialogVisible = ref(false)
 const currentScoreItem = ref<any>({})
 const equivalentKeywordInput = ref('')
 const regexTestInput = ref('')
 const regexTestResult = ref('')
+const isEditingScoreKeyword = ref(false)
 
-const editScore = (scope: any) => {
-  // 创建一个深拷贝，避免直接修改原始数据
-  currentScoreItem.value = JSON.parse(JSON.stringify(scope.row))
-  // 确保等价关键字列表存在
+const addScoreKeyword = () => {
+  isEditingScoreKeyword.value = false
+  currentScoreItem.value = reactive({
+    keyword: '',
+    scoreRate: 0,
+    equivalentKeywords: []
+  })
+  scoreDialogVisible.value = true
+}
+
+const editScore = (item: any) => {
+  isEditingScoreKeyword.value = true
+  currentScoreItem.value = reactive(JSON.parse(JSON.stringify(item)))
   if (!currentScoreItem.value.equivalentKeywords) {
     currentScoreItem.value.equivalentKeywords = []
   }
-  regexTestInput.value = ''
-  regexTestResult.value = ''
   scoreDialogVisible.value = true
 }
 
 const confirmScoreEdit = () => {
-  const index = scoreKeyList.value.findIndex((item) => item.title === currentScoreItem.value.title) // 假设title是唯一标识
-  if (index !== -1) {
-    scoreKeyList.value[index] = currentScoreItem.value
+  if (!isEditingScoreKeyword.value) {
+    formData.value.questionKeywords.push(currentScoreItem.value)
+  } else {
+    const index = formData.value.questionKeywords.findIndex(
+      (item) => item.keywordId === currentScoreItem.value.keywordId
+    )
+    if (index !== -1) {
+      formData.value.questionKeywords[index] = currentScoreItem.value
+    }
   }
   scoreDialogVisible.value = false
 }
 
+const deleteScoreKeyword = (index: number) => {
+  formData.value.questionKeywords.splice(index, 1)
+}
+
+const deleteAllScoreKeywords = async () => {
+  if (formData.value.questionKeywords.length === 0) {
+    message.warning('当前没有关键字可删除')
+    return
+  }
+  await message.confirm('确定要删除所有代码关键字吗？')
+  formData.value.questionKeywords = []
+}
+
 const addEquivalentKeyword = () => {
   if (
     equivalentKeywordInput.value &&
@@ -940,118 +937,156 @@ const removeEquivalentKeyword = (keyword: string) => {
 }
 
 const insertRegexMark = (mark: string) => {
-  currentScoreItem.value.title += mark
+  currentScoreItem.value.keyword += mark
 }
 
 const testRegex = () => {
-  if (!currentScoreItem.value.title) {
+  if (!currentScoreItem.value.keyword) {
     regexTestResult.value = '请输入正则表达式'
     return
   }
   try {
-    const regex = new RegExp(currentScoreItem.value.title)
-    if (regex.test(regexTestInput.value)) {
-      regexTestResult.value = '匹配成功'
-    } else {
-      regexTestResult.value = '匹配失败'
-    }
+    const regex = new RegExp(currentScoreItem.value.keyword)
+    regexTestResult.value = regex.test(regexTestInput.value) ? '匹配成功' : '匹配失败'
   } catch (e: any) {
-    regexTestResult.value = `正则表达式错误: ${e.message}`
+    regexTestResult.value = `正则无效: ${e.message}`
   }
 }
 
-const delScore = async (scope: any) => {
-  try {
-    // 删除的二次确认
-    await message.confirm('是否确认删除该关键字？')
-    // 从列表中移除
-    scoreKeyList.value.splice(scope.$index, 1)
-    message.success('删除成功')
-  } catch {}
-}
-
 const addKeywordFromSelection = () => {
   if (!textareaRef.value) return
-
   const selectedText = textareaRef.value.getSelectedText().trim()
-
   if (selectedText) {
-    // 检查关键字是否已存在
-    if (scoreKeyList.value.some((item) => item.title === selectedText)) {
+    if (formData.value.questionKeywords.some((item) => item.keyword === selectedText)) {
       message.warning('关键字已存在')
       return
     }
-    scoreKeyList.value.push({
-      title: selectedText,
-      displayIndex: 0 // 默认权重为0，可以根据需要修改
+    formData.value.questionKeywords.push({
+      keyword: selectedText,
+      scoreRate: 0
     })
   } else {
     message.warning('请先在测试程序中选择要添加的关键字')
   }
 }
 
-// 关键字
-
-const keywordList = ref([] as any)
-const multipleKeywordSelection = ref([] as any)
+/** 关键字 Tab 相关 */
+const multipleKeywordSelection = ref<any[]>([])
 const handleKeywordSelectionChange = (val: any) => {
   multipleKeywordSelection.value = val
 }
 const keyVisible = ref(false)
 const keyEditType = ref('')
+const keyWordInput = ref('')
 
-const keyWord = ref<any>([null])
-
-const editKeyword = (key) => {
+const editKeyword = (key: string) => {
   keyEditType.value = key
-  keyVisible.value = true
+  if (key === 'create') {
+    keyWordInput.value = ''
+    keyVisible.value = true
+  } else if (key === 'delete') {
+    if (multipleKeywordSelection.value.length === 0) {
+      message.warning('请选择要删除的关键字')
+      return
+    }
+    ElMessageBox.confirm('确定要删除选中的关键字吗？').then(() => {
+      const selectedKeywords = multipleKeywordSelection.value.map((item) => item.keyword)
+      formData.value.keywords = formData.value.keywords.filter(
+        (item) => !selectedKeywords.includes(item.keyword)
+      )
+    })
+  } else if (key === 'deleteall') {
+    ElMessageBox.confirm('确定要删除所有关键字吗？').then(() => {
+      formData.value.keywords = []
+    })
+  }
 }
+
 const keyDialogClose = () => {
   keyVisible.value = false
 }
-const confirmKeyDialogVisible = () => {
-  if (keyEditType.value === 'create') {
-    keywordList.value.push({
-      keyword: keyWord.value
-    })
-  }
 
+const confirmKeyDialogVisible = () => {
+  if (keyEditType.value === 'create' && keyWordInput.value) {
+    if (formData.value.keywords.some((item) => item.keyword === keyWordInput.value)) {
+      message.warning('关键字已存在')
+      return
+    }
+    formData.value.keywords.push({ keyword: keyWordInput.value })
+  }
   keyVisible.value = false
 }
 
-// 媒体文件
-const mediumList = ref([] as any)
-const multipleMediumSelection = ref([] as any)
+/** 媒体文件 Tab 相关 */
+const mediumList = ref<any[]>([])
+const multipleMediumSelection = ref<any[]>([])
 const handleMediumSelectionChange = (val: any) => {
   multipleMediumSelection.value = val
 }
-const fileList = []
+const fileList = ref([])
+
+/** 运行与测试相关 */
+const runTestDialogVisible = ref(false)
+const reportDialogVisible = ref(false)
+const isCodeRunning = ref(false)
+const runResult = ref('')
+const scoringReport = ref<any>(null)
+
+const openRunTestDialog = () => {
+  runResult.value = '点击“调试运行”按钮以执行代码。'
+  runTestDialogVisible.value = true
+}
+
+const runCode = async () => {
+  if (!referenceAnswer.value) {
+    message.warning('参考答案代码为空，无法运行。')
+    return
+  }
+  isCodeRunning.value = true
+  runResult.value = '代码正在运行中，请稍候...'
+  try {
+    // const res = await QuestionApi.runCode({ code: referenceAnswer.value })
+    // runResult.value = res.data.output || '代码运行完成，无输出。'
+    setTimeout(() => {
+      runResult.value = '模拟运行结果：\nHello World!'
+      isCodeRunning.value = false
+    }, 1500)
+  } catch (error) {
+    runResult.value = '代码运行出错，请检查代码或联系管理员。'
+    console.error('Run code error:', error)
+    isCodeRunning.value = false
+  }
+}
+
+const openReportDialog = async () => {
+  scoringReport.value = {
+    totalScore: 85,
+    compileResult: '编译成功'
+  }
+  reportDialogVisible.value = true
+}
 
 /** 提交表单 */
-const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const emit = defineEmits(['success'])
 const submitForm = async () => {
-  // 校验表单
-  if (!formRef) return
+  if (!formRef.value) return
   const valid = await formRef.value.validate()
   if (!valid) return
-  // 提交请求
+
   formLoading.value = true
   try {
-    // 合并UI上的数据到formData
-    formData.value.content = content.value
-    // formData.value.analysis = textarea.value // 如果有解析内容
-    // ... 其他需要合并的数据
+    const dataToSubmit = JSON.parse(JSON.stringify(formData.value))
+    // 如果参考答案是独立管理的，提交时需要赋值给 analysis
+    dataToSubmit.analysis = referenceAnswer.value
 
-    const data = formData.value
     if (formType.value === 'create') {
-      await QuestionApi.addQuestion(data)
+      await QuestionApi.addQuestion(dataToSubmit)
       message.success(t('common.createSuccess'))
     } else {
-      await QuestionApi.editQuestion(data)
+      await QuestionApi.editQuestion(dataToSubmit)
       message.success(t('common.updateSuccess'))
     }
     dialogVisible.value = false
-    // 发送操作成功的事件
     emit('success')
   } finally {
     formLoading.value = false
@@ -1060,63 +1095,17 @@ const submitForm = async () => {
 
 /** 重置表单 */
 const resetForm = () => {
-  formData.value = {
-    id: undefined,
-    content: '',
-    specialtyName: '',
-    courseName: '',
-    quBankName: '',
-    required: '',
-    chapteridDictText: '',
-    analysis: '',
-    quLevel: 0,
-    pointNames: '',
-    pointNamesVo: '',
-    chapteridDictTextVo: '',
-    subjectName: '',
-    status: '0',
-    resourceValue: '',
-    answer: '',
-    answerList: [],
-    fileUploads: [
-      { quId: '', url: '', fileType: '0', fileName: '' },
-      { quId: '', url: '', fileType: '1', fileName: '' },
-      { quId: '', url: '', fileType: '2', fileName: '' }
-    ]
-  }
-
-  // 重置 programData
-  programData.value = {
-    title: '',
-    checkAutoScore: false,
-    checkCompile: false,
-    compilePercent: 0,
-    useTestCases: false,
-    fullScoreOnAllTestCases: false,
-    checkKeyword: false,
-    percent: 0,
-    radio1: '',
-    outputReadMethod: '1',
-    outputFileName: '',
-    outputMatchRule: '1',
-    ignoreCase: false,
-    ignoreSymbols: false,
-    ignoreSpaces: false,
-    timeLimit: 1000,
-    memoryLimit: 128,
-    codeLengthLimit: 64
-  }
-  content.value = ''
-  textarea.value = ''
-  inputText.value = ''
-  examList.value = []
-  scoreKeyList.value = []
-  keywordList.value = []
+  formData.value = getDefaultFormData()
+  referenceAnswer.value = ''
   mediumList.value = []
   formRef.value?.resetFields()
 }
+
+/** 知识点/章节选择 */
 const dialogVisiblePoints = ref(false)
-// 添加层级信息
+const treeRef = ref()
+const deptList = ref<any[]>([])
+
 const handleTreeWithLevel = (list, level = 1) => {
   return list.map((item) => {
     const node = { ...item, level }
@@ -1127,42 +1116,31 @@ const handleTreeWithLevel = (list, level = 1) => {
   })
 }
 
-// 只允许点击第三级节点
-const treeRef = ref() // 引用 el-tree
-const handleNodeClick = (data, node) => {
+const handleNodeClick = (data) => {
   if (data.level === 3) {
     formData.value.pointNames = data.id
     formData.value.pointNamesVo = data.name
-
-    //  获取父节点（章节名称）
     const currentNode = treeRef.value.getNode(data)
     const parentNode = currentNode.parent
     if (parentNode && parentNode.data) {
       formData.value.chapteridDictTextVo = parentNode.data.name
       formData.value.chapteridDictText = parentNode.data.id
-    } else {
-      formData.value.chapteridDictText = ''
     }
-
     dialogVisiblePoints.value = false
-  } else {
   }
 }
 
-const deptList = ref<Tree[]>([]) // 树形结构
-/** 获得部门树 */
 const getTree = async () => {
   const res = await SpecialtyApi.listPoints()
   const tree = handleTree(res)
-  deptList.value = []
   deptList.value = handleTreeWithLevel(tree)
 }
+
 const openPoints = async () => {
   await getTree()
   dialogVisiblePoints.value = true
 }
 </script>
-
 <style lang="scss" scoped>
 .program-edit {
   :deep(.el-dialog) {
@@ -1237,6 +1215,7 @@ const openPoints = async () => {
                 .flex {
                   display: flex;
                   align-items: center;
+                  margin-bottom: 10px;
                 }
               }
               .formList {