From 5d3bcb3087fa6ee837242c102ea5aa38c1959766 Mon Sep 17 00:00:00 2001
From: "maghny@126.com" <maghny@126.com>
Date: Fri, 25 Apr 2025 13:10:38 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91=E8=AF=95?=
 =?UTF-8?q?=E9=A2=98=E7=A8=8B=E5=BA=8F=E8=AE=BE=E8=AE=A1=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E8=BF=81=E7=A7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/paper/question/CdesignForm.vue | 590 ++++++++++++++++++++---
 1 file changed, 521 insertions(+), 69 deletions(-)

diff --git a/src/views/paper/question/CdesignForm.vue b/src/views/paper/question/CdesignForm.vue
index d7b033c..9f382f1 100644
--- a/src/views/paper/question/CdesignForm.vue
+++ b/src/views/paper/question/CdesignForm.vue
@@ -1,69 +1,364 @@
 <template>
-  <Dialog
-          v-model="dialogVisible"
-          :title="dialogTitle"
-          width="70%"
-          top="10vh">
-    <el-scrollbar height="600px">
-      <el-tabs
-          v-model="activeName"
-          class="demo-tabs"
-          @tab-click="handleClick"
-      >
-        <el-tab-pane label="基本内容" name="common">
-          <div class="line">
-            <div class="title-text">试题题目</div>
-            <div class="block">
-              <Editor v-model="content" height="150px" />
-            </div>
-          </div>
-          <div class="line">
-            <div>答题程序模板</div>
-            <ElTextarea v-model="textarea" :rows="4" />
-          </div>
-          <div class="line">
-            <div class="title-text">基本信息</div>
-            <el-form
-                label-width="80"
-                :inline="false"
-                :model="formData"
-                class="demo-form-inline"
-            >
-              <el-form-item label="知识点">
-                <el-input
-                    disabled
-                    placeholder="请输入知识点"
+  <div class="program-edit">
+    <Dialog v-model="dialogVisible" :title="dialogTitle" width="70%" top="10vh">
+      <el-scrollbar height="600px">
+        <div class="main">
+          <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+            <el-tab-pane label="基本内容" name="common">
+              <div class="line">
+                <div class="title-text">试题题目</div>
+                <div class="block">
+                  <Editor v-model="content" height="150px" />
+                </div>
+              </div>
+              <div class="line">
+                <div>答题程序模板</div>
+                <ElTextarea v-model="textarea" :rows="4" />
+              </div>
+              <div class="line">
+                <div class="title-text">基本信息</div>
+                <el-form
+                  label-width="80"
+                  :inline="false"
+                  :model="formData"
+                  class="demo-form-inline"
+                >
+                  <el-form-item label="知识点">
+                    <el-input disabled placeholder="请输入知识点" size="large" />
+                  </el-form-item>
+                  <el-form-item label="试题版本">
+                    <p>测试测试</p>
+                  </el-form-item>
+                  <el-form-item label="来源">
+                    <p>测试测试</p>
+                  </el-form-item>
+                  <el-form-item label="创建人">
+                    <p>测试测试</p>
+                  </el-form-item>
+                  <el-form-item label="创建时间">
+                    <p>测试测试</p>
+                  </el-form-item>
+                  <el-form-item label="修改人">
+                    <p>测试测试</p>
+                  </el-form-item>
+                  <el-form-item label="修改时间">
+                    <p>测试测试</p>
+                  </el-form-item>
+                </el-form>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="判分设置" name="score">
+              <div class="line">
+                <div class="title-text">测试程序（参考答案）</div>
+                <div class="block">
+                  <div class="tip">
+                    <p
+                      >此处的程序可以用来验证测试用例的有效性，非自动判分的试题在人工批阅时可作为批阅的参考答案。
+                      <br />
+                      注意: 为确保系统能正确捕获程序运行的输出结果，要求 scanf() 函数不能加参数,
+                      不能采用类似 scanf("请输入: %s") 的形式</p
+                    >
+                  </div>
+                  <ElTextarea v-model="textarea" :rows="4" />
+                  <div class="btn-line">
+                    <el-button type="primary" plain>添加为关键字</el-button>
+                    <el-button type="primary" plain>上传程序文件</el-button>
+                    <el-button type="primary" plain>运行并测试</el-button>
+                  </div>
+                  <el-checkbox
+                    v-model="programData.checkAutoScore"
+                    label="自动判分方式"
                     size="large"
