From 0bb412b83c0acf0c713f011443ae7acfe86a121c Mon Sep 17 00:00:00 2001
From: wkpc <wkpc@my.mail>
Date: Mon, 14 Apr 2025 11:33:18 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=B5=8F=E8=A7=88=E6=9C=AC?=
 =?UTF-8?q?=E5=9C=B0=E4=B9=A6=E4=BB=93=E6=96=87=E4=BB=B6=E8=BF=87=E5=A4=9A?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8D=A1=E6=AD=BB=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/LocalStore.vue | 41 +++++++++++++++++++++++++++----
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/web/src/components/LocalStore.vue b/web/src/components/LocalStore.vue
index 67354bd5..f28167b3 100644
--- a/web/src/components/LocalStore.vue
+++ b/web/src/components/LocalStore.vue
@@ -13,7 +13,7 @@
   >
     <div class="source-container table-container">
       <el-table
-        :data="localFileList"
+        :data="showlocalFileList"
         :height="dialogContentHeight"
         @selection-change="localFileSelection = $event"
       >
@@ -53,6 +53,13 @@
           width="120px"
         ></el-table-column>
         <el-table-column label="操作" width="100px">
+          <template slot="header">
+            <el-input
+              v-model="search"
+              size="mini"
+              placeholder="输入关键字搜索"
+            />
+          </template>
           <template slot-scope="scope">
             <el-button
               type="text"
@@ -122,13 +129,33 @@ export default {
     return {
       localCurrentPath: "/",
       localFileList: [],
-
+      search: "",
+      loadMoreLimit: false,
       localFileSelection: []
     };
   },
   props: ["show"],
   computed: {
-    ...mapGetters(["dialogWidth", "dialogTop", "dialogContentHeight"])
+    ...mapGetters(["dialogWidth", "dialogTop", "dialogContentHeight"]),
+    showlocalFileList() {
+      if (this.search.trim().length > 2) {
+        return this.localFileList.filter(v => {
+          return v.name.toLowerCase().includes(this.search.toLowerCase());
+        });
+      }
+      if (this.localFileList.length > 101 && !this.loadMoreLimit) {
+        let newList = this.localFileList.slice(0, 101);
+        newList.push({
+          name: `加载更多 ${this.localFileList.length - 101} 个结果`,
+          isDirectory: true,
+          toParent: true,
+          path: false,
+          loadMore: true
+        });
+        return newList;
+      }
+      return this.localFileList;
+    }
   },
   watch: {
     show(isVisible) {
@@ -162,7 +189,11 @@ export default {
     cancel() {
       this.$emit("setShow", false);
     },
-    showLocalStoreFile(path) {
+    showLocalStoreFile(path, loadMore) {
+      if (!path && loadMore) {
+        this.loadMoreLimit = true;
+        return;
+      }
       this.localCurrentPath = path || "/";
       Axios.get(this.api + "/getLocalStoreFileList", {
         params: {
@@ -179,7 +210,7 @@ export default {
                 name: "..",
                 isDirectory: true,
                 toParent: true,
-                path: "/" + paths.join("/")
+                path: "more"
               });
             }
             this.localFileList = res.data.data;