将选择语言功能移到翻译弹窗

src/components/CommonPreview.vue

@@ -18,11 +18,6 @@
           <el-checkbox v-model="isJudgeCorrect">判断对错</el-checkbox>
         </div>
         <span class="link">
-          <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>
-        </span>
-        <span class="link">
           <el-checkbox v-model="chinese" true-label="zh-Hant" false-label="zh-Hans">繁体</el-checkbox>
         </span>
         <span v-if="false" class="link">
@@ -380,6 +375,18 @@
     />
     <SimAnswerPermissionControl :visible.sync="visiblePermissionControl" :permission-control.sync="permissionControl" />
     <PreviewURL :url="preview_url" :visible.sync="visiblePreviewURL" />
+
+    <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>
   </div>
 </template>
 
@@ -498,7 +505,7 @@ export default {
       },
       { icon: 'collect', title: '收藏', handle: 'getCollect', param: { type: '11' } },
       { icon: 'note', title: '笔记', handle: 'getNote', param: { type: '12' } },
-      { icon: 'translate', title: '翻译', handle: '', param: {} },
+      { icon: 'translate', title: '翻译', handle: 'openTranslate', param: {} },
       { icon: 'setting', title: '设置', handle: '', param: {} },
     ];
 
@@ -554,6 +561,7 @@ export default {
       isChildDataLoad: false,
       mindMapJsonData: {}, // 思维导图json数据
       drawerType: '', // 抽屉类型
+      visibleTranslate: false, // 翻译弹窗显示状态
       page_capacity: 10,
       cur_page: 1,
       file_list: [],
@@ -953,7 +961,12 @@ export default {
     async openVisNetwork() {
       this.visibleVisNetwork = true;
     },
-
+    /**
+     * 打开选择语言弹窗
+     */
+    openTranslate() {
+      this.visibleTranslate = true;
+    },
     /**
      * 打开抽屉并初始化加载
      * @param {Object} param - 抽屉参数