From 94c25b5dcb11c89acbc195471be021ca4a678291 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Thu, 24 Dec 2020 14:27:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=97=E8=A1=A8=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F=E5=BC=B9=E7=AA=97=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/material/ListSortModal.vue     | 24 ++++++++++++++-----
 src/renderer/views/List.vue                   |  6 +++++
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/material/ListSortModal.vue b/src/renderer/components/material/ListSortModal.vue
index 79af530d..981ed4f5 100644
--- a/src/renderer/components/material/ListSortModal.vue
+++ b/src/renderer/components/material/ListSortModal.vue
@@ -2,8 +2,9 @@
 material-modal(:show="show" @close="handleClose")
   main(:class="$style.main")
     h2 {{selectedNum > 0 ? $t('material.list_sort_modal.title_multiple', { num: selectedNum }) : $t('material.list_sort_modal.title', { name: musicInfo ? musicInfo.name : '' })}}
-    material-input(:class="$style.input" type="number" v-model="sortNum" ref="input" :placeholder="$t('material.list_sort_modal.input_tip')" @keydown.native.enter="handleSubmit")
-    material-btn(:class="$style.btn" @click="handleSubmit") {{$t('material.list_sort_modal.btn_confirm')}}
+    material-input(:class="$style.input" type="number" v-model="sortNum" ref="input" @blur.native="verify" :placeholder="$t('material.list_sort_modal.input_tip')" @keydown.native.enter="handleSubmit")
+    div(:class="$style.footer")
+      material-btn(:class="$style.btn" @click="handleSubmit") {{$t('material.list_sort_modal.btn_confirm')}}
 </template>
 
 <script>
@@ -46,10 +47,14 @@ export default {
     handleClose() {
       this.$emit('close')
     },
-    handleSubmit() {
+    verify() {
       let num = /^[1-9]\d*/.exec(this.sortNum)
       num = num ? parseInt(num[0]) : ''
       this.sortNum = num.toString()
+      return num
+    },
+    handleSubmit() {
+      let num = this.verify()
       if (this.sortNum == '') return
       this.$emit('confirm', num)
     },
@@ -64,7 +69,7 @@ export default {
 .main {
   padding: 0 15px;
   max-width: 530px;
-  min-width: 320px;
+  min-width: 280px;
   display: flex;
   flex-flow: column nowrap;
   min-height: 0;
@@ -74,6 +79,7 @@ export default {
     font-size: 13px;
     color: @color-theme_2-font;
     line-height: 1.3;
+    word-break: break-all;
     // text-align: center;
     padding: 15px 0 8px;
   }
@@ -84,16 +90,22 @@ export default {
   // height: 26px;
   padding: 8px 8px;
 }
+.footer {
+  margin: 20px 0 15px auto;
+}
 .btn {
-  margin: 20px auto 15px;
   // box-sizing: border-box;
   // margin-left: 15px;
   // margin-bottom: 15px;
   // height: 36px;
   // line-height: 36px;
   // padding: 0 10px !important;
-  min-width: 100px;
+  min-width: 70px;
   // .mixin-ellipsis-1;
+
+  +.btn {
+    margin-left: 10px;
+  }
 }
 
 each(@themes, {
diff --git a/src/renderer/views/List.vue b/src/renderer/views/List.vue
index 445b69e6..9e2e888c 100644
--- a/src/renderer/views/List.vue
+++ b/src/renderer/views/List.vue
@@ -288,6 +288,12 @@ export default {
         this.handleDelayShow()
       })
     })
+    this.isShowDownload = false
+    this.isShowDownloadMultiple = false
+    this.isShowListAdd = false
+    this.isShowListAddMultiple = false
+    this.isShowListSortModal = false
+    this.listMenu.isShowItemMenu = false
     next()
   },
   // mounted() {