From 9e6f17a2cb4f1c6c8b4974683265263a028b5d5e Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Thu, 7 Nov 2024 11:58:24 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E7=9A=84=E6=8F=90=E7=A4=BA=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ShowFile/ShowFile.vue | 29 ++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/ShowFile/ShowFile.vue b/src/components/ShowFile/ShowFile.vue
index 6081d7d..da729fb 100644
--- a/src/components/ShowFile/ShowFile.vue
+++ b/src/components/ShowFile/ShowFile.vue
@@ -763,17 +763,22 @@
         <div class="el-message-box__container delete-attention el-alert--warning is-light">
           <div class="el-message-box__status el-icon-warning"></div>
           <div class="el-message-box__message">
-            <p>确定删除所选的{{selectFileList.length}}个文件？默认进入回收站</p>
+            <p>确定删除所选的{{selectFileList.length}}个文件？</p>
           </div>
         </div>
-        <div class="delete-attention mt-5">
-          <el-checkbox v-model="permanentDelete" :disabled="permanentDeleteDisable">永久删除文件（不进入回收站，直接删除）</el-checkbox>
-        </div>
+<!--        <div class="delete-attention mt-5">-->
+<!--          <el-checkbox v-model="permanentDelete" :disabled="permanentDeleteDisable">永久删除文件（不进入回收站，直接删除）</el-checkbox>-->
+<!--        </div>-->
         <dialog-file-list :file-list="selectFileList" :image-url="imageUrl" :audio-cover-url="audioCoverUrl"></dialog-file-list>
       </el-row>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="deleteConfirmVisible = false">取 消</el-button>
-        <el-button type="primary" size="small" @click="deleteFile" :loading="deleteLoading">确 定</el-button>
+          <div>
+            <el-button type="danger" size="small" @click="sweepDeleteFile">彻底删除</el-button>
+          </div>
+          <div>
+            <el-button size="small" @click="deleteConfirmVisible = false">取 消</el-button>
+            <el-button type="danger" size="small" @click="moveToRecycle" :loading="deleteLoading">移至回收站</el-button>
+          </div>
       </span>
     </el-dialog>
 
@@ -4074,6 +4079,16 @@ export default {
           this.rowContextData.isFavorite = !isFavorite
         })
     },
+    // 移动至回收站
+    moveToRecycle() {
+      this.permanentDelete = false
+      this.deleteFile()
+    },
+    // 彻底删除
+    sweepDeleteFile() {
+      this.permanentDelete = true
+      this.deleteFile()
+    },
     // 删除
     deleteFile() {
       // 提取出selectFileList中的id
@@ -4532,6 +4547,8 @@ export default {
     }
 
     .dialog-footer {
+      display: flex;
+      justify-content: space-between;
       .el-loading-spinner {
         margin-top: -13px;