From 4954067736294a6989d4db6c653316bdecc9157e Mon Sep 17 00:00:00 2001
From: Yuki Guo <yuqi.guo@fit2cloud.com>
Date: Thu, 8 Oct 2026 16:19:29 +0800
Subject: [PATCH] refactor: search bind (#13992)

* refactor: search bind

* refactor: simplify search persistence

---------

Co-authored-by: ssongliu <sloooop1x@gmail.com>
---
 .../src/composables/useSearchPersistence.ts   | 63 +++++++++++++++++++
 frontend/src/store/modules/process.ts         | 14 ++++-
 .../ai/agents/agent/config/tabs/plugins.vue   |  8 ++-
 .../agent/config/tabs/skills/hermes.vue       |  8 ++-
 .../agent/config/tabs/skills/openclaw.vue     |  6 ++
 frontend/src/views/ai/agents/agent/index.vue  |  2 +
 frontend/src/views/ai/agents/model/index.vue  |  2 +
 frontend/src/views/ai/model/ollama/index.vue  |  2 +
 frontend/src/views/app-store/apps/index.vue   |  4 +-
 .../src/views/app-store/installed/index.vue   |  4 +-
 .../src/views/container/compose/index.vue     |  2 +
 .../src/views/container/container/index.vue   |  2 +
 frontend/src/views/container/image/index.vue  |  4 +-
 .../src/views/container/network/index.vue     |  2 +
 frontend/src/views/container/repo/index.vue   |  2 +
 .../src/views/container/template/index.vue    |  2 +
 frontend/src/views/container/volume/index.vue |  2 +
 frontend/src/views/cronjob/cronjob/index.vue  |  2 +
 frontend/src/views/cronjob/library/index.vue  |  2 +
 frontend/src/views/database/mongodb/index.vue |  2 +
 .../views/database/mongodb/remote/index.vue   |  2 +
 frontend/src/views/database/mysql/index.vue   |  2 +
 .../src/views/database/mysql/remote/index.vue |  2 +
 .../src/views/database/postgresql/index.vue   |  2 +
 .../database/postgresql/remote/index.vue      |  2 +
 .../src/views/database/redis/remote/index.vue |  2 +
 .../src/views/host/file-management/index.vue  |  4 +-
 .../src/views/host/firewall/docker/index.vue  |  2 +
 .../src/views/host/firewall/forward/index.vue |  2 +
 .../src/views/host/firewall/rule/index.vue    |  2 +
 frontend/src/views/host/ssh/log/log.vue       |  2 +
 frontend/src/views/host/ssh/session/index.vue |  4 +-
 frontend/src/views/log/host-system/index.vue  |  2 +
 frontend/src/views/log/login/index.vue        |  2 +
 frontend/src/views/log/operation/index.vue    |  2 +
 .../views/setting/backup-account/index.vue    |  4 +-
 frontend/src/views/setting/snapshot/index.vue |  2 +
 frontend/src/views/terminal/command/index.vue |  2 +
 frontend/src/views/terminal/host/index.vue    |  2 +
 frontend/src/views/toolbox/clam/index.vue     |  2 +
 frontend/src/views/toolbox/ftp/index.vue      |  2 +
 .../php/extension-management/index.vue        |  3 +-
 frontend/src/views/website/ssl/index.vue      |  4 +-
 frontend/src/views/website/template/index.vue |  2 +
 frontend/src/views/website/website/index.vue  |  4 +-
 45 files changed, 182 insertions(+), 14 deletions(-)
 create mode 100644 frontend/src/composables/useSearchPersistence.ts

diff --git a/frontend/src/composables/useSearchPersistence.ts b/frontend/src/composables/useSearchPersistence.ts
new file mode 100644
index 000000000..fcef3d923
--- /dev/null
+++ b/frontend/src/composables/useSearchPersistence.ts
@@ -0,0 +1,63 @@
+import { storeToRefs } from 'pinia';
+import { watch, type Ref } from 'vue';
+import GlobalStore from '@/store/modules/global';
+
+type SearchValue = string | number | undefined;
+type SearchFields = Record<string, Ref<SearchValue>>;
+
+export const useSearchPersistence = (page: string, fields: SearchFields, scope?: () => SearchValue) => {
+    const { currentNode } = storeToRefs(GlobalStore());
+    const defaults = Object.fromEntries(Object.entries(fields).map(([name, field]) => [name, field.value]));
+    let initialized = false;
+    let restoring = false;
+    let activeKey: string | undefined;
+
+    watch(
+        () => {
+            const context = scope?.();
+            if (scope && context === undefined) return undefined;
+            return `1panel:search:v1:${JSON.stringify([currentNode.value, page, context ?? ''])}`;
+        },
+        (key) => {
+            activeKey = key;
+            let saved: Record<string, unknown> = {};
+            try {
+                const parsed = activeKey ? JSON.parse(localStorage.getItem(activeKey) || '{}') : {};
+                if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) saved = parsed;
+            } catch {}
+            restoring = true;
+            for (const [name, field] of Object.entries(fields)) {
+                const value = saved[name];
+                const initial = defaults[name];
+                let fallback = initial;
+                if (initialized) {
+                    fallback = typeof initial === 'string' ? '' : undefined;
+                }
+                const valid =
+                    (typeof value === 'string' || (typeof value === 'number' && Number.isFinite(value))) &&
+                    (fallback === undefined || typeof value === typeof fallback);
+                if (value === null) {
+                    field.value = typeof initial === 'string' ? '' : undefined;
+                } else if (valid) {
+                    field.value = value as SearchValue;
+                } else {
+                    field.value = fallback;
+                }
+            }
+            restoring = false;
+            initialized = true;
+        },
+        { immediate: true, flush: 'sync' },
+    );
+
+    watch(
+        () => Object.fromEntries(Object.entries(fields).map(([name, field]) => [name, field.value ?? null])),
+        (value) => {
+            if (restoring || !activeKey) return;
+            try {
+                localStorage.setItem(activeKey, JSON.stringify(value));
+            } catch {}
+        },
+        { flush: 'sync' },
+    );
+};
diff --git a/frontend/src/store/modules/process.ts b/frontend/src/store/modules/process.ts
index f2795fd5f..13a5a4ece 100644
--- a/frontend/src/store/modules/process.ts
+++ b/frontend/src/store/modules/process.ts
@@ -1,5 +1,6 @@
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { defineStore } from 'pinia';
-import { ref, reactive } from 'vue';
+import { ref, reactive, toRef } from 'vue';
 import { MsgError } from '@/utils/message';
 import { checkStreamAuth } from '@/utils/stream-auth';
 
