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

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

@@ -44,11 +44,16 @@
       <el-table-column label="开始考试前分钟，允许入场" align="center" prop="allowEntry" />
       <el-table-column label="开始考试后分钟，禁止入场" align="center" prop="endAllowEntry" />
       <el-table-column label="开始考试后分钟，允许交卷" align="center" prop="allowSubmission" />
-      <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" 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">
         <template #default="scope">
           <el-button
@@ -147,7 +152,7 @@ const getList = async () => {
   try {
     const res = await SmsChannelApi.pageSessions(queryParams)
     console.log(res)
-    list.value = res
+    list.value = res.list
     total.value = res.total
   } finally {
     loading.value = false
@@ -203,6 +208,25 @@ const openEdit = (type: string, row?: object) => {
   
 }
 
+const handleStatusChange = async (row: any) => {
+  
+  try {
+    loading.value = true;
+    // 调用API更新状态
+    await SmsChannelApi.updateSessionStatus(row.sessionId, 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 reload = (where) => {
   getList()
   };