Job 批次完成任務 — 前端整合規格

在待辦任務頁面（/project/task-manage）新增批次完成功能，讓使用者勾選多個處理中的任務，填寫統一的 comment，一次送出完成。

批次完成任務

POST /api/1.0/grc/project/<project_uid>/jobs/batch-complete
Authorization: Bearer <token>
Content-Type: application/json

Request：

{
  "comment": "已完成相關佐證文件上傳",
  "job_uids": [
    "job-uid-1",
    "job-uid-2",
    "job-uid-3"
  ]
}

Response：

{
  "status": true,
  "data": {
    "total": 3,
    "completed_count": 2,
    "failed_count": 1,
    "results": [
      {"job_uid": "job-uid-1", "success": true, "error": null},
      {"job_uid": "job-uid-2", "success": true, "error": null},
      {"job_uid": "job-uid-3", "success": false, "error": "任務不在處理中狀態"}
    ]
  }
}

任務列表頁面調整

1. 新增勾選欄

   • 任務列表表格最左方新增 checkbox 欄位
   • 只有 PROCESSING 狀態的任務才能勾選（其他狀態 checkbox disabled）
   • 表頭有全選 checkbox（只全選 PROCESSING 狀態的）

2. 批次操作工具列

   • 當有任務被勾選時，顯示工具列：已選 N 筆 + 「批次完成」按鈕
   • 無勾選時隱藏工具列

3. 批次完成 Dialog

   Step 1 — 確認與填寫 comment

   ┌─────────────────────────────────────┐
   │  批次完成任務                         │
   │                                     │
   │  即將完成 3 筆任務：                  │
   │  ┌─────────────────────────────┐    │
   │  │ ☑ [AC.L1-3.1.1] 佐證上傳    │    │
   │  │ ☑ [AC.L1-3.1.1] 問卷填答    │    │
   │  │ ☑ [IA.L1-3.5.1] 佐證上傳    │    │
   │  └─────────────────────────────┘    │
   │                                     │
   │  完成說明（選填）                     │
   │  ┌─────────────────────────────┐    │
   │  │                             │    │
   │  └─────────────────────────────┘    │
   │                                     │
   │           [取消]  [確認完成]          │
   └─────────────────────────────────────┘

   • 列出被勾選的任務清單（顯示控制項代碼 + 任務名稱）
   • 提供 comment 輸入框（textarea，選填）
   • 「確認完成」→ 送 API

   Step 2 — 結果顯示

   ┌─────────────────────────────────────┐
   │  批次完成結果                         │
   │                                     │
   │  ✓ 成功完成 2 筆                     │
   │  ✗ 失敗 1 筆                         │
   │                                     │
   │  ┌──────────┬────────┬─────────┐    │
   │  │ 任務名稱  │ 結果   │ 原因    │    │
   │  ├──────────┼────────┼─────────┤    │
   │  │ 佐證上傳  │  ✓    │         │    │
   │  │ 問卷填答  │  ✓    │         │    │
   │  │ 佐證上傳  │  ✗    │ 不在... │    │
   │  └──────────┴────────┴─────────┘    │
   │                                     │
   │                    [關閉]            │
   └─────────────────────────────────────┘

   • 顯示成功/失敗筆數
   • 表格列出每筆結果
   • 失敗的任務顯示原因（results[].error）
   • 關閉後刷新任務列表

1. 勾選邏輯

// 只允許勾選 PROCESSING 狀態的任務
const isSelectable = (job) => job.status === 'PROCESSING'

// 取得被勾選的 job_uids
const selectedJobUids = selectedJobs.map(job => job.id)

2. 送出批次完成

const response = await api.post(
  `/grc/project/${projectUid}/jobs/batch-complete`,
  {
    comment: commentText,
    job_uids: selectedJobUids
  }
)

// 解析結果
const { completed_count, failed_count, results } = response.data

3. 結果處理

// 全部成功
if (failed_count === 0) {
  message.success(`已完成 ${completed_count} 筆任務`)
}
// 部分失敗
else {
  message.warning(`完成 ${completed_count} 筆，失敗 ${failed_count} 筆`)
  // 顯示失敗明細
}

// 刷新列表
refreshJobList()