上传组件的多语言

src/views/book/components/MultilingualFill.vue

@@ -250,6 +250,7 @@ export default {
         height: 579px;
         padding: 5px 15px;
         overflow: auto;
+        white-space: pre-wrap; // 显示回车换行
         background-color: #f2f3f5;
         border: 1px solid #f2f3f5;
         border-radius: 4px;

src/views/book/courseware/create/components/base/upload_preview/UploadPreview.vue

@@ -18,6 +18,13 @@
         @updateFileList="updateFileList"
       />
       <el-form :model="data" label-width="72px" label-position="left" />
+      <el-button @click="handleMultilingual">多语言</el-button>
+      <MultilingualFill
+        :visible.sync="multilingualVisible"
+        :text="multilingualText"
+        :translations="data.multilingual"
+        @SubmitTranslation="handleMultilingualTranslation"
+      />
     </template>
   </ModuleBase>
 </template>
@@ -26,10 +33,11 @@
 import { getUploadPreviewData } from '@/views/book/courseware/data/uploadPreview';
 import ModuleMixin from '../../common/ModuleMixin';
 import UploadFile from '../common/UploadFile.vue';
+import MultilingualFill from '@/views/book/components/MultilingualFill.vue';
 
 export default {
   name: 'UploadPreviewPage',
-  components: { UploadFile },
+  components: { UploadFile, MultilingualFill },
   mixins: [ModuleMixin],
   data() {
     return {
@@ -39,6 +47,8 @@ export default {
       uploadTip:
         '支持上传png，jpg，txt，pdf，doc，excel，ppt，mp3，wma，mp4，mov，zip，rar等格式文件，单个文件最大500MB',
       iconClass: '',
+      multilingualVisible: false,
+      multilingualText: '',
     };
   },
   watch: {
@@ -63,6 +73,15 @@ export default {
       });
       this.data.mind_map.node_list = node_list;
     },
+    handleMultilingual() {
+      this.multilingualText = this.data.file_list
+        .map((item) => (item.file_name ? item.file_name : item.name))
+        .join('\n');
+      this.multilingualVisible = true;
+    },
+    handleMultilingualTranslation(multilingual) {
+      this.data.multilingual = multilingual;
+    },
   },
 };
 </script>

src/views/book/courseware/data/article.js

@@ -181,5 +181,6 @@ export function getArticleData() {
         { name: '课文组件' }
       ], // 思维导图数据
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/character.js

@@ -100,5 +100,6 @@ export function getCharacterData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/characterBase.js

@@ -112,5 +112,6 @@ export function getCharacterBaseData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/characterStructure.js

@@ -144,5 +144,6 @@ export function getCharacterStructureData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/dialogueArticle.js

@@ -214,5 +214,6 @@ export function getArticleData() {
     },
     sentence_list_mp: [], //句子+分词数组
     pinyin_type: 'pinyin', // 拼音类型
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/drawing.js

@@ -49,5 +49,6 @@ export function getDrawingData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/h5Games.js

@@ -32,5 +32,6 @@ export function getH5GamesData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/imageText.js

@@ -44,5 +44,6 @@ export function getImageTextData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/newWord.js

@@ -126,5 +126,6 @@ export function getNewWordData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/newWordTemplate.js

@@ -113,5 +113,6 @@ export function getNewWordTemplateData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/notes.js

@@ -45,5 +45,6 @@ export function getNotesData() {
         { name: '注释组件' }
       ], // 思维导图数据
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/otherWord.js

@@ -84,5 +84,6 @@ export function getOtherWordData() {
         { name: '其他词汇' }
       ], // 思维导图数据
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/pinyinBase.js

@@ -96,5 +96,6 @@ export function getPinyinBaseData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/recordInput.js

@@ -39,5 +39,6 @@ export function getRecordInputData() {
         input: '',
       },
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/table.js

@@ -89,5 +89,6 @@ export function getTableData() {
     mind_map: {
       node_list: [{ name: '表格' }],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/uploadControl.js

@@ -17,5 +17,6 @@ export function getUploadControlData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/uploadPreview.js

@@ -33,6 +33,7 @@ export function getUploadPreviewData() {
       node_list: [
         { name: '上传组件' }
       ], // 思维导图数据
-    }
+    },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/videoInteraction.js

@@ -36,5 +36,6 @@ export function getVideoInteractionData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/write.js

@@ -86,5 +86,6 @@ export function getWriteData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }

src/views/book/courseware/data/writeBase.js

@@ -95,5 +95,6 @@ export function getWriteBaseData() {
     answer: {
       answer_list: [],
     },
+    multilingual: [], // 多语言
   };
 }