添加上传删除本地词条开关

KyleBing · Dec 16, 2022 · 03019b0 · 03019b0
1 parent 5a8e829
commit 03019b0
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 5 deletions.
diff --git a/assets/scss/_normalization.scss b/assets/scss/_normalization.scss
@@ -4,3 +4,15 @@
   -ms-user-select: none;
   user-select: none;
 }
+
+.d-flex{
+  display: flex;
+}
+
+.jc-center{
+  justify-content: center;
+}
+
+.al-center{
+  align-items: center;
+}
diff --git a/assets/scss/_tool.scss b/assets/scss/_tool.scss
@@ -4,7 +4,7 @@
 
   .tool-panel{
     border-right: 1px solid $border-color;
-    width: 400px;
+    width: 500px;
     flex-shrink: 0;
   }
   .list-container{

diff --git a/assets/scss/wubi.css b/assets/scss/wubi.css
@@ -37,6 +37,18 @@
   user-select: none;
 }
 
+.d-flex {
+  display: flex;
+}
+
+.jc-center {
+  justify-content: center;
+}
+
+.al-center {
+  align-items: center;
+}
+
 .mt-0 {
   margin-top: 0px !important;
 }
@@ -1631,7 +1643,7 @@ select option {
 }
 .tool-container .tool-panel {
   border-right: 1px solid #eee;
-  width: 400px;
+  width: 500px;
   flex-shrink: 0;
 }
 .tool-container .list-container {

diff --git a/view/index/App.js b/view/index/App.js
@@ -63,7 +63,8 @@ const app = {
             // 网络相关
             categories: [],
             selectedCategoryId: 10, // 线上的 [ 通用词库 ]
-            dictBackupInfo: null // 当前词库在线上的备份信息
+            dictBackupInfo: null,  // 当前词库在线上的备份信息
+            isDeleteAfterUpload: false, // 上传词条后是否在本地删除对应的词条
         }
     },
     mounted() {
@@ -302,8 +303,10 @@ const app = {
                     }
                     // 上传成功
                     this.tips.push(res.message, message)
-                    // 删除已经上传的词条
-                    this.deleteWords()
+                    if (this.isDeleteAfterUpload){
+                        // 删除已经上传的词条
+                        this.deleteWords()
+                    }
                 })
                 .catch(err => {
                     this.tips.push(err.message)

diff --git a/view/index/index.html b/view/index/index.html
@@ -294,6 +294,11 @@
                                  @click="changeSelectedCategoryId(item.id)"
                             >{{ item.name }}</div>
                         </div>
+                        <div class="d-flex al-center pt-1 pb-1">
+                            <input type="checkbox" v-model="isDeleteAfterUpload" id="isDeleteAfterUpload">
+                            <label class="checkbox mr-1" for="isDeleteAfterUpload"></label>
+                            <div>上传后删除本地对应的词条</div>
+                        </div>
                         <div class="btn-item mt-2">
                             <div class="btn btn-roseo mb-1" @click="uploadChosenWordsToServer">确定上传</div>
                         </div>