-                />
-              </el-form-item>
-              <el-form-item label="试题版本">
-                <p>测试测试</p>
-              </el-form-item>
-              <el-form-item label="来源">
-                <p>测试测试</p>
-              </el-form-item>
-              <el-form-item label="创建人">
-                <p>测试测试</p>
-              </el-form-item>
-              <el-form-item label="创建时间">
-                <p>测试测试</p>
-              </el-form-item>
-              <el-form-item label="修改人">
-                <p>测试测试</p>
-              </el-form-item>
-              <el-form-item label="修改时间">
-                <p>测试测试</p>
-              </el-form-item>
-            </el-form>
-          </div>
-        </el-tab-pane>
-      </el-tabs>
-    </el-scrollbar>
-    <template #footer>
-      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
-      <el-button @click="dialogVisible = false">取 消</el-button>
-    </template>
-  </Dialog>
+                  />
+                </div>
+              </div>
+              <div class="line">
+                <div class="title-text">测试用例</div>
+                <div class="block">
+                  <div class="flex">
+                    <el-checkbox
+                      v-model="programData.checkKeyword"
+                      label="检查代码关键字"
+                      size="large"
+                    />
+                    <div class="flex">
+                      编译得分比例：
+                      <el-input
+                        v-model="programData.percent"
+                        type="number"
+                        placeholder="Please input"
+                      >
+                        <template #append>%</template>
+                      </el-input>
+                    </div>
+                  </div>
+                  <div>
+                    <el-checkbox
+                      v-model="programData.checkKeyword"
+                      label="使用测试用例"
+                      size="large"
+                    />
+                    <div>
+                      <div class="flex">
+                        <el-checkbox
+                          v-model="programData.checkKeyword"
+                          label="测试用例全对时直接得满分s"
+                          size="large"
+                        />
+                      </div>
+                      <div class="tip">
+                        <p
+                          >判分时，测试用例得分比例 = 100% - 关键字得分比例 - 编译得分比例；默认最小
+                          10% 得分比例；<br />
+                          设置“测试用例全对时直接得满分”，测试用例结果全对时，忽略关键字得分，直接获得试题满分；否则按上述条件计算得分。</p
+                        >
+                      </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"
+                        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="操作">
+                          <template #default="scope">
+                            <el-button type="primary" @click="delExam(scope)">删除</el-button>
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="line">
+                <div class="title-text">代码关键字</div>
+                <div class="block">
+                  <div class="flex">
+                    <el-checkbox
+                      v-model="programData.checkKeyword"
+                      label="检查代码关键字"
+                      size="large"
+                    />
+                    <div class="flex">
+                      关键字得分比例：
+                      <el-input
+                        v-model="programData.percent"
+                        type="number"
+                        placeholder="Please input"
+                      >
+                        <template #append>%</template>
+                      </el-input>
+                    </div>
+                    <div class="flex">
+                      关键字得分临界值：
+                      <el-input
+                        v-model="programData.percent"
+                        type="number"
+                        placeholder="Please input"
+                      >
+                        <template #append>%</template>
+                      </el-input>
+                    </div>
+                  </div>
+                  <div class="tip" style="margin-top: 10px">
+                    <p
+                      >提示：关键字支持正则表达式匹配方式，在新建或编辑中设置。<br />
+                      判分时，关键字正确比例小于关键字得分临界值时，忽略验证编译及测试用例得分比例，仅获得关键字正确比例分数。<br />
+                      判分时，关键字正确比例大于等于关键字得分临界值，编译通过且测试用例结果全对时，忽略关键字得分，直接获得试题满分。<br />
+                      判分时，关键字正确比例大于等于关键字得分临界值，编译不一定通过且测试用例不一定全对时，获得分数
+                      = 关键字得分 + 编译得分 + 测试用例结果得分。</p
+                    >
+                  </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>校验关键字</el-button>
+                  </div>
+                  <el-table
+                    :data="scoreKeyList"
+                    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"
+                      label="关键字"
+                      width="180"
+                      show-overflow-tooltip
+                    />
+                    <el-table-column prop="displayIndex" label="权重(%)" />
+                    <el-table-column label="操作">
+                      <template #default="scope">
+                        <el-button type="primary" @click="delScore(scope)">删除</el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </div>
+              </div>
+              <div class="line">
+                <div class="title-text">其它选项</div>
+                <div>
+                  <div class="flex">
+                    时间限制：
+                    <el-input
+                      v-model="programData.percent"
+                      type="number"
+                      placeholder="Please input"
+                    />
+                    （ms，毫秒，1秒 等于 1000毫秒）
+                  </div>
+                  <div class="flex">
+                    内存限制：
+                    <el-input
+                      v-model="programData.percent"
+                      type="number"
+                      placeholder="Please input"
+                    />
+                    （MB）
+                  </div>
+                  <div class="flex">
+                    代码长度限制：
+                    <el-input
+                      v-model="programData.percent"
+                      type="number"
+                      placeholder="Please input"
+                    />
+                    （KB）
+                  </div>
+                </div>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="试题解析" name="analyse">
+              <div class="block">
+                <ElTextarea v-model="textarea" :rows="4" />
+              </div>
+            </el-tab-pane>
+            <el-tab-pane name="keyword">
+              <template #label>
+                <div class="custom-tabs-label">
+                  <p>关键字</p>
+                  <el-dropdown>
+                    <span class="el-dropdown-link" @click.stop="false">
+                      <div class="setting_icon"></div>
+                    </span>
+                    <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
+                        >
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </div>
+              </template>
+              <div class="block">
+                <el-table
+                  :data="keywordList"
+                  style="width: 100%"
+                  @selection-change="handleKeywordSelectionChange"
+                >
+                  <el-table-column type="index" width="50" />
+                  <el-table-column type="selection" width="55" />
+                  <el-table-column prop="keyword" label="关键字" />
+                </el-table>
+                <el-dialog
+                  v-model="keyVisible"
+                  title="编辑关键字"
+                  width="50%"
+                  :before-close="keyDialogClose"
+                  :close-on-click-modal="false"
+                  :close-on-press-escape="false"
+                >
+                  <div class="main" style="width: 100%; height: 100%">
+                    <el-input v-model="keyWord" placeholder="请输入关键字" size="large" />
+                    <div class="dialog-footer">
+                      <el-button @click="keyDialogClose">取消</el-button>
+                      <el-button type="primary" @click="confirmKeyDialogVisible"> 确定 </el-button>
+                    </div>
+                  </div>
+                </el-dialog>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane name="media">
+              <template #label>
+                <div class="custom-tabs-label">
+                  <p>媒体文件</p>
+                  <el-dropdown>
+                    <span class="el-dropdown-link" @click.stop="false">
+                      <div class="setting_icon"></div>
+                    </span>
+                    <template #dropdown>
+                      <el-dropdown-menu>
+                        <el-dropdown-item>
+                          <el-upload
+                            v-model:file-list="fileList"
+                            class="upload-demo"
+                            action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+                          >
+                            <el-button>导入</el-button>
+                          </el-upload>
+                        </el-dropdown-item>
+                        <el-dropdown-item>导出</el-dropdown-item>
+                        <el-dropdown-item>播放</el-dropdown-item>
+                        <el-dropdown-item>编辑</el-dropdown-item>
+                        <el-dropdown-item>删除选中</el-dropdown-item>
+                        <el-dropdown-item>删除全部</el-dropdown-item>
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </div>
+              </template>
+              <div class="block">
+                <el-table
+                  :data="mediumList"
+                  style="width: 100%"
+                  @selection-change="handleMediumSelectionChange"
+                >
+                  <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="标题" />
+                  <el-table-column prop="displayIndex" label="显示序号" />
+                  <el-table-column prop="size" label="大小" />
+                </el-table>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+      </el-scrollbar>
+      <template #footer>
+        <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="dialogVisible = false">取 消</el-button>
+      </template>
+    </Dialog>
+  </div>
 </template>
 <script lang="ts" setup>
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
@@ -100,13 +395,13 @@ const formRef = ref() // 表单 Ref
 const deptList = ref<Tree[]>([]) // 树形结构
 const postList = ref([] as PostApi.PostVO[]) // 岗位列表
 /** 页面内容开始 */
