From 56692c42a2f6a53eaa4695973925145501eb5714 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Mon, 18 Sep 2023 22:33:52 +0800
Subject: [PATCH] feat: update

---
 components.d.ts                        |  1 -
 src/components/Practice/AddArticle.vue | 94 ++++++++++++++------------
 2 files changed, 52 insertions(+), 43 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 378c3b13..c30a3564 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -41,7 +41,6 @@ declare module 'vue' {
     Statistics: typeof import('./src/components/Modal/Statistics.vue')['default']
     Toolbar: typeof import('./src/components/Toolbar/Toolbar.vue')['default']
     Tooltip: typeof import('./src/components/Tooltip.vue')['default']
-    TrabslateSetting: typeof import('./src/components/Toolbar/TrabslateSetting.vue')['default']
     TranslateSetting: typeof import('./src/components/Toolbar/TranslateSetting.vue')['default']
     TypeArticle: typeof import('./src/components/Practice/TypeArticle.vue')['default']
     TypeWord: typeof import('./src/components/Practice/TypeWord.vue')['default']
diff --git a/src/components/Practice/AddArticle.vue b/src/components/Practice/AddArticle.vue
index 7f59f5c1..bb9d634b 100644
--- a/src/components/Practice/AddArticle.vue
+++ b/src/components/Practice/AddArticle.vue
@@ -1266,7 +1266,7 @@ watch(() => article.translateType, () => {
 
 <template>
   <Teleport to="body">
-    <div class="add-article">
+    <div class="add-article" @click.stop="null">
       <div class="content">
         <div class="row">
           <div class="title">原文</div>
@@ -1296,63 +1296,69 @@ watch(() => article.translateType, () => {
         <div class="row">
           <div class="title">译文</div>
           <div class="item">
-            <div class="label">翻译类型：</div>
-            <el-radio-group v-model="article.translateType">
-              <el-radio-button :label="1">本地翻译</el-radio-button>
-              <el-radio-button :label="0">网络翻译</el-radio-button>
-            </el-radio-group>
-          </div>
-          <div class="translate" v-if="!article.translateType">
-            <BaseButton @click="startNetworkTranslate" :disabled="!article.article.trim()">开始翻译</BaseButton>
-            <el-select v-model="networkTranslateEngine"
-                       style="width: 80rem;"
-            >
-              <el-option
-                  v-for="item in TranslateEngineOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-              />
-            </el-select>
-            <el-progress :percentage="progress"
-                         :duration="30"
-                         :striped="progress !== 100"
-                         :striped-flow="progress !== 100"
-                         :stroke-width="8"
-                         :show-text="true"/>
-          </div>
-          <div class="item">
-            <div class="label">标题：</div>
+            <div class="label">
+              <span>标题：</span>
+              <el-radio-group v-model="article.translateType">
+                <el-radio-button :label="0">网络翻译</el-radio-button>
+                <el-radio-button :label="1">本地翻译</el-radio-button>
+              </el-radio-group>
+            </div>
             <el-input
                 v-model="article.titleTranslate"
                 :rows="2"
                 type="textarea"
                 placeholder="请填写翻译标题"
-                input-style="color:black;font-size:16rem;"
+                input-style="color:black;font-size:18rem;"
             />
           </div>
           <div class="item">
-            <div class="label">正文：</div>
+            <div class="label">
+              <span>正文：</span>
+              <div class="translate-item" v-if="!article.translateType">
+                <el-progress :percentage="progress"
+                             :duration="30"
+                             :striped="progress !== 100"
+                             :striped-flow="progress !== 100"
+                             :stroke-width="8"
+                             :show-text="true"/>
+                <el-select v-model="networkTranslateEngine"
+                           style="width: 80rem;"
+                >
+                  <el-option
+                      v-for="item in TranslateEngineOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                  />
+                </el-select>
+                <BaseButton
+                    size="small"
+                    @click="startNetworkTranslate"
+                    :disabled="!article.article.trim()">开始翻译
+                </BaseButton>
+
+              </div>
+            </div>
             <el-input
                 v-if="article.translateType"
                 v-model="article.customTranslate"
                 :disabled="![100,0].includes(progress)"
                 @blur="onBlur"
                 @focus="onFocus"
-                :rows="20"
+                :rows="23"
                 type="textarea"
                 placeholder="请填写翻译正文"
-                input-style="color:black;font-size:16rem;"
+                input-style="color:black;font-size:18rem;"
             />
             <el-input
                 v-else
                 v-model="article.networkTranslate"
                 @blur="onBlur"
                 @focus="onFocus"
-                :rows="20"
+                :rows="23"
                 type="textarea"
                 placeholder="等待网络翻译中..."
-                input-style="color:black;font-size:16rem;"
+                input-style="color:black;font-size:18rem;"
             />
           </div>
         </div>
@@ -1428,22 +1434,26 @@ watch(() => article.translateType, () => {
     }
 
     .item {
-      margin-bottom: 10rem;
+      //margin-bottom: 10rem;
 
       .label {
-        margin-bottom: 10rem;
+        height: 40rem;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
       }
     }
 
-    .translate {
+    .translate-item {
+      flex: 1;
       display: flex;
       align-items: center;
-      gap: $space;
-      margin-bottom: 10rem;
+      justify-content: flex-end;
+      gap: $space / 2;
+    }
 
-      .el-progress {
-        flex: 1;
-      }
+    .el-progress {
+      flex: 1;
     }
 
     .article-translate {