feat 学习任务选择页面-创建/更新/删除任务

src/components/Study.vue

@@ -2,6 +2,7 @@
 import { ref, reactive, onMounted } from 'vue';
 import request from '@/utils/request';
 import router from "@/router";
+import {ElMessage} from "element-plus";
 
 const tasks = reactive([] as any[]);
 
@@ -16,6 +17,8 @@ const fetchTasks = () => {
           description: record.taskDescription || '',
           progress: record.lastLearningStatus || '未开始',
           priority: Math.round(record.taskPriority),
+          taskNum: record.taskNum,
+          taskId: record.id,
         })));
         selectedTask.value = tasks[0] || null;
       });
@@ -27,10 +30,20 @@ const startTask = () => {
 };
 
 const addTask = () => {
-  tasks.push({ title: '新任务', description: '', progress: '未开始', priority: 0 });
+  router.push({name:"add-task"});
+};
+
+const changeTask = () =>{
+  router.push({name:"update-task",params:{"taskId":selectedTask.value.taskId}})
 };
 
 const removeTask = () => {
+  request.del(`/tasks/${selectedTask.value.taskId}`,{}).then(res=>{
+    if (res.code == '200'){
+      ElMessage.success(`任务${selectedTask.value.title}删除成功`)
+    }
+  });
+
   const index = tasks.indexOf(selectedTask.value);
   if (index > -1) {
     tasks.splice(index, 1);
@@ -97,6 +110,7 @@ onMounted(() => {
       <el-space class="action-buttons">
         <el-button type="primary" @click="startTask">开始任务</el-button>
         <el-button @click="addTask">添加任务</el-button>
+        <el-button @click="changeTask">更新任务</el-button>
         <el-button type="danger" @click="removeTask">删除任务</el-button>
         <el-button type="info" @click="fetchTasks"> 刷新 </el-button>
       </el-space>