【新增】监控管理试卷任务监控、细节优化

src/views/task/exam/components/steps/step1/components/step-edit.vue

@@ -87,7 +87,7 @@
       </el-form-item>
 
 
-      <el-form-item label="排序" prop="sort">
+      <el-form-item label="别名排序" prop="sort">
         <el-input-number v-model="form.sort"  />
       </el-form-item>
     </el-form>
@@ -168,7 +168,6 @@ const form = ref<{
 const rules = reactive({
   spName: [{ required: true, message: '请选择题型', trigger: 'change' }],
   quLevel: [{ required: true, message: '请选择难度', trigger: 'change' }],
-  sort: [{ required: true, message: '请设置排序', trigger: 'change' }],
   quTitle: [{ required: true, message: '请输入别名', trigger: 'change' }],
   pointName: [{ required: true, message: '请选择知识点', trigger: 'change' }],
   quNumbers: [{ required: true, message: '请输入试题数量', trigger: 'blur' }],
@@ -223,11 +222,29 @@ const open = async (type: 'create' | 'update', data?: any) => {
       sort: undefined,
       taskSpecialty: props.taskSpecialty
     }
+    // 清除校验
+  await nextTick()
+  const allKeys = getAllTreeKeys(pointOptions.value).map(String)
+  form.value.pointName = allKeys
+  treeRef.value?.setCheckedKeys(allKeys)
   }
 
-  // 清除校验
-  await nextTick()
-  formRef.value?.clearValidate?.()
+  
+}
+function getAllTreeKeys(tree: TreeNode[]): number[] {
+  const keys: number[] = []
+
+  const traverse = (nodes: TreeNode[]) => {
+    for (const node of nodes) {
+      keys.push(node.value)
+      if (node.children?.length) {
+        traverse(node.children)
+      }
+    }
+  }
+
+  traverse(tree)
+  return keys
 }
 
 /** --------- 拉取扁平知识点并建树 --------- **/

src/views/task/exam/components/steps/step1/index.vue

@@ -36,7 +36,7 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table v-loading="loading" :data="list">
-      <el-table-column label="方案ID" align="center" prop="taskId" />
+      <!-- <el-table-column label="方案ID" align="center" prop="taskId" /> -->
       <el-table-column label="题型" align="center" prop="spName" />
       <el-table-column label="难度" align="center" prop="quLevel">
       <template #default="scope">
@@ -47,14 +47,26 @@
         <span v-else>未知</span>
       </template>
     </el-table-column>
-    <el-table-column label="试题别名" align="center" prop="quTitle"/>
 
       <!-- <el-table-column label="关键字" align="center" prop="keywords" /> -->
       <el-table-column label="试题数量" align="center" prop="quNumbers"/>
 
       <el-table-column label="每题分数" align="center" prop="quScores"/>
       <el-table-column label="小计分数" align="center" prop="subtotalScore"/>
-      
+      <el-table-column label="试题别名" align="center" prop="quTitle"/>
+      <el-table-column label="别名排序" align="center">
+  <template #default="scope">
+    <el-input-number
+      v-model="scope.row.sort"
+      placeholder="请输入排序"
+      size="small"
+      :min="0"
+      style="width: 100px"
+      @change="(val) => handleSortChange(scope.row, val)"
+    />
+  </template>
+</el-table-column>
+
       <el-table-column label="操作" align="center">
         <template #default="scope">
           <el-button
@@ -76,6 +88,11 @@
         </template>
       </el-table-column>
     </el-table>
+
+           <!-- ✅ 总分展示区域 -->
+ <div style="display: flex; justify-content: flex-end; padding: 5px; margin: 10px 0; font-weight: bold;">
+  总分：{{ totalScore }}
+</div>
     <!-- 分页 -->
     <Pagination
       :total="total"
@@ -153,7 +170,40 @@ const queryParams = reactive({
   taskId: props.taskId,
   spName:undefined
 })
+const totalScore = computed(() => {
+  return list.value.reduce((sum, item) => {
+    // 确保字段存在且为数字
+    const score = parseFloat(item.subtotalScore) || 0;
+    return sum + score;
+  }, 0);
+});
+// 排序值修改后自动调用接口
+// 排序值修改后自动调用接口
+const handleSortChange = async (row, newValue) => {
+  if (newValue < 0) {
+    message.error('排序不能小于 0')
+    row.sort = 0
+    return
+  }
 
+  // 1. 获取所有 quTitle 相同的项
+  const sameTitleItems = list.value.filter(item => item.quTitle === row.quTitle)
+
+  // 2. 批量更新 sort 值
+  const updateList = sameTitleItems.map(item => ({
+    ...item,
+    sort: newValue
+  }))
+
+  try {
+    // 假设后端支持批量更新接口
+    await Promise.all(updateList.map(item => SmsChannelApi.updateScheme(item)))
+    message.success('同别名方案的排序已同步更新')
+    getList()
+  } catch (error) {
+    message.error('排序更新失败')
+  }
+}
 /** 查询列表 */
 const getList = async () => {
       // 1. 并行拉下拉所需的选项

src/views/task/exam/components/steps/step2/index copy.vue

@@ -1,211 +0,0 @@
-<template>
-
-  <ContentWrap>
-     <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
-    >
-     
-      <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
-          type="primary"
-          plain
-          @click="openForm('create')"
-          v-hasPermi="['system:sms-channel:create']"
-        >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增</el-button
-        >
-      </el-form-item>
-    </el-form> 
-  </ContentWrap>
-
-  <!-- 列表 -->
-  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
-      <el-table-column label="试卷编号" align="center" prop="paperId" />
-      <el-table-column label="使用次数" align="center" prop="counts" />
-      <el-table-column label="抽卷方式" align="center" prop="rollUp">
-        <template #default="scope">
-        <span v-if="scope.row.quLevel === '0'">固定</span>
-        <span v-else-if="scope.row.quLevel === '1'">AB卷</span>
-        <span v-else-if="scope.row.quLevel === '2'">随机</span>
-        <span v-else-if="scope.row.quLevel === '3'">自选</span>
-        <span v-else>未知</span>
-      </template>
-      </el-table-column>
-      <el-table-column label="AB卷" align="center" prop="isAb">
-        <template #default="scope">
-        <span v-if="scope.row.quLevel === '0'">A卷</span>
-        <span v-else-if="scope.row.quLevel === '1'">B卷</span>
-        <span v-else>未知</span>
-      </template>
-      </el-table-column>
-      <el-table-column label="是否启用" align="center" prop="status" >
-      <template #default="scope">
-          <dict-tag :type="DICT_TYPE.SYS_YES_NO" :value="scope.row.status" />
-        </template>
-    </el-table-column>
-      
-      <el-table-column label="操作" align="center">
-        <template #default="scope">
-          <el-button
-            link
-            type="primary"
-            @click="openEdit('update', scope.row)"
-            v-hasPermi="['system:sms-channel:update']"
-          >
-            编辑
-          </el-button>
-          <el-button
-            link
-            type="danger"
-            @click="handleDelete(scope.row.id)"
-            v-hasPermi="['system:sms-channel:delete']"
-          >
-            删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页 -->
-    <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
-  </ContentWrap>
-
-
-
-
-<paper-add  v-model="showAdd"  :task-Id="taskId" :task-specialty="taskSpecialty"   />
-    <paper-edit v-model="showEdit" :data="current" />
-    <!-- <paper-look v-model="showLook" :paper-id="paperId"  /> -->
-    <paper-set  v-model="showSet"  :task-Id="taskId"  />
-</template>
-<script lang="ts" setup>
-import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
-
-import * as SmsChannelApi from '@/api/system/paper';
-import PaperEdit from './components/step-edit.vue';
-  import PaperAdd from './components/step-add.vue';
-  import PaperLook from './components/step-look.vue';
-  import PaperSet from './components/step-set.vue';
-  import PaperSearch from './components/step-search.vue';
-  import { pagePapers, removePapers, exportPapers } from '@/api/system/paper';
-
-
-
-defineOptions({ name: 'SystemPaper' });
-  const props = defineProps({
-    taskSpecialty: {
-    type: String,
-    default: ''
-  },
-  taskId: {
-    type: String,
-    default: ''
-  }
-})
-
-const { t } = useI18n() // 国际化
-const message = useMessage() // 消息弹窗
-
-
-  /** 当前编辑数据 */
-  const current = ref<object>();
-
-  /** 是否显示编辑弹窗 */
-  const showEdit = ref(false);
-
-  const showLook = ref(false);
-
-  const showAdd = ref(false);
-
-  const showSet = ref(false);
-  
-
-const smsChannelFormRef = ref()
-const taskEditRef = ref()
-const taskAddRef = ref()
-const taskTempRef = ref()
-
-
-
-const loading = ref(false) // 列表的加载中
-const total = ref(0) // 列表的总页数
-const list = ref([]) // 列表的数据
-const queryFormRef = ref() // 搜索的表单
-const queryParams = reactive({
-  pageNo: 1,
-  pageSize: 10,
-  signature: undefined,
-  status: undefined,
-  createTime: []
-})
-
-/** 查询列表 */
-const getList = async () => {
-  loading.value = true
-  try {
-    const res = await SmsChannelApi.pagePapers(queryParams)
-    console.log(res)
-    list.value = res
-    total.value = res.total
-  } finally {
-    loading.value = false
-  }
-}
-
-/** 搜索按钮操作 */
-const handleQuery = () => {
-  queryParams.pageNo = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-const resetQuery = () => {
-  queryFormRef.value.resetFields()
-  handleQuery()
-}
-
-/** 添加/修改操作 */
-const formRef = ref();
-const openForm = (type: string, id?: number) => {
-  showAdd.value = true
-  taskAddRef.value?.open(type, id)
-}
-
-const openEdit = (type: string, row?: object) => {
-  showEdit.value = true
-  current.value = row
-  console.log( current.value )
-  taskEditRef.value?.open(type, row)
-}
-
-
-
-/** 删除按钮操作 */
-const handleDelete = async (id: number) => {
-  try {
-    // 删除的二次确认
-    await message.delConfirm()
-    // 发起删除
-    await SmsChannelApi.removePaper(id)
-    message.success(t('common.delSuccess'))
-    // 刷新列表
-    await getList()
-  } catch {}
-}
-
-/** 初始化 **/
-onMounted(() => {
-  getList()
-})
-</script>

src/views/task/exam/components/steps/step2/index.vue

@@ -74,7 +74,7 @@
 
       <!-- 多选列 -->
       <el-table-column type="selection" width="55" />
-      <el-table-column label="试卷id" align="center" prop="paperId" />
+      <!-- <el-table-column label="试卷id" align="center" prop="paperId" /> -->
       <el-table-column label="试卷编号" align="center" prop="num" />
       <el-table-column label="使用次数" align="center" prop="counts" />
       <el-table-column label="抽卷方式" align="center" prop="rollUp">

src/views/task/exam/components/task-add.vue

@@ -8,6 +8,9 @@
       label-width="80px"
       @submit.prevent=""
     >
+    <el-form-item label="任务编号" prop="taskNum">
+        <el-input clearable v-model="form.taskNum" placeholder="请输入编号" disabled/>
+      </el-form-item>
       <el-form-item label="任务名称" prop="taskName">
         <el-input
           clearable
@@ -124,6 +127,7 @@ const specialtyOptions = ref([]);
   const [form, resetFields, assignFields] = useFormData({
     taskId: void 0,
     taskName: '',
+    taskNum:'',
     taskSpecialty: '',
     taskType: '1',
     isTemplate: '',
@@ -203,6 +207,23 @@ const fetchSpecialtyOptions = async () => {
       resetFields();
       isUpdate.value = false;
     }
+          // 设置批次为 当前时间 + 5位随机数
+          const now = new Date();
+        const pad = (n) => n.toString().padStart(2, '0');
+        const datetimeStr = [
+          now.getFullYear(),
+          pad(now.getMonth() + 1),
+          pad(now.getDate()),
+          pad(now.getHours()),
+          pad(now.getMinutes()),
+          pad(now.getSeconds())
+        ].join('');
+
+        const randomNum = Math.floor(Math.random() * 100000).toString().padStart(5, '0');
+        //taskNum 赋值 randomNum
+        
+    // 把 taskNum 设置为当前时间+随机数
+    form.taskNum = `${datetimeStr}${randomNum}`;
     nextTick(() => {
       nextTick(() => {
         formRef.value?.clearValidate?.();
@@ -212,5 +233,5 @@ const fetchSpecialtyOptions = async () => {
   onMounted(() => {
   fetchSpecialtyOptions();
 });
-
+defineExpose({ handleOpen })
 </script> 

src/views/task/exam/index.vue

@@ -73,6 +73,7 @@
   <ContentWrap>
     <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" />
+      <el-table-column label="任务编号" align="center" prop="taskNum" />
       <el-table-column label="任务名称" align="center" prop="taskName" />
       <el-table-column label="专业" align="center" prop="taskSpecialty" />
       <el-table-column label="试卷任务模式" align="center" prop="taskType">
@@ -240,14 +241,19 @@ const handleSelectionChange = (rows) => {
 const formRef = ref();
 const openForm = (type: string, id?: number) => {
   showAdd.value = true
-  taskAddRef.value?.open(type, id)
+
+  nextTick(() => {
+    taskAddRef.value?.open(type, id)
+  });
 }
 
 const openEdit = (type: string, row?: object) => {
   showEdit.value = true
   current.value = row
   console.log( current.value )
-  taskEditRef.value?.open(type, row)
+  nextTick(() => {
+    taskEditRef.value?.open(type, row)
+  });
 }
 
 const openBank = () => {