From e7f5670b724f0cf4faab29f735c5f1fcd58733c2 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Wed, 6 Nov 2024 17:53:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=9B=BE=E7=89=87=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=E5=8A=9F=E8=83=BD=E5=8F=8A=E5=A4=9A=E8=AF=AD=E8=A8=80?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/Home.vue                 |  2 +-
 src/view/media/i18n.js            | 34 +++++++++++++++++++++++++++++++
 src/view/media/imageTranslate.vue | 29 ++++++++++++++++++--------
 3 files changed, 56 insertions(+), 9 deletions(-)
 create mode 100644 src/view/media/i18n.js

diff --git a/src/view/Home.vue b/src/view/Home.vue
index 1973b36..6d98719 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -52,7 +52,7 @@
 
           <el-submenu index="/imageTranslate">
             <template #title>
-              <i class="el-icon-s-goods"/>
+              <i class="el-icon-cpu"/>
               <span>AI助手</span>
             </template>
             <el-menu-item index="/imageTranslate">图片翻译</el-menu-item>
diff --git a/src/view/media/i18n.js b/src/view/media/i18n.js
new file mode 100644
index 0000000..a1a3c47
--- /dev/null
+++ b/src/view/media/i18n.js
@@ -0,0 +1,34 @@
+export const languages = {
+  CHS: '中文(简体)',
+  CHT: '中文(繁体)',
+  CSY: '捷克语',
+  NLD: '荷兰语',
+  ENG: '英语',
+  FRA: '法语',
+  DEU: '德语',
+  HUN: '匈牙利语',
+  ITA: '意大利语',
+  JPN: '日语',
+  KOR: '朝鲜文',
+  PLK: '波兰语',
+  PTB: '葡萄牙语(巴西)',
+  ROM: '罗马尼亚语',
+  RUS: '俄罗斯语',
+  ESP: '西班牙语',
+  TRK: '土耳其语',
+  VIN: '越南语',
+  ARA: '阿拉伯语',
+  SRP: '塞尔维亚语',
+  HRV: '克罗地亚语',
+  THA: '泰语',
+  IND: '印尼语',
+  FIL: '菲律宾语（他加禄语）',
+}
+export const engines = {
+  google: '谷歌翻译',
+  papago: 'Papago',
+  m2m100: 'M2M100',
+  deepl: 'DeepL',
+  none: '清除文字',
+  original: '不翻译'
+}
diff --git a/src/view/media/imageTranslate.vue b/src/view/media/imageTranslate.vue
index a5b645d..62b8ee2 100644
--- a/src/view/media/imageTranslate.vue
+++ b/src/view/media/imageTranslate.vue
@@ -1,28 +1,41 @@
 <script>
 import AiDetail from "@/components/AiDetail.vue";
+import AiSelect from "@/components/AiSelect.vue";
+import {engines, languages} from "@/view/media/i18n";
 
 export default {
   name: "imageTranslate",
-  components: {AiDetail},
+  components: {AiSelect, AiDetail},
   data() {
     return {
-      form: {}
+      form: {},
     }
+  },
+  computed: {
+    languages: () => Object.entries(languages).map(([k, v]) => ({dictName: v, dictValue: k})),
+    engines: () => Object.entries(engines).map(([k, v]) => ({dictName: v, dictValue: k})),
   }
 }
 </script>
 
 <template>
-  <ai-detail class="imageTranslate">
+  <ai-list class="imageTranslate">
     <ai-title slot="title" title="图片翻译" isShowBottomBorder/>
     <template #content>
-      <el-form>
-
-
-
+      <el-form size="mini" label-width="120px">
+        <el-collapse>
+          <el-collapse-item title="翻译参数" name="1">
+            <el-form-item label="翻译引擎">
+              <ai-select v-model="form.translator" :select-list="engines"/>
+            </el-form-item>
+            <el-form-item label="翻译语言">
+              <ai-select v-model="form.targetLang" :select-list="languages"/>
+            </el-form-item>
+          </el-collapse-item>
+        </el-collapse>
       </el-form>
     </template>
-  </ai-detail>
+  </ai-list>
 </template>
 
 <style scoped lang="scss">