任务列表添加删除按钮

Author: TommyMerlin

app.py

@@ -288,8 +288,8 @@ def get_task(task_id):
 
 @app.route('/api/tasks/<int:task_id>', methods=['DELETE'])
 @login_required
-def cancel_task(task_id):
-    """取消任务"""
+def delete_task(task_id):
+    """彻底删除任务"""
     try:
         with get_db() as db:
             task = db.query(NotifyTask).filter(
@@ -299,14 +299,14 @@ def cancel_task(task_id):
             if not task:
                 return jsonify({'error': '任务不存在'}), 404
 
-            # 更新状态为已取消
-            task.status = NotifyStatus.CANCELLED
-            db.commit()
-
             # 从调度器移除
             scheduler.remove_task(task_id, task.is_recurring)
 
-            return jsonify({'message': '任务已取消'})
+            # 彻底删除
+            db.delete(task)
+            db.commit()
+
+            return jsonify({'message': '任务已彻底删除'})
 
     except Exception as e:
         return jsonify({'error': str(e)}), 500
@@ -334,11 +334,21 @@ def update_task(task_id):
             # 记录原始状态
             original_status = task.status
 
-            # 处理状态变更（暂停/恢复）
+            # 处理状态变更（暂停/恢复/取消）
             if 'status' in data:
                 try:
                     target_status_str = data['status']
 
+                    # 取消任务 (软删除)
+                    if target_status_str == 'cancelled':
+                        task.status = NotifyStatus.CANCELLED
+                        scheduler.remove_task(task_id, task.is_recurring)
+                        db.commit()
+                        return jsonify({
+                            'message': '任务已取消',
+                            'task': task.to_dict()
+                        })
+
                     # 暂停任务
                     if target_status_str == 'paused':
                         task.status = NotifyStatus.PAUSED

static/js/app.js

@@ -899,6 +899,9 @@ function createTaskElement(task) {
     const channelText = channels.find(c => c.value === task.channel)?.label || task.channel;
     const scheduleLabel = task.is_recurring ? '📅 下一次执行时间' : '📅 计划时间';
 
+    // 定义删除按钮
+    const deleteBtn = `<button class="btn btn-sm btn-ghost" style="color: #ef4444; border-color: rgba(239, 68, 68, 0.2);" onclick="deleteTask(${task.id})">🗑️ 删除</button>`;
+
     div.innerHTML = `
         <div class="task-header">
             <div>
@@ -924,12 +927,15 @@ function createTaskElement(task) {
                 <button class="btn btn-sm btn-info" onclick="editTask(${task.id})">编辑</button>
                 ${task.is_recurring ? `<button class="btn btn-sm btn-warning" onclick="toggleTaskPause(${task.id}, 'pause')">暂停</button>` : ''}
                 <button class="btn btn-sm btn-danger" onclick="cancelTask(${task.id})">取消任务</button>
+                ${deleteBtn}
             ` : task.status === 'paused' ? `
                 <button class="btn btn-sm btn-info" onclick="editTask(${task.id})">编辑</button>
                 <button class="btn btn-sm btn-success" onclick="toggleTaskPause(${task.id}, 'resume')">恢复</button>
                 <button class="btn btn-sm btn-danger" onclick="cancelTask(${task.id})">取消任务</button>
+                ${deleteBtn}
             ` : `
                 <button class="btn btn-sm btn-success" onclick="editTask(${task.id})">重新启用</button>
+                ${deleteBtn}
             `}
         </div>
     `;
@@ -1097,23 +1103,26 @@ function showConfirmDialog({
     });
 }
 
-// 取消任务
+// 取消任务（软删除）
 async function cancelTask(taskId) {
     const confirmed = await showConfirmDialog({
         title: '取消任务',
-        message: '确定要取消这个任务吗？此操作不可恢复。',
+        message: '确定要取消这个任务吗？\n取消后任务将停止发送，但保留在列表中，可以重新启用。',
         confirmText: '确认取消',
         cancelText: '保留任务'
     });
 
     if (!confirmed) return;
 
     try {
+        // 使用 PUT 更新状态为 cancelled
         const response = await fetch(`${API_BASE}/tasks/${taskId}`, {
-            method: 'DELETE',
+            method: 'PUT',
             headers: {
+                'Content-Type': 'application/json',
                 'Authorization': `Bearer ${localStorage.getItem('token')}`
-            }
+            },
+            body: JSON.stringify({ status: 'cancelled' })
         });
 
         const result = await response.json();
@@ -1135,6 +1144,44 @@ async function cancelTask(taskId) {
     }
 }
 
+// 彻底删除任务（硬删除）
+async function deleteTask(taskId) {
+    const confirmed = await showConfirmDialog({
+        title: '彻底删除任务',
+        message: '⚠️ 确定要彻底删除这个任务吗？\n此操作将永久移除任务记录，无法恢复！',
+        confirmText: '彻底删除',
+        cancelText: '取消'
+    });
+
+    if (!confirmed) return;
+
+    try {
+        const response = await fetch(`${API_BASE}/tasks/${taskId}`, {
+            method: 'DELETE',
+            headers: {
+                'Authorization': `Bearer ${localStorage.getItem('token')}`
+            }
+        });
+
+        const result = await response.json();
+
+        if (response.ok) {
+            showNotification('任务已彻底删除', 'success');
+            loadTasks();
+
+            // 刷新日历
+            if (typeof window.loadCalendar === 'function') {
+                delete window.__TASKS_CACHE;
+                window.loadCalendar();
+            }
+        } else {
+            showNotification('删除失败: ' + result.error, 'error');
+        }
+    } catch (error) {
+        showNotification('删除失败: ' + error.message, 'error');
+    }
+}
+
 // 切换任务暂停/恢复状态
 async function toggleTaskPause(taskId, action) {
     const isPause = action === 'pause';

version.yml

@@ -1 +1 @@
-version: 0.5.0
+version: 0.5.1