【新增】试卷任务前端分类，监控管理前端

src/views/task/exam/index.vue

@@ -86,11 +86,16 @@
           <dict-tag :type="DICT_TYPE.SYS_YES_NO" :value="scope.row.isTemplate" />
         </template>
       </el-table-column>
-      <el-table-column label="启用状态" align="center" prop="status">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.SYS_STATUS" :value="scope.row.status" />
-        </template>
-      </el-table-column>
+      <el-table-column label="启用状态" align="center" prop="status" width="120">
+    <template #default="scope">
+      <el-switch
+        v-model="scope.row.status"
+        :active-value="'0'"
+        :inactive-value="'1'"
+        @change="handleStatusChange(scope.row)"
+      />
+    </template>
+  </el-table-column>
       <el-table-column
             label="创建时间"
             align="center"
@@ -204,7 +209,25 @@ const resetQuery = () => {
   queryFormRef.value.resetFields()
   handleQuery()
 }
-
+/** 状态切换处理 */
+const handleStatusChange = async (row: any) => {
+  console.log(row.taskId, row.status+"row.taskId, row.status");
+  
+  try {
+    loading.value = true;
+    // 调用API更新状态
+    await SmsChannelApi.updateTaskStatus(row.taskId, row.status);
+    message.success(row.status === '0' ? '已启用' : '已停用');
+    // 刷新列表
+    await getList();
+  } catch (error) {
+    // 如果请求失败，恢复原来的状态
+    row.status = row.status === '0' ? '1' : '0';
+    message.error('状态更新失败');
+  } finally {
+    loading.value = false;
+  }
+};
   /** 表格选中数据 */
   const selections = ref([]);
 
@@ -238,7 +261,7 @@ const handleDelete = async (id: number) => {
     // 删除的二次确认
     await message.delConfirm()
     // 发起删除
-    await SmsChannelApi.removeTask(id)
+    await SmsChannelApi.removeTasks(id)
     message.success(t('common.delSuccess'))
     // 刷新列表
     await getList()