@@ -46,6 +47,17 @@ export const ProcessStore = defineStore('ProcessStore', () => {
         port: undefined,
     });
 
+    useSearchPersistence('host/process/process', {
+        pid: toRef(psSearch, 'pid'),
+        name: toRef(psSearch, 'name'),
+        username: toRef(psSearch, 'username'),
+    });
+    useSearchPersistence('host/process/network', {
+        processID: toRef(netSearch, 'processID'),
+        processName: toRef(netSearch, 'processName'),
+        port: toRef(netSearch, 'port'),
+    });
+
     let pendingRequestType: 'ps' | 'net' | null = null;
 
     let queuedRequestType: 'ps' | 'net' | null = null;
diff --git a/frontend/src/views/ai/agents/agent/config/tabs/plugins.vue b/frontend/src/views/ai/agents/agent/config/tabs/plugins.vue
index 5187d3580..1a7994868 100644
--- a/frontend/src/views/ai/agents/agent/config/tabs/plugins.vue
+++ b/frontend/src/views/ai/agents/agent/config/tabs/plugins.vue
@@ -172,6 +172,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { computed, ref, watch } from 'vue';
 import { Refresh, Search } from '@element-plus/icons-vue';
 import { ElMessageBox } from 'element-plus';
@@ -192,6 +193,11 @@ const searching = ref(false);
 const operating = ref('');
 const keyword = ref('');
 const marketKeyword = ref('');
+useSearchPersistence(
+    'ai/agents/agent/config/tabs/plugins',
+    { keyword, marketKeyword },
+    () => agentId.value || undefined,
+);
 const origin = ref('');
 const status = ref('');
 const page = ref(1);
