语音识别翻译,完成

src/views/semantics_manage/asr/ASR.vue

@@ -161,14 +161,17 @@
       v-if="articleDetail && articleDetail.SpeechRecognitionId">
         <div class="detail-top">
           <div class="detail-top-search">
-            <el-input v-model="articleDetail.FileName" placeholder="请输入文件名称" style="width: 240px;margin-right: 30px;"
+            <el-input v-model="articleDetail.FileName" 
+            :placeholder="$t('SemanticsManage.ASRpage.search_placeholder')" style="width: 240px;margin-right: 30px;"
             :disabled="!permissionBtn.isShowBtn('semanticPermission', 'ASR_renameArticles')"></el-input>
             <div class="tag-button" @click="makeTagsDiaOpen(null)" style="margin-right: 30px;cursor: pointer;"
             v-permission="permissionBtn.semanticPermission.ASR_tagMark_view">
               <img src="~@/assets/img/tag.png" />
-              <span style="color: #0052D9;">打标签</span>
+              <!-- 打标签-->
+              <span style="color: #0052D9;">{{ $t('SemanticsManage.ASRpage.tagging_text') }}</span>
             </div>
-            <el-input v-model="keyWord" placeholder="请输入关键词" prefix-icon="el-icon-search" clearable
+            <el-input v-model="keyWord" 
+            :placeholder="$t('SemanticsManage.ASRpage.please_enter_keywords')" prefix-icon="el-icon-search" clearable
             style="width: 360px;margin-right: 30px;" @input="searchKeyword">
               <template slot="append">
                 <div class="toggle-keywords-box" v-if="keyWord">
@@ -180,8 +183,9 @@
               </template>
             </el-input>
           </div>
+          <!-- 保存 -->
           <el-button type="primary" style="width: 120px;" @click="save" :loading="saveLoading" 
-          v-permission="permissionBtn.semanticPermission.ASR_saveArticles">保存</el-button>
+          v-permission="permissionBtn.semanticPermission.ASR_saveArticles">{{$t('Dialog.confirm_save_btn')}}</el-button>
         </div>
         <div class="detail-tag-area">
           <div class="tag-button" v-for="(item,index) in articleDetail.Tags" :key="item.TagId" >
@@ -208,21 +212,29 @@
             </div>
           </div>
           <div class="content-mutil-operation">
-            <el-checkbox label="全选" style="margin-right: 30px;" @change="checkAll"
+            <el-checkbox :label="$t('SemanticsManage.ASRpage.select_all_text')" 
+            style="margin-right: 30px;" @change="checkAll"
             v-model="isCheckAll" :indeterminate="isIndeterminate"></el-checkbox>
             <div class="content-row-operation active" @click="copyText(null)" v-show="checkList && checkList.length>0"
               v-permission="permissionBtn.semanticPermission.ASR_copyText">
               <img src="~@/assets/img/icons/copy-active.png" />
-              <span>复制</span>
+              <!-- 复制 -->
+              <span>{{ $t('SemanticsManage.ASRpage.copy_text') }}</span>
             </div>
             <div class="content-row-operation active" v-show="checkList && checkList.length>0"
               v-permission="permissionBtn.semanticPermission.ASR_toggleTimestampShow" 
               @click="toggleTimestampShow(null)">
               <img :src="hideTimestampAll?require('@/assets/img/icons/eyes-show-active.png'):require('@/assets/img/icons/eyes-hide-active.png')" />
-              <span>{{ hideTimestampAll?"展示时间戳":"隐藏时间戳" }}</span>
+              <span>
+                {{ 
+                    hideTimestampAll
+                    ?/*"展示时间戳"*/ $t('SemanticsManage.ASRpage.show_timestamps')
+                    :/*"隐藏时间戳" */ $t('SemanticsManage.ASRpage.hide_timestamps')
+                }}
+              </span>
             </div>
           </div>
-          <div class="content-title">原文</div>
+          <div class="content-title">{{ $t('SemanticsManage.ASRpage.original_text') }}</div>
           <div class="content-main" :style="{minHeight:articleDetail.ResourceUrl?'490px':'560px'}" ref="contentMain">
             <div class="content-row" v-for="(item,index) in articleDetail.Contents" :key="item.SpeechRecognitionContentId"
             @mouseover="item.IsHover=true" @mouseout="item.IsHover=false" :id="'paragraph_'+(index+1)">
@@ -234,7 +246,8 @@
                 <div class="content-row-operation" :class="{'active':item.IsHover}" @click="copyText(item)"
                 v-permission="permissionBtn.semanticPermission.ASR_copyText">
                   <img :src="item.IsHover?require('@/assets/img/icons/copy-active.png'):require('@/assets/img/icons/copy.png')" />
-                  <span>复制</span>
+                  <!--复制-->
+                  <span>{{ $t('SemanticsManage.ASRpage.copy_text') }}</span>
                 </div>
                 <div class="content-row-operation" :class="{'active':item.IsHover}" @click="toggleTimestampShow(item)"
                 v-permission="permissionBtn.semanticPermission.ASR_toggleTimestampShow" >
@@ -242,7 +255,13 @@
                   v-show="!item.IsHover"/>
                   <img :src="item.HideTimestamp?require('@/assets/img/icons/eyes-show-active.png'):require('@/assets/img/icons/eyes-hide-active.png')" 
                   v-show="item.IsHover"/>
-                  <span>{{ item.HideTimestamp?"展示时间戳":"隐藏时间戳" }}</span>
+                  <span>
+                    {{ 
+                        hideTimestampAll
+                        ?/*"展示时间戳"*/ $t('SemanticsManage.ASRpage.show_timestamps')
+                        :/*"隐藏时间戳" */ $t('SemanticsManage.ASRpage.hide_timestamps')
+                    }}
+                  </span>
                 </div>
               </div>
               <div class="content-row-content" >
@@ -1288,14 +1307,14 @@ export default {
       if(window.ClipboardItem) {
         await navigator.clipboard.writeText(text).then(
         () => {
-            this.$message.success('复制成功！')
+            this.$message.success(this.$t('MsgPrompt.copy_success_msg'))
         },
         (err) => {
             console.error(err);
-            this.$message.warning('浏览器不支持')
+            this.$message.warning(this.$t('MsgPrompt.browser_not_support'))
         })
       }else {
-        this.$message.warning('当前协议暂不支持，仅支持https协议')
+        this.$message.warning(this.$t('MsgPrompt.http_not_support'))
       }	
     },
     toggleTimestampShow(item){

src/views/semantics_manage/asr/components/mediaCom.vue

@@ -14,7 +14,8 @@
       @input="handleDragTime" :max="duration"/>
       <div class="played-time">{{ formatTime(currentTime) }}</div>
       <el-dropdown @command="setSpeed" class="dropdown-speed">
-        <span>倍速 {{ speed }}x</span>
+        <!--倍速-->
+        <span>{{$t('SemanticsManage.ASRpage.speed_text')}} {{ speed }}x</span>
         <el-dropdown-menu slot="dropdown">
           <el-dropdown-item :command="0.5" :class="speed==0.5?'current-speed':''">0.5</el-dropdown-item>
           <el-dropdown-item :command="1" :class="speed==1?'current-speed':''">1</el-dropdown-item>