From df4c8cc352a47654eb8573a1a5e5fe802cbedf12 Mon Sep 17 00:00:00 2001
From: weifashi <605403358@qq.com>
Date: Wed, 15 Nov 2023 17:13:03 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=20=E6=96=87=E4=BB=B6=E9=80=89=E4=B8=AD?=
 =?UTF-8?q?=E5=90=8E=EF=BC=8C=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E6=94=BE=E4=B8=8D=E4=B8=8B=E5=AF=B9=E5=BA=94?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=EF=BC=8C=E6=B2=A1=E6=9C=89=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/pages/manage/file.vue | 30 ++++++++++++-----------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue
index bd60d8c32..b0dc39861 100644
--- a/resources/assets/js/pages/manage/file.vue
+++ b/resources/assets/js/pages/manage/file.vue
@@ -23,7 +23,7 @@
             </div>
 
             <div class="file-navigator">
-                <ul class="scrollbar-hidden">
+                <ul class="scrollbar-hidden" v-show="showBtnText || (!selectIds.length && !shearFirst)">
                     <li @click="browseFolder(0)">
                         <span>{{$L('全部文件')}}</span>
                     </li>
@@ -35,29 +35,31 @@
                     </li>
                 </ul>
                 <template v-if="shearFirst">
-                    <Button :disabled="shearFirst.pid == pid" size="small" type="primary" @click="shearTo">
+                    <Button :disabled="shearFirst.pid == pid" size="small" type="primary" @click="shearTo" :style="{marginLeft: showBtnText ? '12px' : 0}">
                         <div class="file-shear">
                             <span>{{$L('粘贴')}}</span>
-                            "<em>{{shearFirst.name}}</em>"
+                            <span v-show="showBtnText">"<em>{{shearFirst.name}}</em>"</span>
                             <span v-if="shearIds.length > 1">{{$L('等')}}{{shearIds.length}}{{$L('个文件')}}</span>
                         </div>
                     </Button>
                     <Button type="primary" size="small" @click="clearShear">{{ $L('取消剪切') }}</Button>
                 </template>
                 <template v-else-if="selectIds.length > 0">
-                    <Button size="small" type="info" @click="handleContextClick('shearSelect')">
+                    <Button size="small" type="info" @click="handleContextClick('shearSelect')" :style="{marginLeft: showBtnText ? '12px' : 0}">
                         <Icon type="ios-cut" />
-                        {{$L('剪切')}}
+                        <span v-show="showBtnText">{{$L('剪切')}}</span>
                     </Button>
                     <Button :disabled="compressedSownloadDisabled" size="small" type="info" @click="downloadZipFile(selectIds)">
                         <Icon type="ios-download" />
-                        {{$L('打包下载')}}
+                        <span v-show="showBtnText">{{$L('打包下载')}}</span>
                     </Button>
                     <Button size="small" type="error" @click="deleteFile(selectIds)">
                         <Icon type="ios-trash" />
-                        {{$L('删除')}}
+                        <span v-show="showBtnText">{{$L('删除')}}</span>
+                    </Button>
+                    <Button type="primary" size="small" @click="clearSelect">
+                        {{ showBtnText ? $L('取消选择') : $L('取消')}}
                     </Button>
-                    <Button type="primary" size="small" @click="clearSelect">{{$L('取消选择')}}</Button>
                 </template>
                 <div v-if="loadIng > 0" class="nav-load"><Loading/></div>
                 <div class="flex-full"></div>
@@ -735,7 +737,7 @@ export default {
     },
 
     computed: {
-        ...mapState(['systemConfig', 'userIsAdmin', 'userInfo', 'fileLists', 'wsOpenNum']),
+        ...mapState(['systemConfig', 'userIsAdmin', 'userInfo', 'fileLists', 'wsOpenNum', 'windowWidth']),
 
         pid() {
             const {folderId} = this.$route.params;
@@ -842,11 +844,7 @@ export default {
         },
 
         tableHeight() {
-            if (this.windowLandscape) {
-                return Math.max(300, this.windowHeight - 160)
-            } else {
-                return Math.max(300, this.windowHeight - 200)
-            }
+            return this.windowHeight - 150
         },
 
         compressedSownloadDisabled() {
@@ -858,6 +856,10 @@ export default {
                 return this.systemConfig.file_upload_limit * 1024
             }
             return 1024000
+        },
+
+        showBtnText(){
+            return this.windowWidth > 600;
         }
     },