-const activeName = ref('common');
-const content = ref('');
-const textarea = ref('');
+const activeName = ref('common')
+const content = ref('')
+const textarea = ref('')
 
 const handleClick = (tab, e) => {
-  activeName.value = tab.paneName.value;
-};
+  activeName.value = tab.paneName.value
+}
 /** 页面内容结束 */
 
 /** 打开弹窗 */
@@ -131,6 +426,69 @@ const open = async (type: string, id?: number) => {
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
+const programData = ref({
+  title: '',
+  checkAutoScore: false,
+  checkKeyword: false,
+  percent: 0,
+  radio1: ''
+})
+
+const examList = ref([] as any)
+const multipleSelection = ref([] as any)
+const handleExamSelectionChange = (val: any) => {
+  multipleSelection.value = val
+}
+const delExam = (val: any) => {
+  console.log(val)
+}
+
+const scoreKeyList = ref([] as any)
+const multipleScoreSelection = ref([] as any)
+const handleScoreSelectionChange = (val: any) => {
+  multipleScoreSelection.value = val
+}
+const delScore = (val: any) => {
+  console.log(val)
+}
+
+// 关键字
+
+const keywordList = ref([] as any)
+const multipleKeywordSelection = ref([] as any)
+const handleKeywordSelectionChange = (val: any) => {
+  multipleKeywordSelection.value = val
+}
+const keyVisible = ref(false)
+const keyEditType = ref('')
+
+const keyWord = ref([null])
+
+const editKeyword = (key) => {
+  keyEditType.value = key
+  keyVisible.value = true
+}
+const keyDialogClose = () => {
+  keyVisible.value = false
+}
+const confirmKeyDialogVisible = () => {
+  if (keyEditType.value === 'create') {
+    keywordList.value.push({
+      keyword: keyWord.value
+    })
+  }
+
+  keyVisible.value = false
+}
+
+// 媒体文件
+const mediumList = ref([] as any)
+const multipleMediumSelection = ref([] as any)
+const handleMediumSelectionChange = (val: any) => {
+  multipleMediumSelection.value = val
+}
+const fileList = []
+
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 const submitForm = async () => {
@@ -172,3 +530,97 @@ const resetForm = () => {
   formRef.value?.resetFields()
 }
 </script>
+
+<style lang="scss" scoped>
+.program-edit {
+  :deep(.el-dialog) {
+    display: flex;
+    flex-direction: column;
+    height: 85vh;
+    .el-dialog__header {
+      border-bottom: 1px solid #ededed;
+    }
+    .el-dialog__footer {
+      border-top: 1px solid #ededed;
+    }
+    .el-dialog__body {
+      flex: 1;
+      overflow: hidden;
+      .main {
+        height: 100%;
+        .el-tabs {
+          height: 100%;
+          .el-tabs__content {
+            flex: 1;
+            overflow-y: auto;
+            .line {
+              margin-bottom: 10px;
+              .title-text {
+                font-size: 18px;
+                font-weight: 600;
+                margin-bottom: 8px;
+              }
+              .block {
+                .tip {
+                  color: #8a6d3b;
+                  background-color: #fcf8e3;
+                  border: 1px solid transparent;
+                  border-color: #faebcc;
+                  padding: 15px;
+                  border-radius: 4px;
+                  margin-bottom: 10px;
+                  > p {
+                    margin: 0;
+                  }
+                }
+                .btn-line {
+                  display: flex;
+                }
+                .flex {
+                  display: flex;
+                  text-align: center;
+                }
+              }
+            }
+            .el-input {
+              width: 45%;
+            }
+          }
+
+          .custom-tabs-label {
+            display: flex;
+            align-items: center;
+            .setting_icon {
+              width: 16px;
+              height: 16px;
+              background: url('@/assets/icon/setting_blue.png') no-repeat center;
+              background-size: 100%;
+              margin-left: 3px;
+              display: none;
+            }
+          }
+          .is-active {
+            .custom-tabs-label {
+              .setting_icon {
+                display: block;
+              }
+            }
+          }
+          :deep(.ele-pro-table) {
+            flex: 1;
+            margin-top: 10px;
+            .el-table--fit {
+              height: 100%;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+:deep(.tox-tinymce) {
+  .tox-statusbar {
+    display: none;
+  }
+}
+</style>