From 85b665272a529fb32742a4ef0f2b5ef853140dcc Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Tue, 21 Nov 2023 02:23:04 +0800
Subject: [PATCH] save

---
 components.d.ts                               |  1 -
 .../Practice/practice-word/Typing.vue         |  3 +-
 src/components/article/EditArticle.vue        | 62 ++++++++++---------
 3 files changed, 35 insertions(+), 31 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 98e0d2de..af5bcef8 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -25,7 +25,6 @@ declare module 'vue' {
     EditAbleText: typeof import('./src/components/EditAbleText.vue')['default']
     EditArticle: typeof import('./src/components/article/EditArticle.vue')['default']
     EditBatchArticleModal: typeof import('./src/components/article/EditBatchArticleModal.vue')['default']
-    EditBatchArticleModal2: typeof import('./src/components/article/EditBatchArticleModal2.vue')['default']
     EditBatchArticleModalFQ: typeof import('./src/components/article/EditBatchArticleModal-FQ.vue')['default']
     EditSingleArticleModal: typeof import('./src/components/article/EditSingleArticleModal.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
diff --git a/src/components/Practice/practice-word/Typing.vue b/src/components/Practice/practice-word/Typing.vue
index 32fcabe3..8adc1c7c 100644
--- a/src/components/Practice/practice-word/Typing.vue
+++ b/src/components/Practice/practice-word/Typing.vue
@@ -198,7 +198,8 @@ defineExpose({del, showWord, hideWord, play})
         <VolumeIcon ref="volumeIconRef" :simple="true" :cb="() => playWordAudio(word.name)"/>
       </Tooltip>
     </div>
-    <div class="phonetic">[{{ settingStore.wordSoundType === 'us' ? word.usphone : word.ukphone }}]</div>
+    <div class="phonetic" v-if="settingStore.wordSoundType === 'us' && word.usphone">[{{ word.usphone}}]</div>
+    <div class="phonetic" v-if="settingStore.wordSoundType === 'uk' && word.ukphone">[{{ word.ukphone }}]</div>
   </div>
 </template>
 
diff --git a/src/components/article/EditArticle.vue b/src/components/article/EditArticle.vue
index 6bf1268f..917c1923 100644
--- a/src/components/article/EditArticle.vue
+++ b/src/components/article/EditArticle.vue
@@ -231,7 +231,7 @@ defineExpose({save, getEditArticle: () => cloneDeep(editArticle)})
 <template>
   <div class="content">
     <div class="row">
-      <div class="title">原文</div>
+      <div class="title">①原文</div>
       <div class="item">
         <div class="label">标题：</div>
         <textarea
@@ -256,7 +256,7 @@ defineExpose({save, getEditArticle: () => cloneDeep(editArticle)})
       </div>
     </div>
     <div class="row">
-      <div class="title">译文</div>
+      <div class="title">②译文</div>
       <div class="item">
         <div class="label">
           <span>标题：</span>
@@ -329,43 +329,47 @@ defineExpose({save, getEditArticle: () => cloneDeep(editArticle)})
         >
             </textarea>
         <Empty
+            text="不需要翻译~"
             v-if="editArticle.useTranslateType === TranslateType.none"
         />
       </div>
     </div>
     <div class="row">
-      <div class="title">译文对照</div>
-      <div class="article-translate">
-        <div class="section" v-for="(item,indexI) in editArticle.sections">
-          <div class="sentence" v-for="(sentence,indexJ) in item">
-            <EditAbleText
-                :value="sentence.text"
-                @save="(e:string) => saveSentenceText(sentence,e)"
-            />
-            <EditAbleText
-                :value="sentence.translate"
-                @save="(e:string) => saveSentenceTranslate(sentence,e)"
-            />
+      <div class="title">③译文对照</div>
+      <template v-if="editArticle.sections.length">
+        <div class="article-translate">
+          <div class="section" v-for="(item,indexI) in editArticle.sections">
+            <div class="sentence" v-for="(sentence,indexJ) in item">
+              <EditAbleText
+                  :value="sentence.text"
+                  @save="(e:string) => saveSentenceText(sentence,e)"
+              />
+              <EditAbleText
+                  :value="sentence.translate"
+                  @save="(e:string) => saveSentenceTranslate(sentence,e)"
+              />
+            </div>
           </div>
         </div>
-      </div>
-      <div class="options" v-if="editArticle.text.trim()">
-        <div class="status">
-          <span>状态：</span>
-          <div class="warning" v-if="failCount && editArticle.useTranslateType !== TranslateType.none">
-            <Icon icon="typcn:warning-outline"/>
-            共有{{ failCount }}句没有翻译！
+        <div class="options" v-if="editArticle.text.trim()">
+          <div class="status">
+            <span>状态：</span>
+            <div class="warning" v-if="failCount && editArticle.useTranslateType !== TranslateType.none">
+              <Icon icon="typcn:warning-outline"/>
+              共有{{ failCount }}句没有翻译！
+            </div>
+            <div class="success" v-else>
+              <Icon icon="mdi:success-circle-outline"/>
+              翻译完成！
+            </div>
           </div>
-          <div class="success" v-else>
-            <Icon icon="mdi:success-circle-outline"/>
-            翻译完成！
+          <div class="left">
+            <BaseButton @click="save('save')">保存</BaseButton>
+            <BaseButton v-if="type === 'batch'" @click="save('saveAndNext')">保存并添加下一篇</BaseButton>
           </div>
         </div>
-        <div class="left">
-          <BaseButton @click="save('save')">保存</BaseButton>
-          <BaseButton v-if="type === 'batch'" @click="save('saveAndNext')">保存并添加下一篇</BaseButton>
-        </div>
-      </div>
+      </template>
+      <Empty v-else text="没有译文对照~"/>
     </div>
   </div>
 </template>