@@ -299,8 +305,6 @@ async function operate(plugin: AI.AgentPluginItem, action: PluginOperate) {
 async function load(id: number) {
     agentId.value = id;
     mode.value = 'installed';
-    keyword.value = '';
-    marketKeyword.value = '';
     origin.value = '';
     status.value = '';
     page.value = 1;
diff --git a/frontend/src/views/ai/agents/agent/config/tabs/skills/hermes.vue b/frontend/src/views/ai/agents/agent/config/tabs/skills/hermes.vue
index a0dc91b64..ee8f0943c 100644
--- a/frontend/src/views/ai/agents/agent/config/tabs/skills/hermes.vue
+++ b/frontend/src/views/ai/agents/agent/config/tabs/skills/hermes.vue
@@ -138,6 +138,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { computed, ref, watch } from 'vue';
 import { Refresh, Search } from '@element-plus/icons-vue';
 import { useI18n } from 'vue-i18n';
@@ -168,6 +169,11 @@ const getDefaultMarketSource = (): HermesSkillMarketSource => {
 const marketSource = ref<HermesSkillMarketSource>(getDefaultMarketSource());
 const marketSearched = ref(false);
 const agentId = ref(0);
+useSearchPersistence(
+    'ai/agents/agent/config/tabs/skills/hermes',
+    { installedKeyword, marketKeyword },
+    () => agentId.value || undefined,
+);
 const installedSkills = ref<AI.AgentSkillItem[]>([]);
 const marketResults = ref<AI.AgentSkillSearchItem[]>([]);
 const installingSkill = ref('');
@@ -315,8 +321,6 @@ const handleModeChange = async (value: SkillViewMode) => {
 const load = async (id: number) => {
     agentId.value = id;
     mode.value = 'market';
-    installedKeyword.value = '';
-    marketKeyword.value = '';
     marketSource.value = getDefaultMarketSource();
     marketSearched.value = false;
     installedSkills.value = [];
diff --git a/frontend/src/views/ai/agents/agent/config/tabs/skills/openclaw.vue b/frontend/src/views/ai/agents/agent/config/tabs/skills/openclaw.vue
index 62a3b1be2..8689ab407 100644
--- a/frontend/src/views/ai/agents/agent/config/tabs/skills/openclaw.vue
+++ b/frontend/src/views/ai/agents/agent/config/tabs/skills/openclaw.vue
@@ -142,6 +142,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { computed, ref, watch } from 'vue';
 import { Refresh, Search } from '@element-plus/icons-vue';
 import { useI18n } from 'vue-i18n';
@@ -180,6 +181,11 @@ const getDefaultMarketSource = (): SkillMarketSource => {
 const marketSource = ref<SkillMarketSource>(getDefaultMarketSource());
 const marketSearched = ref(false);
 const agentId = ref(0);
+useSearchPersistence(
+    'ai/agents/agent/config/tabs/skills/openclaw',
+    { installedKeyword, marketKeyword },
+    () => agentId.value || undefined,
+);
 const skills = ref<AI.AgentSkillItem[]>([]);
 const marketResults = ref<AI.AgentSkillSearchItem[]>([]);
 const updatingSkill = ref('');
diff --git a/frontend/src/views/ai/agents/agent/index.vue b/frontend/src/views/ai/agents/agent/index.vue
index c9b29fa28..f9cab2081 100644
--- a/frontend/src/views/ai/agents/agent/index.vue
+++ b/frontend/src/views/ai/agents/agent/index.vue
@@ -272,6 +272,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { deleteAgentCheck, pageAgents, resetAgentToken, unbindAgentWebsite, updateAgentRemark } from '@/api/modules/ai';
@@ -340,6 +341,7 @@ const isActive = ref(false);
 const isExist = ref(false);
 const noApp = ref(false);
 const searchName = ref('');
+useSearchPersistence('ai/agents/agent/index', { search: searchName });
 const defaultHttpsPort = ref(443);
 const openrestyPortLoaded = ref(false);
 const websiteDomainsMap = ref<Record<number, Website.Domain[]>>({});
diff --git a/frontend/src/views/ai/agents/model/index.vue b/frontend/src/views/ai/agents/model/index.vue
index cdd4c58cd..cf31de24a 100644
--- a/frontend/src/views/ai/agents/model/index.vue
+++ b/frontend/src/views/ai/agents/model/index.vue
@@ -69,6 +69,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { onMounted, reactive, ref } from 'vue';
 import { deleteAgentAccount, getAgentProviders, pageAgentAccounts } from '@/api/modules/ai';
 import { AI } from '@/api/interface/ai';
@@ -85,6 +86,7 @@ const items = ref<AI.AgentAccountItem[]>([]);
 const addRef = ref();
 const modelPoolRef = ref();
 const searchName = ref('');
+useSearchPersistence('ai/agents/model/index', { search: searchName });
 const apiType = ref('');
 const apiTypeOptions = ref<string[]>([]);
 
diff --git a/frontend/src/views/ai/model/ollama/index.vue b/frontend/src/views/ai/model/ollama/index.vue
index 4a4a9e320..acb87ab43 100644
--- a/frontend/src/views/ai/model/ollama/index.vue
+++ b/frontend/src/views/ai/model/ollama/index.vue
@@ -184,6 +184,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import AppStatus from '@/components/app-status/index.vue';
 import AddDialog from '@/views/ai/model/ollama/add/index.vue';
 import Conn from '@/views/ai/model/ollama/conn/index.vue';
@@ -234,6 +235,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const searchName = ref();
+useSearchPersistence('ai/model/ollama/index', { search: searchName });
 const appInstallID = ref(0);
 
 const opRef = ref();
diff --git a/frontend/src/views/app-store/apps/index.vue b/frontend/src/views/app-store/apps/index.vue
index 4eccc7eef..710706042 100644
--- a/frontend/src/views/app-store/apps/index.vue
+++ b/frontend/src/views/app-store/apps/index.vue
@@ -70,8 +70,9 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { App } from '@/api/interface/app';
-import { onMounted, reactive, ref } from 'vue';
+import { toRef, onMounted, reactive, ref } from 'vue';
 import { searchApp, syncApp, syncCutomAppStore, syncLocalApp, getCurrentNodeCustomAppConfig } from '@/api/modules/app';
 import Install from '../detail/install/index.vue';
 import router from '@/routers';
@@ -104,6 +105,7 @@ const req = reactive({
     resource: 'all',
     showCurrentArch: false,
 });
+useSearchPersistence('app-store/apps/index', { search: toRef(req, 'name') });
 
 const apps = ref<App.AppItem[]>([]);
 const loading = ref(false);
diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index 5f8007c1b..7dcb71872 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -139,6 +139,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import AppCard from '@/views/app-store/installed/app/card.vue';
 import Backups from '@/components/backup/index.vue';
 import Uploads from '@/components/upload/index.vue';
@@ -156,7 +157,7 @@ import IgnoreApp from '@/views/app-store/installed/ignore/create/index.vue';
 import TerminalDialog from '@/views/container/container/terminal/index.vue';
 
 import { searchAppInstalled, installedOp, appInstalledDeleteCheck, updateAppInstallSort } from '@/api/modules/app';
-import { onMounted, onUnmounted, reactive, ref, nextTick } from 'vue';
+import { toRef, onMounted, onUnmounted, reactive, ref, nextTick } from 'vue';
 import Sortable from 'sortablejs';
 import i18n from '@/lang';
 import { ElMessageBox } from 'element-plus';
@@ -210,6 +211,7 @@ const searchReq = reactive({
     update: false,
     sync: false,
 });
+useSearchPersistence('app-store/installed/index', { search: toRef(searchReq, 'name') });
 const router = useRouter();
 const activeName = ref(i18n.global.t('app.installed'));
 const mode = ref('installed');
diff --git a/frontend/src/views/container/compose/index.vue b/frontend/src/views/container/compose/index.vue
index 10725ae3e..88eb399ea 100644
--- a/frontend/src/views/container/compose/index.vue
+++ b/frontend/src/views/container/compose/index.vue
@@ -521,6 +521,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { computed, h, ref } from 'vue';
 import CodemirrorPro from '@/components/codemirror-pro/index.vue';
 import ContainerLog from '@/components/log/container/index.vue';
@@ -575,6 +576,7 @@ const dialogBackupRef = ref();
 const uploadRef = ref();
 
 const searchName = ref('');
+useSearchPersistence('container/compose/index', { search: searchName });
 const includeAppStore = ref(localStorage.getItem('includeAppStore') !== 'false');
 const showType = ref('compose');
 const containerStats = ref<any[]>([]);
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index e0dbc46df..09149ed12 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -473,6 +473,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import PruneDialog from '@/views/container/container/prune/index.vue';
 import RenameDialog from '@/views/container/container/rename/index.vue';
 import UpgradeDialog from '@/views/container/container/upgrade/index.vue';
@@ -534,6 +535,7 @@ const paginationConfig = reactive({
     order: 'ascending',
 });
 const searchName = ref();
+useSearchPersistence('container/container/index', { search: searchName });
 const dialogUpgradeRef = ref();
 const dialogCommitRef = ref();
 const dialogPortJumpRef = ref();
diff --git a/frontend/src/views/container/image/index.vue b/frontend/src/views/container/image/index.vue
index fbcfb7aed..c46cd1d5d 100644
--- a/frontend/src/views/container/image/index.vue
+++ b/frontend/src/views/container/image/index.vue
@@ -157,7 +157,8 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref, computed } from 'vue';
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
+import { toRef, reactive, ref, computed } from 'vue';
 import { dateFormat } from '@/utils/date';
 import { newUUID } from '@/utils/id';
 import { computeSize2 } from '@/utils/size';
@@ -199,6 +200,7 @@ const paginationConfig = reactive({
     orderBy: 'createdAt',
     order: 'null',
 });
+useSearchPersistence('container/image/index', { search: toRef(paginationConfig, 'name') });
 const columns = ref([]);
 
 const isActive = ref(false);
diff --git a/frontend/src/views/container/network/index.vue b/frontend/src/views/container/network/index.vue
index 1330311ff..26dab09ac 100644
--- a/frontend/src/views/container/network/index.vue
+++ b/frontend/src/views/container/network/index.vue
@@ -93,6 +93,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import CreateDialog from '@/views/container/network/create/index.vue';
 import DetailDrawer from '@/views/container/network/detail/index.vue';
 import { reactive, ref } from 'vue';
@@ -118,6 +119,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const searchName = ref();
+useSearchPersistence('container/network/index', { search: searchName });
 
 const opRef = ref();
 const isActive = ref(false);
diff --git a/frontend/src/views/container/repo/index.vue b/frontend/src/views/container/repo/index.vue
index f62480762..cd9c45ae6 100644
--- a/frontend/src/views/container/repo/index.vue
+++ b/frontend/src/views/container/repo/index.vue
@@ -59,6 +59,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import OperatorDialog from '@/views/container/repo/operator/index.vue';
 import { reactive, ref } from 'vue';
 import { dateFormat } from '@/utils/date';
@@ -77,6 +78,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const searchName = ref();
+useSearchPersistence('container/repo/index', { search: searchName });
 
 const opRef = ref();
 const confirmDialog = ref();
diff --git a/frontend/src/views/container/template/index.vue b/frontend/src/views/container/template/index.vue
index 2d7b2716d..05b057539 100644
--- a/frontend/src/views/container/template/index.vue
+++ b/frontend/src/views/container/template/index.vue
@@ -79,6 +79,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { reactive, ref } from 'vue';
 import { dateFormat, getCurrentDateFormatted } from '@/utils/date';
 import { downloadWithContent } from '@/utils/file';
@@ -108,6 +109,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const searchName = ref();
+useSearchPersistence('container/template/index', { search: searchName });
 
 const search = async () => {
     if (!isActive.value || !isExist.value) {
diff --git a/frontend/src/views/container/volume/index.vue b/frontend/src/views/container/volume/index.vue
index 59f951acd..68db563af 100644
--- a/frontend/src/views/container/volume/index.vue
+++ b/frontend/src/views/container/volume/index.vue
@@ -122,6 +122,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import CreateDialog from '@/views/container/volume/create/index.vue';
 import CodemirrorDrawer from '@/components/codemirror-pro/drawer.vue';
 import DockerStatus from '@/views/container/docker-status/index.vue';
@@ -155,6 +156,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const searchName = ref();
+useSearchPersistence('container/volume/index', { search: searchName });
 const isActive = ref(false);
 const isExist = ref(false);
 
diff --git a/frontend/src/views/cronjob/cronjob/index.vue b/frontend/src/views/cronjob/cronjob/index.vue
index d8bbbd5ac..5a01e02dc 100644
--- a/frontend/src/views/cronjob/cronjob/index.vue
+++ b/frontend/src/views/cronjob/cronjob/index.vue
@@ -270,6 +270,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import Records from '@/views/cronjob/cronjob/record/index.vue';
 import Backups from '@/views/cronjob/cronjob/backup/index.vue';
 import Import from '@/views/cronjob/cronjob/import/index.vue';
@@ -329,6 +330,7 @@ const pageState = usePageState(() => ({
 }));
 const paginationConfig = pageState.paginationConfig;
 const { defaultGroupID, searchName, searchGroupID } = toRefs(pageState);
+useSearchPersistence('cronjob/cronjob/index', { search: searchName });
 
 const search = async (column?: any) => {
     if (column) {
diff --git a/frontend/src/views/cronjob/library/index.vue b/frontend/src/views/cronjob/library/index.vue
index 022959a66..a7a611e6d 100644
--- a/frontend/src/views/cronjob/library/index.vue
+++ b/frontend/src/views/cronjob/library/index.vue
@@ -130,6 +130,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { dateFormat, getCurrentDateFormatted } from '@/utils/date';
 import { deepCopy } from '@/utils/misc';
 import { newUUID } from '@/utils/id';
@@ -167,6 +168,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const searchInfo = ref<string>('');
+useSearchPersistence('cronjob/library/index', { search: searchInfo });
 const group = ref<string>('');
 const groupOptions = ref();
 
diff --git a/frontend/src/views/database/mongodb/index.vue b/frontend/src/views/database/mongodb/index.vue
index 7f387d888..c17ab308a 100644
--- a/frontend/src/views/database/mongodb/index.vue
+++ b/frontend/src/views/database/mongodb/index.vue
@@ -323,6 +323,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { nextTick, onMounted, reactive, ref } from 'vue';
 import { dateFormat } from '@/utils/date';
 import { getRandomStr } from '@/utils/id';
@@ -365,6 +366,7 @@ const loading = ref(false);
 const maskShow = ref(true);
 const submitLoading = ref(false);
 const searchName = ref('');
+useSearchPersistence('database/mongodb/index', { search: searchName });
 const createVisible = ref(false);
 const appStatusRef = ref();
 const bindRef = ref();
diff --git a/frontend/src/views/database/mongodb/remote/index.vue b/frontend/src/views/database/mongodb/remote/index.vue
index 08f242f20..15bf8d0a3 100644
--- a/frontend/src/views/database/mongodb/remote/index.vue
+++ b/frontend/src/views/database/mongodb/remote/index.vue
@@ -75,6 +75,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { dateFormat } from '@/utils/date';
 import { onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
@@ -100,6 +101,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('database/mongodb/remote/index', { search: searchName });
 
 const search = async (column?: any) => {
     paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;
diff --git a/frontend/src/views/database/mysql/index.vue b/frontend/src/views/database/mysql/index.vue
index cfa59853e..7b3586ac5 100644
--- a/frontend/src/views/database/mysql/index.vue
+++ b/frontend/src/views/database/mysql/index.vue
@@ -226,6 +226,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import BindDialog from '@/views/database/mysql/bind/index.vue';
 import UserDialog from '@/views/database/mysql/user/index.vue';
 import OperateDialog from '@/views/database/mysql/create/index.vue';
@@ -300,6 +301,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('database/mysql/index', { search: searchName });
 
 const mysqlContainer = ref();
 const mysqlStatus = ref();
diff --git a/frontend/src/views/database/mysql/remote/index.vue b/frontend/src/views/database/mysql/remote/index.vue
index 93aea4e3d..d2d945bf2 100644
--- a/frontend/src/views/database/mysql/remote/index.vue
+++ b/frontend/src/views/database/mysql/remote/index.vue
@@ -74,6 +74,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { dateFormat } from '@/utils/date';
 import { onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
@@ -99,6 +100,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('database/mysql/remote/index', { search: searchName });
 
 const search = async (column?: any) => {
     paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;
diff --git a/frontend/src/views/database/postgresql/index.vue b/frontend/src/views/database/postgresql/index.vue
index 87597025e..87e637ecf 100644
--- a/frontend/src/views/database/postgresql/index.vue
+++ b/frontend/src/views/database/postgresql/index.vue
@@ -241,6 +241,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import BindDialog from '@/views/database/postgresql/bind/index.vue';
 import OperateDialog from '@/views/database/postgresql/create/index.vue';
 import DeleteDialog from '@/views/database/postgresql/delete/index.vue';
@@ -312,6 +313,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('database/postgresql/index', { search: searchName });
 
 const postgresqlContainer = ref();
 const postgresqlStatus = ref();
diff --git a/frontend/src/views/database/postgresql/remote/index.vue b/frontend/src/views/database/postgresql/remote/index.vue
index 918f24a9a..6f96dbd92 100644
--- a/frontend/src/views/database/postgresql/remote/index.vue
+++ b/frontend/src/views/database/postgresql/remote/index.vue
@@ -74,6 +74,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { dateFormat } from '@/utils/date';
 import { onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
@@ -99,6 +100,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('database/postgresql/remote/index', { search: searchName });
 
 const search = async (column?: any) => {
     paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;
diff --git a/frontend/src/views/database/redis/remote/index.vue b/frontend/src/views/database/redis/remote/index.vue
index df34adf96..ee66b73f8 100644
--- a/frontend/src/views/database/redis/remote/index.vue
+++ b/frontend/src/views/database/redis/remote/index.vue
@@ -73,6 +73,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { dateFormat } from '@/utils/date';
 import { onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
@@ -98,6 +99,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('database/redis/remote/index', { search: searchName });
 
 const search = async (column?: any) => {
     paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index 89b0e9697..297462a99 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -739,7 +739,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
+import { toRef, computed, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';
 import {
     addFavorite,
     batchGetFileRemarks,
@@ -852,6 +853,7 @@ const initData = () => ({
     sortOrder: 'ascending',
 });
 let req = reactive(initData());
+useSearchPersistence('host/file-management/index', { search: toRef(req, 'search') });
 let loading = ref(false);
 const paths = ref<FilePaths[]>([]);
 const breadcrumbVisiblePaths = ref<FilePaths[]>([]);
diff --git a/frontend/src/views/host/firewall/docker/index.vue b/frontend/src/views/host/firewall/docker/index.vue
index 7ce4c6843..e639b646f 100644
--- a/frontend/src/views/host/firewall/docker/index.vue
+++ b/frontend/src/views/host/firewall/docker/index.vue
@@ -232,6 +232,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { computed, reactive, ref, watch } from 'vue';
 import FireRouter from '@/views/host/firewall/index.vue';
 import DockerGuardStatus from '@/views/host/firewall/docker/status/index.vue';
@@ -274,6 +275,7 @@ const taskLogRef = ref<InstanceType<typeof TaskLog>>();
 const openRuleTask = (taskID: string) => taskLogRef.value?.openWithTaskID(taskID, true);
 const orphanDrawerVisible = ref(false);
 const searchName = ref('');
+useSearchPersistence('host/firewall/docker/index', { search: searchName });
 const selects = ref<Firewall.DockerGuardContainer[]>([]);
 const orphanSelects = ref<Firewall.DockerGuardEndpoint[]>([]);
 const data = reactive<Firewall.DockerGuardList>({
diff --git a/frontend/src/views/host/firewall/forward/index.vue b/frontend/src/views/host/firewall/forward/index.vue
index 7a5a7a53b..37585bcf4 100644
--- a/frontend/src/views/host/firewall/forward/index.vue
+++ b/frontend/src/views/host/firewall/forward/index.vue
@@ -133,6 +133,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import OperateDialog from './operate/index.vue';
 import ImportDialog from './import/index.vue';
 import RuleSync from '@/views/host/firewall/sync/index.vue';
@@ -153,6 +154,7 @@ import { ElMessageBox } from 'element-plus';
 const loading = ref();
 const selects = ref<any>([]);
 const searchName = ref();
+useSearchPersistence('host/firewall/forward/index', { search: searchName });
 
 const isInit = ref(false);
 const isBind = ref(false);
diff --git a/frontend/src/views/host/firewall/rule/index.vue b/frontend/src/views/host/firewall/rule/index.vue
index 168ab6350..d8a854ef7 100644
--- a/frontend/src/views/host/firewall/rule/index.vue
+++ b/frontend/src/views/host/firewall/rule/index.vue
@@ -397,6 +397,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { Firewall } from '@/api/interface/firewall';
 import { Process } from '@/api/interface/process';
 import {
@@ -516,6 +517,7 @@ const visibleIptablesChains = ref<string[]>(
     loadCachedFilterValues(chainFilterStorageKey, iptablesChains, ['1PANEL_BASIC']),
 );
 const searchName = ref('');
+useSearchPersistence('host/firewall/rule/index', { search: searchName });
 const inventoryItems = ref<Firewall.InventoryItem[]>([]);
 const positionRanges = ref<Partial<Record<Firewall.Family, Firewall.PositionRange>>>({});
 const inventoryTotal = ref(0);
diff --git a/frontend/src/views/host/ssh/log/log.vue b/frontend/src/views/host/ssh/log/log.vue
index 1f09cd174..d94918e65 100644
--- a/frontend/src/views/host/ssh/log/log.vue
+++ b/frontend/src/views/host/ssh/log/log.vue
@@ -93,6 +93,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import ConfirmDialog from '@/components/confirm-dialog/index.vue';
 import { dateFormatServerTimezone } from '@/utils/date';
 import { downloadFile } from '@/utils/file';
@@ -119,6 +120,7 @@ const exportConfig = reactive({
     status: 'All',
 });
 const searchInfo = ref();
+useSearchPersistence('host/ssh/log/log', { search: searchInfo });
 const searchStatus = ref('All');
 
 const search = async () => {
diff --git a/frontend/src/views/host/ssh/session/index.vue b/frontend/src/views/host/ssh/session/index.vue
index 5d66fc5f1..0389420e3 100644
--- a/frontend/src/views/host/ssh/session/index.vue
+++ b/frontend/src/views/host/ssh/session/index.vue
@@ -24,8 +24,9 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import FireRouter from '@/views/host/ssh/index.vue';
-import { ref, onMounted, onUnmounted, reactive } from 'vue';
+import { toRef, ref, onMounted, onUnmounted, reactive } from 'vue';
 import i18n from '@/lang';
 import { stopProcess } from '@/api/modules/process';
 import { MsgError, MsgSuccess } from '@/utils/message';
@@ -37,6 +38,7 @@ const sshSearch = reactive({
     type: 'ssh',
     loginUser: '',
 });
+useSearchPersistence('host/ssh/session/index', { search: toRef(sshSearch, 'loginUser') });
 
 const buttons = [
     {
diff --git a/frontend/src/views/log/host-system/index.vue b/frontend/src/views/log/host-system/index.vue
index 93e0472b0..5bac4b411 100644
--- a/frontend/src/views/log/host-system/index.vue
+++ b/frontend/src/views/log/host-system/index.vue
@@ -101,6 +101,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { onMounted, onUnmounted, reactive, ref, watch } from 'vue';
 import { Log } from '@/api/interface/log';
 import { getSystemLogStatus, listRunningServices, readSystemLogs } from '@/api/modules/log';
@@ -113,6 +114,7 @@ const logs = ref<Log.SystemLogItem[]>([]);
 const loading = ref(false);
 const watching = ref(false);
 const keyword = ref('');
+useSearchPersistence('log/host-system/index', { keyword });
 const priority = ref('');
 const service = ref('');
 const services = ref<string[]>([]);
diff --git a/frontend/src/views/log/login/index.vue b/frontend/src/views/log/login/index.vue
index 887b772a8..9e967943c 100644
--- a/frontend/src/views/log/login/index.vue
+++ b/frontend/src/views/log/login/index.vue
@@ -45,6 +45,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import ConfirmDialog from '@/components/confirm-dialog/index.vue';
 import LogRouter from '@/views/log/router/index.vue';
 import { dateFormat } from '@/utils/date';
@@ -66,6 +67,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const searchInfo = ref<string>('');
+useSearchPersistence('log/login/index', { search: searchInfo });
 const searchStatus = ref<string>('');
 
 const search = async () => {
diff --git a/frontend/src/views/log/operation/index.vue b/frontend/src/views/log/operation/index.vue
index ee24517a6..f95948171 100644
--- a/frontend/src/views/log/operation/index.vue
+++ b/frontend/src/views/log/operation/index.vue
@@ -125,6 +125,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import ConfirmDialog from '@/components/confirm-dialog/index.vue';
 import LogRouter from '@/views/log/router/index.vue';
 import { dateFormat } from '@/utils/date';
@@ -145,6 +146,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const searchName = ref<string>('');
+useSearchPersistence('log/operation/index', { search: searchName });
 const searchGroup = ref<string>('');
 const searchStatus = ref<string>('');
 const searchNode = ref<string>('');
diff --git a/frontend/src/views/setting/backup-account/index.vue b/frontend/src/views/setting/backup-account/index.vue
index bdea3452a..5e089d6ac 100644
--- a/frontend/src/views/setting/backup-account/index.vue
+++ b/frontend/src/views/setting/backup-account/index.vue
@@ -120,8 +120,9 @@
     </div>
 </template>
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { dateFormat } from '@/utils/date';
-import { onMounted, ref } from 'vue';
+import { toRef, onMounted, ref } from 'vue';
 import { searchBackup, deleteBackup, refreshToken } from '@/api/modules/backup';
 import Operate from '@/views/setting/backup-account/operate/index.vue';
 import DetailShow from '@/components/detail-show/index.vue';
@@ -142,6 +143,7 @@ const paginationConfig = reactive({
     type: '',
     name: '',
 });
+useSearchPersistence('setting/backup-account/index', { search: toRef(paginationConfig, 'name') });
 const opRef = ref();
 const dialogRef = ref();
 const detailRef = ref();
diff --git a/frontend/src/views/setting/snapshot/index.vue b/frontend/src/views/setting/snapshot/index.vue
index b2571a4bb..3cdc00c6b 100644
--- a/frontend/src/views/setting/snapshot/index.vue
+++ b/frontend/src/views/setting/snapshot/index.vue
@@ -223,6 +223,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import {
     searchSnapshotPage,
     snapshotDelete,
@@ -258,6 +259,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('setting/snapshot/index', { search: searchName });
 
 const opRef = ref();
 
diff --git a/frontend/src/views/terminal/command/index.vue b/frontend/src/views/terminal/command/index.vue
index 0efe5ad32..8fa1c839d 100644
--- a/frontend/src/views/terminal/command/index.vue
+++ b/frontend/src/views/terminal/command/index.vue
@@ -100,6 +100,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { Command } from '@/api/interface/command';
 import GroupDialog from '@/components/group/index.vue';
 import OperateDialog from '@/views/terminal/command/operate/index.vue';
@@ -123,6 +124,7 @@ const paginationConfig = reactive({
     order: 'ascending',
 });
 const info = ref();
+useSearchPersistence('terminal/command/index', { search: info });
 const group = ref<string>('');
 const dialogRef = ref();
 const opRef = ref();
diff --git a/frontend/src/views/terminal/host/index.vue b/frontend/src/views/terminal/host/index.vue
index 63442747c..fbe9822fb 100644
--- a/frontend/src/views/terminal/host/index.vue
+++ b/frontend/src/views/terminal/host/index.vue
@@ -79,6 +79,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import GroupDialog from '@/components/agent-group/index.vue';
 import OperateDialog from '@/views/terminal/host/operate/index.vue';
 import { deleteHost, editHostGroup, searchHosts } from '@/api/modules/terminal';
@@ -99,6 +100,7 @@ const paginationConfig = reactive({
     total: 0,
 });
 const info = ref();
+useSearchPersistence('terminal/host/index', { search: info });
 const group = ref<string>('');
 
 const opRef = ref();
diff --git a/frontend/src/views/toolbox/clam/index.vue b/frontend/src/views/toolbox/clam/index.vue
index d6f22314f..869d761e2 100644
--- a/frontend/src/views/toolbox/clam/index.vue
+++ b/frontend/src/views/toolbox/clam/index.vue
@@ -188,6 +188,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { onMounted, reactive, ref } from 'vue';
 import i18n from '@/lang';
 import { MsgSuccess } from '@/utils/message';
@@ -215,6 +216,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('toolbox/clam/index', { search: searchName });
 
 const opRef = ref();
 const dialogRef = ref();
diff --git a/frontend/src/views/toolbox/ftp/index.vue b/frontend/src/views/toolbox/ftp/index.vue
index 230b8ab86..fb31d9394 100644
--- a/frontend/src/views/toolbox/ftp/index.vue
+++ b/frontend/src/views/toolbox/ftp/index.vue
@@ -174,6 +174,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { onMounted, reactive, ref } from 'vue';
 import i18n from '@/lang';
 import { MsgError, MsgSuccess } from '@/utils/message';
@@ -200,6 +201,7 @@ const paginationConfig = reactive({
     order: 'null',
 });
 const searchName = ref();
+useSearchPersistence('toolbox/ftp/index', { search: searchName });
 
 const form = reactive({
     isActive: true,
diff --git a/frontend/src/views/website/runtime/php/extension-management/index.vue b/frontend/src/views/website/runtime/php/extension-management/index.vue
index 2cdf1e5d3..53dc92be7 100644
--- a/frontend/src/views/website/runtime/php/extension-management/index.vue
+++ b/frontend/src/views/website/runtime/php/extension-management/index.vue
@@ -33,6 +33,7 @@
 </template>
 
 <script setup lang="ts">
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { Runtime } from '@/api/interface/runtime';
 import { GetPHPExtensions, InstallPHPExtension, UnInstallPHPExtension } from '@/api/modules/runtime';
 import i18n from '@/lang';
@@ -48,6 +49,7 @@ const supportExtensions = ref([]);
 const loading = ref(false);
 const taskLogRef = ref();
 const searchName = ref('');
+useSearchPersistence('website/runtime/php/extension-management/index', { search: searchName });
 const data = ref([]);
 
 const handleClose = () => {
@@ -137,7 +139,6 @@ const searchByName = () => {
 };
 
 const acceptParams = (req: Runtime.Runtime): void => {
-    searchName.value = '';
     open.value = true;
     runtime.value = req;
     search();
diff --git a/frontend/src/views/website/ssl/index.vue b/frontend/src/views/website/ssl/index.vue
index 330dba498..24fba751a 100644
--- a/frontend/src/views/website/ssl/index.vue
+++ b/frontend/src/views/website/ssl/index.vue
@@ -221,7 +221,8 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
+import { toRef, defineAsyncComponent, onMounted, reactive, ref } from 'vue';
 import { deleteSSL, downloadFile, pushSSLToNode, searchSSL, updateSSL } from '@/api/modules/website';
 import DnsAccount from './dns-account/index.vue';
 import AcmeAccount from './acme-account/index.vue';
@@ -286,6 +287,7 @@ const req = reactive({
     orderBy: 'updated_at',
     order: 'descending',
 });
+useSearchPersistence('website/ssl/index', { search: toRef(req, 'domain') });
 const pushForm = ref({
     id: 0,
     pushNode: true,
diff --git a/frontend/src/views/website/template/index.vue b/frontend/src/views/website/template/index.vue
index 76bac5066..de057f9e6 100644
--- a/frontend/src/views/website/template/index.vue
+++ b/frontend/src/views/website/template/index.vue
@@ -59,6 +59,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import { Website } from '@/api/interface/website';
 import { deleteTemplate, searchTemplates } from '@/api/modules/website';
 import TemplateOperate from '@/views/website/template/operate/index.vue';
@@ -71,6 +72,7 @@ import { reactive, ref, onMounted } from 'vue';
 const loading = ref(false);
 const data = ref<Website.Template[]>([]);
 const searchName = ref('');
+useSearchPersistence('website/template/index', { search: searchName });
 const opRef = ref();
 const operateRef = ref();
 const outputCreateRef = ref();
diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index d8530c4fe..04fb66916 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -344,6 +344,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useSearchPersistence } from '@/composables/useSearchPersistence';
 import Backups from '@/components/backup/index.vue';
 import UploadDialog from '@/components/upload/index.vue';
 import DefaultServer from '@/views/website/website/default/index.vue';
@@ -358,7 +359,7 @@ import BatchSetGroup from '@/views/website/website/batch-op/group.vue';
 import BatchSetHttps from '@/views/website/website/batch-op/https.vue';
 
 import i18n from '@/lang';
-import { onMounted, reactive, ref, computed } from 'vue';
+import { toRef, onMounted, reactive, ref, computed } from 'vue';
 import { batchOperate, opWebsite, searchWebsites, updateWebsite } from '@/api/modules/website';
 import { Website } from '@/api/interface/website';
 import { App } from '@/api/interface/app';
@@ -448,6 +449,7 @@ const pageState = usePageState(() => ({
 }));
 const paginationConfig = pageState.paginationConfig;
 const req = pageState.req;
+useSearchPersistence('website/website/index', { search: toRef(req, 'name') });
 const tableSort = pageState.tableSort;
 
 const goRouter = async (key: string) => {