feat 智能翻译接入接口、部分优化

src/api/intelligentTranslation/index.js

+import request from '@/api/request.js'
+
+const INTELLIGENT_TRANSLATION_BASE_URL = '/doc-detail-pdf-api'
+const INTELLIGENT_TRANSLATION_HEADERS = {
+  'Client-ID': 'test_client',
+  'X-API-Key': 'test_key'
+}
+
+export function submitTranslationTask(file) {
+  const formData = new FormData()
+  formData.append('files', file)
+  return request({
+    url: `${INTELLIGENT_TRANSLATION_BASE_URL}/submit`,
+    method: 'POST',
+    data: formData,
+    headers: INTELLIGENT_TRANSLATION_HEADERS
+  })
+}
+
+export function queryTranslationTaskStatus(taskId) {
+  return request({
+    url: `${INTELLIGENT_TRANSLATION_BASE_URL}/status/${taskId}`,
+    method: 'GET',
+    headers: INTELLIGENT_TRANSLATION_HEADERS
+  })
+}
+
+export function queryTranslationTaskResult(taskId) {
+  return request({
+    url: `${INTELLIGENT_TRANSLATION_BASE_URL}/result/${taskId}`,
+    method: 'GET',
+    headers: INTELLIGENT_TRANSLATION_HEADERS
+  })
+}

src/views/intelligentTranslation/index.vue

@@ -10,8 +10,8 @@
               <img class="workspace-toolbar-icon" src="@/assets/icons/tool-item-icon2.png" alt="" />
               <span class="workspace-toolbar-heading">智能翻译</span>
             </div>
-            <button class="translate-btn" type="button" @click="onTranslate">
-              AI翻译
+            <button class="translate-btn" type="button" :disabled="submitLoading" @click="onTranslate">
+              {{ submitLoading ? '提交中...' : 'AI翻译' }}
             </button>
           </div>
 
@@ -22,7 +22,7 @@
 
             <div v-else class="upload-file-panel">
               <ul class="upload-file-list">
-                <li v-for="(file, index) in selectedFiles" :key="`${file.name}-${index}`" class="upload-file-item">
+                <li v-for="(file, index) in selectedFiles" :key="`${file.name}-${file.lastModified}-${file.size}`" class="upload-file-item">
                   <img class="upload-file-type-icon" :src="fileTypeIconUrl" alt="" />
                   <span class="upload-file-name">{{ file.name }}</span>
                   <button type="button" class="upload-file-item-delete" aria-label="删除该文件" @click="removeFileAt(index)">
@@ -90,8 +90,10 @@
 
 <script setup>
 import { computed, ref } from 'vue'
+import { ElMessage } from 'element-plus'
 import { useRouter } from 'vue-router'
 import IntelligenceLeftTabBar from '@/components/intelligenceLeftTabBar/index.vue'
+import { submitTranslationTask } from '@/api/intelligentTranslation/index'
 import { uploadRecordMock } from './mock'
 import fileTypeIconUrl from './icons/file-type-icon.png'
 import lineUploadIconSvg from './icons/Line_Upload.svg?raw'
@@ -106,24 +108,45 @@ const sourceText = ref('')
 const translatedText = ref('点击“翻译”后展示占位结果')
 const selectedFiles = ref([])
 const uploadRecords = ref(uploadRecordMock)
+const submitLoading = ref(false)
 
 const isTextMode = computed(() => selectedFiles.value.length === 0)
 
-const onTranslate = () => {
+const onTranslate = async () => {
   if (isTextMode.value) {
-    const text = sourceText.value.trim()
-    translatedText.value = text
-      ? `【Mock译文】${text}`
-      : '【Mock译文】当前没有输入文本，请先填写原文内容。'
+    ElMessage.warning('请先上传 PDF 文件后再发起翻译')
     return
   }
 
-  router.push({
-    name: 'intelligentTranslationDocument',
-    query: {
-      fileName: selectedFiles.value[0]?.name || ''
+  const targetFile = selectedFiles.value[0]
+  if (!targetFile) {
+    ElMessage.warning('请先上传 PDF 文件')
+    return
+  }
+  if (submitLoading.value) {
+    return
+  }
+
+  submitLoading.value = true
+  try {
+    const response = await submitTranslationTask(targetFile)
+    const taskId = response?.data?.task_id || response?.data?.task_ids?.[0]
+    if (!taskId) {
+      throw new Error('未获取到任务ID')
     }
-  })
+
+    router.push({
+      name: 'intelligentTranslationDocument',
+      query: {
+        taskId,
+        fileName: targetFile.name || ''
+      }
+    })
+  } catch (error) {
+    ElMessage.error(error?.message || '翻译任务提交失败，请稍后重试')
+  } finally {
+    submitLoading.value = false
+  }
 }
 
 const onFileChange = (event) => {
@@ -291,6 +314,11 @@ function formatRecordDateOnly(timeStr) {
   cursor: pointer;
 }
 
+.translate-btn:disabled {
+  opacity: 0.7;
+  cursor: not-allowed;
+}
+
 .workspace-source-block {
   box-sizing: border-box;
   flex: 1;