From f42250b8b75b958719c3fd1f8fe789847b00aaed Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sun, 4 Jan 2026 06:13:44 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=95=8C=E9=9D=A2=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=93=8D=E4=BD=9C=E5=8C=BA=E5=9F=9F=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/pages/manage/file.vue  | 44 +++++++-------
 resources/assets/sass/pages/page-file.scss | 70 ++++++++++------------
 2 files changed, 54 insertions(+), 60 deletions(-)

diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue
index 3e01d2ec9..64a1fc745 100644
--- a/resources/assets/js/pages/manage/file.vue
+++ b/resources/assets/js/pages/manage/file.vue
@@ -10,27 +10,29 @@
                     <h1>{{$L('文件')}}</h1>
                     <div v-if="loadIng == 0" class="file-refresh" @click="getFileList"><i class="taskfont">&#xe6ae;</i></div>
                 </div>
-                <div v-if="uploadList.length > 0" class="file-status" @click="[uploadShow=true, packShow=false]">
-                    <Loading v-if="uploadList.find(({status}) => status !== 'finished')"/>
-                    <Button v-else shape="circle" icon="md-arrow-round-up"></Button>
-                </div>
-                <div v-if="packList.length > 0" class="file-status" @click="[packShow=true, uploadShow=false]">
-                    <Loading v-if="packList.find(({status}) => status !== 'finished')"/>
-                    <Button v-else shape="circle" icon="md-arrow-round-down"></Button>
-                </div>
-                <div :class="['file-search', searchKey ? 'has-value' : '']" @click="onSearchFocus" @mouseenter="onSearchFocus">
-                    <Input
-                        v-model="searchKey"
-                        ref="searchInput"
-                        suffix="ios-search"
-                        @on-focus="searchIsFocus=true"
-                        @on-blur="searchIsFocus=false"
-                        @on-change="onSearchChange"
-                        :placeholder="$L('搜索名称')"
-                        clearable/>
-                </div>
-                <div class="file-add">
-                    <Button shape="circle" icon="md-add" @click.stop="handleRightClick($event, null, true)"></Button>
+                <div class="file-actions">
+                    <div v-if="uploadList.length > 0" class="file-status" @click="[uploadShow=true, packShow=false]">
+                        <Loading v-if="uploadList.find(({status}) => status !== 'finished')"/>
+                        <Button v-else shape="circle" icon="md-arrow-round-up"></Button>
+                    </div>
+                    <div v-if="packList.length > 0" class="file-status" @click="[packShow=true, uploadShow=false]">
+                        <Loading v-if="packList.find(({status}) => status !== 'finished')"/>
+                        <Button v-else shape="circle" icon="md-arrow-round-down"></Button>
+                    </div>
+                    <div class="file-search" @click="onSearchFocus">
+                        <Input
+                            v-model="searchKey"
+                            ref="searchInput"
+                            suffix="ios-search"
+                            @on-focus="searchIsFocus=true"
+                            @on-blur="searchIsFocus=false"
+                            @on-change="onSearchChange"
+                            :placeholder="$L('搜索名称')"
+                            clearable/>
+                    </div>
+                    <div class="file-add">
+                        <Button shape="circle" icon="md-add" @click.stop="handleRightClick($event, null, true)"></Button>
+                    </div>
                 </div>
             </div>
 
diff --git a/resources/assets/sass/pages/page-file.scss b/resources/assets/sass/pages/page-file.scss
index a36ec5df4..fcc7458a1 100644
--- a/resources/assets/sass/pages/page-file.scss
+++ b/resources/assets/sass/pages/page-file.scss
@@ -12,11 +12,12 @@
         .file-head {
             display: flex;
             align-items: center;
+            flex-wrap: wrap;
+            gap: 22px 0;
             padding-bottom: 16px;
             margin: 32px 32px 16px;
             border-bottom: 1px solid #F4F4F5;
             .file-nav {
-                flex: 1;
                 display: flex;
                 align-items: center;
                 > h1 {
@@ -38,55 +39,46 @@
                     }
                 }
             }
-            .file-status {
-                flex-shrink: 0;
-                margin-left: 22px;
+            .file-actions {
+                flex: 1;
                 display: flex;
+                flex-wrap: wrap;
                 align-items: center;
-                cursor: pointer;
-                > button {
-                    color: #ffffff;
-                    background: $primary-color;
-                    border-color: $primary-color;
-                }
-            }
-            .file-search {
-                flex-shrink: 0;
-                margin-left: 22px;
-                cursor: pointer;
-                .ivu-input-wrapper {
-                    width: auto;
-                    transform: translateZ(0);
-                    .ivu-input {
-                        border-color: #dcdee2;
-                        width: 0;
-                        padding-left: 0;
-                        padding-right: 30px;
-                        border-radius: 16px;
-                        transition: all 0.3s;
-                    }
-                    .ivu-input-suffix {
-                        i {
-                            color: $primary-text-color;
-                        }
+                justify-content: flex-end;
+                gap: 8px 18px;
+                .file-status {
+                    display: flex;
+                    align-items: center;
+                    cursor: pointer;
+                    > button {
+                        color: #ffffff;
+                        background: $primary-color;
+                        border-color: $primary-color;
                     }
                 }
-                &.has-value,
-                &:hover {
+                .file-search {
                     .ivu-input-wrapper {
+                        width: auto;
+                        transform: translateZ(0);
                         .ivu-input {
+                            border-color: #dcdee2;
                             width: 160px;
                             padding-left: 14px;
+                            padding-right: 30px;
+                            border-radius: 16px;
+                        }
+                        .ivu-input-suffix {
+                            i {
+                                color: $primary-text-color;
+                            }
                         }
                     }
                 }
-            }
-            .file-add {
-                flex-shrink: 0;
-                margin-left: 18px;
-                cursor: pointer;
-                .taskfont {
-                    font-size: 18px;
+                .file-add {
+                    cursor: pointer;
+                    .taskfont {
+                        font-size: 18px;
+                    }
                 }
             }
         }