used specific API to show task images

src/api/taskService.js

@@ -159,3 +159,25 @@ export const deleteTask = async (taskId) => {
     throw error
   }
 }
+
+/**
+ * 获取任务图像
+ * @param {number} taskId - 任务ID
+ * @param {number} imageIndex - 图像索引 (1-5)
+ * @returns {Promise<Blob>} 图像二进制数据
+ */
+export const getTaskImage = async (taskId, imageIndex) => {
+  try {
+    const response = await apiClient.get(`/api/tasks/${taskId}/images/${imageIndex}/`, {
+      responseType: 'blob', // 重要：指定响应类型为blob以处理二进制数据
+      headers: {
+        'Accept': '*/*' // 接受任何类型的响应，解决406 Not Acceptable错误
+      }
+    });
+    console.log(`Task image ${imageIndex} for task ${taskId} fetched successfully`);
+    return response.data;
+  } catch (error) {
+    console.error(`Failed to fetch task image ${imageIndex} for task ${taskId}:`, error);
+    throw error;
+  }
+}

src/locales/en/modules/task.js

@@ -29,7 +29,12 @@ export default {
       notStarted: 'Not Started',
       inProgress: 'In Progress',
       completed: 'Completed'
-    }
+    },
+    images: 'Task Images',
+    image: 'Image',
+    noImage: 'No Image',
+    clickToLoad: 'Click to load image',
+    loadingImage: 'Loading image...'
   },
   filters: {
     title: 'Filters',
@@ -43,8 +48,13 @@ export default {
     collapse: 'Collapse Filter Panel',
     expandToReselect: 'Click to Expand and Reselect'
   },
+  edit: {
+    title: 'Edit Task'
+  },
   messages: {
     loadError: 'Failed to load task data',
-    noData: 'No task data available'
+    noData: 'No task data available',
+    updateError: 'Failed to update task',
+    loadImageError: 'Failed to load image'
   }
 }

src/locales/zh-CN/modules/task.js

@@ -29,7 +29,12 @@ export default {
       notStarted: '未开始',
       inProgress: '进行中',
       completed: '已完成'
-    }
+    },
+    images: '作业图像',
+    image: '图像',
+    noImage: '暂无图像',
+    clickToLoad: '点击加载图像',
+    loadingImage: '正在加载图像...'
   },
   filters: {
     title: '筛选条件',
@@ -43,8 +48,13 @@ export default {
     collapse: '收起筛选面板',
     expandToReselect: '点击展开重新选择'
   },
+  edit: {
+    title: '编辑作业'
+  },
   messages: {
     loadError: '加载作业数据失败',
-    noData: '暂无作业数据'
+    noData: '暂无作业数据',
+    updateError: '更新作业失败',
+    loadImageError: '加载图像失败'
   }
 }