Claw 项目完整结构提交

Claw/client/wechat_app/components/task-card/task-card.js

@@ -0,0 +1,143 @@
+// 任务卡片组件逻辑
+const { TASK_STATUS } = require('../../utils/constant.js')
+
+Component({
+  properties: {
+    // 任务ID
+    taskId: {
+      type: String,
+      value: ''
+    },
+    // 任务标题
+    title: {
+      type: String,
+      value: ''
+    },
+    // 任务描述
+    description: {
+      type: String,
+      value: ''
+    },
+    // 任务类型
+    type: {
+      type: String,
+      value: ''
+    },
+    // 任务状态
+    status: {
+      type: String,
+      value: TASK_STATUS.PENDING
+    },
+    // 优先级
+    priority: {
+      type: String,
+      value: ''
+    },
+    // 创建时间
+    createdAt: {
+      type: String,
+      value: ''
+    },
+    // 更新时间
+    updatedAt: {
+      type: String,
+      value: ''
+    },
+    // 处理结果
+    result: {
+      type: String,
+      value: ''
+    },
+    // 进度（0-100）
+    progress: {
+      type: Number,
+      value: 0
+    }
+  },
+
+  data: {
+    statusText: ''
+  },
+
+  lifetimes: {
+    attached() {
+      this.updateStatusText()
+    }
+  },
+
+  observers: {
+    'status': function(status) {
+      this.updateStatusText()
+    }
+  },
+
+  methods: {
+    // 更新状态文本
+    updateStatusText() {
+      const statusMap = {
+        [TASK_STATUS.PENDING]: '待处理',
+        [TASK_STATUS.PROCESSING]: '处理中',
+        [TASK_STATUS.COMPLETED]: '已完成',
+        [TASK_STATUS.FAILED]: '处理失败',
+        [TASK_STATUS.CANCELLED]: '已取消'
+      }
+      
+      this.setData({
+        statusText: statusMap[this.properties.status] || '未知状态'
+      })
+    },
+
+    // 开始处理任务
+    startTask() {
+      this.triggerEvent('start', {
+        taskId: this.properties.taskId,
+        title: this.properties.title
+      })
+    },
+
+    // 完成任务
+    completeTask() {
+      this.triggerEvent('complete', {
+        taskId: this.properties.taskId,
+        title: this.properties.title
+      })
+    },
+
+    // 重试任务
+    retryTask() {
+      this.triggerEvent('retry', {
+        taskId: this.properties.taskId,
+        title: this.properties.title
+      })
+    },
+
+    // 查看任务详情
+    viewDetails() {
+      this.triggerEvent('detail', {
+        taskId: this.properties.taskId,
+        title: this.properties.title,
+        description: this.properties.description,
+        status: this.properties.status,
+        result: this.properties.result,
+        createdAt: this.properties.createdAt,
+        updatedAt: this.properties.updatedAt
+      })
+    },
+
+    // 取消任务
+    cancelTask() {
+      wx.showModal({
+        title: '确认取消',
+        content: `确定要取消任务"${this.properties.title}"吗？`,
+        success: (res) => {
+          if (res.confirm) {
+            this.triggerEvent('cancel', {
+              taskId: this.properties.taskId,
+              title: this.properties.title
+            })
+          }
+        }
+      })
+    }
+  }
+})