From 82c06d29fe8e9fe800dca0dfebe12763e9a6fbb7 Mon Sep 17 00:00:00 2001
From: cat_shark <1716967236@qq.com>
Date: Sun, 12 Apr 2026 10:37:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=9F=E8=83=BD(=E4=BB=BB=E5=8A=A1=E4=B8=8E?=
 =?UTF-8?q?=E5=A4=8D=E4=B9=A0):=20=E5=A2=9E=E5=8A=A0=E6=9D=90=E6=96=99?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80=E4=B8=8E=E5=A4=8D=E4=B9=A0=E6=80=BB=E8=A7=88?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Review.vue   | 56 +++++++++++++++++++++++++++++++++++--
 src/components/TaskForm.vue |  8 ++++++
 2 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/src/components/Review.vue b/src/components/Review.vue
index ec0f0fa..2746311 100644
--- a/src/components/Review.vue
+++ b/src/components/Review.vue
@@ -1,11 +1,61 @@
 <script setup lang="ts">
+import { onMounted, ref } from "vue";
+import request from "@/utils/request";
 
+interface ReviewTask {
+  taskNum: string;
+  taskName: string;
+  reportCount: number | string;
+  fragmentCount: number | string;
+  effectiveTime: number | string;
+}
+
+const loading = ref(false);
+const tasks = ref<ReviewTask[]>([]);
+
+const loadTasks = async () => {
+  loading.value = true;
+  try {
+    const res = await request.get("/tasks", { pageSize: 100, pageNum: 1 });
+    tasks.value = (res?.data?.records || []).map((item: any) => ({
+      taskNum: item.taskNum,
+      taskName: item.taskName,
+      reportCount: item.reportCount ?? "-",
+      fragmentCount: item.fragmentCount ?? "-",
+      effectiveTime: item.effectiveTime ?? "-",
+    }));
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  loadTasks();
+});
 </script>
 
 <template>
-复习页面
+  <el-card>
+    <template #header>
+      <div class="header">
+        <span>复习任务总览</span>
+        <el-button type="primary" plain @click="loadTasks">刷新</el-button>
+      </div>
+    </template>
+
+    <el-table v-loading="loading" :data="tasks" stripe>
+      <el-table-column prop="taskName" label="任务名" min-width="180" />
+      <el-table-column prop="effectiveTime" label="累计有效学习时长" min-width="140" />
+      <el-table-column prop="reportCount" label="学习报告数" min-width="120" />
+      <el-table-column prop="fragmentCount" label="学习残片数" min-width="120" />
+    </el-table>
+  </el-card>
 </template>
 
 <style scoped>
-
-</style>
\ No newline at end of file
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+</style>
diff --git a/src/components/TaskForm.vue b/src/components/TaskForm.vue
index 038d961..e56cdb8 100644
--- a/src/components/TaskForm.vue
+++ b/src/components/TaskForm.vue
@@ -13,6 +13,7 @@ const buttonName = route.meta.buttonText;
 
 const taskName = ref('');
 const taskDescription = ref('');
+const materialURL = ref('');
 const priority = ref({
   urgency: 0,
   importance: 0,
@@ -33,6 +34,7 @@ const createTask = () => {
   request.post("/tasks", {
     taskName: taskName.value,
     taskDescription: taskDescription.value,
+    materialURL: materialURL.value,
     ...priority.value
   }).then(result => {
     if (result.code == 200) {
@@ -52,6 +54,7 @@ const loadTask = () => {
         const data = result.data;
         taskName.value = data.taskName;
         taskDescription.value = data.taskDescription;
+        materialURL.value = data.materialURL || data.materialUrl || "";
         priority.value = {
           urgency: data.urgency,
           importance: data.importance,
@@ -77,6 +80,7 @@ const updateTask = () => {
     id: taskId,
     taskName: taskName.value,
     taskDescription: taskDescription.value,
+    materialURL: materialURL.value,
     ...priority.value
   }).then(result => {
     if (result.code == 200) {
@@ -142,6 +146,10 @@ const columnSpan = computed(() => {
       ></el-input>
     </el-form-item>
 
+    <el-form-item label="材料地址:">
+      <el-input v-model="materialURL" placeholder="请输入学习材料URL"></el-input>
+    </el-form-item>
+
     <el-form-item label="优先级:">
       <el-row :gutter="10">
         <el-col :span="columnSpan">