feat: 实现任务管理功能并优化界面显示

- 添加任务列表获取和状态更新API调用
- 修改任务列表组件显示格式和状态标签
- 优化日期格式化处理逻辑
- 调整任务列表样式和交互效果
- 注释掉部分不需要的API调用

my-vue-app/src/views/topOne/components/TaskList.vue

@@ -7,12 +7,11 @@
       </button>
     </div>
     <div class="task-list compact">
-      <div v-for="task in tasks.slice(0, 3)" :key="task.id" class="task-item">
+      <div v-for="task in tasks.slice(0, 10)" :key="task.id" class="task-item">
         <div class="task-content">
           <div class="task-title">{{ task.title }}</div>
           <div class="task-meta" style="display: flex; gap: 15px;">
-            <span class="assignee">分配给: {{ task.assignee }}</span>
-            <span class="deadline">截止: {{ formatDate(task.deadline) }}</span>
+            <span class="deadline">创建时间: {{ formatDate(task.created_at) }}</span>
           </div>
         </div>
         <div class="task-status" :class="task.status">