教材预览翻译

src/views/book/courseware/preview/CoursewarePreview.vue

@@ -74,7 +74,9 @@
       <span class="line"></span>
       <span class="button" @click="setCollect"><SvgIcon icon-class="sidebar-collect" size="14" /> 收藏 </span>
       <span class="line"></span>
-        <span class="button" @click="setTranslate"><img style="width: 14px; height: 14px;" :src="require('@/assets/icon/sidebar-translate.png')" /> 翻译 </span>
+      <span class="button" @click="setTranslate">
+        <img :src="require('@/assets/icon/sidebar-translate.png')" style="width: 14px; height: 14px" /> 翻译
+      </span>
     </div>
   </div>
 </template>

src/web_preview/index.vue

@@ -112,6 +112,7 @@
             @computeScroll="computeScroll"
             @editNote="handEditNote"
             @saveCollect="saveCollect"
+            @getTranslate="getTranslate"
           />
           <div class="preview-right"></div>
         </main>
@@ -365,17 +366,8 @@
       @cancel="delNote"
     />
 
-    <el-dialog
-      title="翻译"
-      width="240px"
-      :close-on-click-modal="false"
-      :visible="visibleTranslate"
-      @close="dialogClose('Translate')"
-    >
-      <el-select v-model="lang" placeholder="请选择语言" size="mini" class="lang-select">
-        <el-option v-for="item in langList" :key="item.type" :label="item.name" :value="item.type" />
-      </el-select>
-    </el-dialog>
+    <TranslateDialog :open.sync="showTranslate" :init-text="translateText" :book-id="projectId" title-text="翻译" />
+
   </div>
 </template>
 
@@ -386,6 +378,7 @@ import MindMap from '@/components/MindMap.vue';
 import VideoPlay from '@/views/book/courseware/preview/components/common/VideoPlay.vue';
 import AudioPlay from '@/views/book/courseware/preview/components/common/AudioPlay.vue';
 import ExplanatoryNoteDialog from '@/components/ExplanatoryNoteDialog.vue';
+import TranslateDialog from '@/components/TranslateDialog.vue';
 import VisNetwork from '@/components/VisNetwork.vue';
 import * as OpenCC from 'opencc-js';
 
@@ -420,6 +413,7 @@ export default {
     AudioPlay,
     ExplanatoryNoteDialog,
     VisNetwork,
+    TranslateDialog,
   },
   provide() {
     return {
@@ -453,7 +447,7 @@ export default {
       },
       { icon: 'collect', title: '收藏', handle: 'getCollect', param: { type: '11' } },
       { icon: 'note', title: '笔记', handle: 'getNote', param: { type: '12' } },
-      { icon: 'translate', title: '翻译', handle: 'openTranslate', param: { type: '21' } },
+      { icon: 'translate', title: '多语言', handle: 'openTranslate', param: { type: '21' } },
       { icon: 'setting', title: '设置', handle: '', param: {} },
     ];