From 793920e04160f643e7320473bb4097defcf20ded Mon Sep 17 00:00:00 2001
From: weibaohui <weibaohui@yeah.net>
Date: Sun, 12 Nov 2023 20:04:45 +0800
Subject: [PATCH] add ns localstorage

---
 .../ClusterRole/ClusterRoleListView.vue       |  9 +++----
 .../ClusterRoleBindingListView.vue            |  9 +++----
 .../EndpointSlice/EndpointSliceListView.vue   | 10 +++++---
 .../HorizontalPodAutoscaler/HpaListView.vue   | 10 +++++---
 .../IngressClass/IngressClassListView.vue     |  9 +++----
 .../MutatingWebhookListView.vue               |  9 +++----
 .../NetworkPolicy/NetpolListView.vue          | 10 +++++---
 .../PersistentVolumeListView.vue              |  9 +++----
 .../PersistentVolumeClaim/PvcListView.vue     | 10 +++++---
 .../PodDisruptionBudget/PdbListView.vue       | 10 +++++---
 src/frontend/components/Role/RoleListView.vue | 10 +++++---
 .../RoleBinding/RoleBindingListView.vue       | 10 +++++---
 .../components/ServiceAccount/SaListView.vue  | 10 +++++---
 .../StorageClass/StorageClassListView.vue     |  9 +++----
 .../ValidatingWebhookListView.vue             |  9 +++----
 .../components/configmap/CmListView.vue       | 10 +++++---
 .../container/ContainerReadyCount.vue         | 24 ++++++++++++-------
 .../components/cronjob/CronJobListView.vue    | 10 +++++---
 .../components/daemonset/DsListView.vue       | 10 +++++---
 .../components/deployment/DeployListView.vue  | 11 ++++++---
 .../components/endpoint/EpListView.vue        | 10 +++++---
 .../components/event/EventListView.vue        | 10 +++++---
 .../components/ingress/IngListView.vue        | 10 +++++---
 src/frontend/components/job/JobListView.vue   | 10 +++++---
 .../components/limitrange/LimitsListView.vue  | 10 +++++---
 src/frontend/components/ns/NsListView.vue     |  9 +++----
 src/frontend/components/ns/NsSelect.vue       |  9 +++++--
 src/frontend/components/pod/PodListView.vue   | 11 ++++++---
 .../components/priorityclass/PcListView.vue   |  9 +++----
 .../replicacontroller/RcListView.vue          | 10 +++++---
 .../components/replicaset/RsListView.vue      | 16 ++++++++++---
 .../resourcequota/QuotaListView.vue           | 10 +++++---
 .../components/secret/SecretListView.vue      | 10 +++++---
 .../components/service/SvcListView.vue        | 10 +++++---
 .../components/statefulset/StsListView.vue    | 10 +++++---
 35 files changed, 244 insertions(+), 118 deletions(-)

diff --git a/src/frontend/components/ClusterRole/ClusterRoleListView.vue b/src/frontend/components/ClusterRole/ClusterRoleListView.vue
index 53f022ec..c91f9bb1 100644
--- a/src/frontend/components/ClusterRole/ClusterRoleListView.vue
+++ b/src/frontend/components/ClusterRole/ClusterRoleListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -89,9 +89,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ClusterRole))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ClusterRole))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ClusterRoleBinding/ClusterRoleBindingListView.vue b/src/frontend/components/ClusterRoleBinding/ClusterRoleBindingListView.vue
index 0cf620c7..7756d30c 100644
--- a/src/frontend/components/ClusterRoleBinding/ClusterRoleBindingListView.vue
+++ b/src/frontend/components/ClusterRoleBinding/ClusterRoleBindingListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -94,9 +94,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ClusterRoleBinding))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ClusterRoleBinding))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/EndpointSlice/EndpointSliceListView.vue b/src/frontend/components/EndpointSlice/EndpointSliceListView.vue
index cb859ce5..4c89d120 100644
--- a/src/frontend/components/EndpointSlice/EndpointSliceListView.vue
+++ b/src/frontend/components/EndpointSlice/EndpointSliceListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -125,9 +125,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.EndpointSlice, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.EndpointSlice, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/HorizontalPodAutoscaler/HpaListView.vue b/src/frontend/components/HorizontalPodAutoscaler/HpaListView.vue
index e4f33f73..ad280a8b 100644
--- a/src/frontend/components/HorizontalPodAutoscaler/HpaListView.vue
+++ b/src/frontend/components/HorizontalPodAutoscaler/HpaListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -145,9 +145,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.HorizontalPodAutoscaler, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.HorizontalPodAutoscaler, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/IngressClass/IngressClassListView.vue b/src/frontend/components/IngressClass/IngressClassListView.vue
index 293204e9..e30457cc 100644
--- a/src/frontend/components/IngressClass/IngressClassListView.vue
+++ b/src/frontend/components/IngressClass/IngressClassListView.vue
@@ -7,7 +7,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import ResourceAgeView from '@frontend/components/common/ResourceAgeView.vue'
 import WorkloadListView from '@frontend/components/common/ResourceListView.vue'
@@ -128,9 +128,10 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.IngressClass))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.IngressClass))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/MutatingWebhook/MutatingWebhookListView.vue b/src/frontend/components/MutatingWebhook/MutatingWebhookListView.vue
index ffa2facb..5a05065f 100644
--- a/src/frontend/components/MutatingWebhook/MutatingWebhookListView.vue
+++ b/src/frontend/components/MutatingWebhook/MutatingWebhookListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -89,9 +89,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.MutatingWebhookConfiguration))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.MutatingWebhookConfiguration))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/NetworkPolicy/NetpolListView.vue b/src/frontend/components/NetworkPolicy/NetpolListView.vue
index bbd90410..37cc2712 100644
--- a/src/frontend/components/NetworkPolicy/NetpolListView.vue
+++ b/src/frontend/components/NetworkPolicy/NetpolListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -133,9 +133,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.NetworkPolicy, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.NetworkPolicy, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/PersistentVolume/PersistentVolumeListView.vue b/src/frontend/components/PersistentVolume/PersistentVolumeListView.vue
index 1069b9e2..3cf9d1c1 100644
--- a/src/frontend/components/PersistentVolume/PersistentVolumeListView.vue
+++ b/src/frontend/components/PersistentVolume/PersistentVolumeListView.vue
@@ -6,7 +6,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import ResourceAgeView from '@frontend/components/common/ResourceAgeView.vue'
 import WorkloadListView from '@frontend/components/common/ResourceListView.vue'
@@ -110,9 +110,10 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PersistentVolume))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PersistentVolume))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/PersistentVolumeClaim/PvcListView.vue b/src/frontend/components/PersistentVolumeClaim/PvcListView.vue
index a90e6279..13e47958 100644
--- a/src/frontend/components/PersistentVolumeClaim/PvcListView.vue
+++ b/src/frontend/components/PersistentVolumeClaim/PvcListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -141,9 +141,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PersistentVolumeClaim, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PersistentVolumeClaim, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/PodDisruptionBudget/PdbListView.vue b/src/frontend/components/PodDisruptionBudget/PdbListView.vue
index 1b9b023f..9876936f 100644
--- a/src/frontend/components/PodDisruptionBudget/PdbListView.vue
+++ b/src/frontend/components/PodDisruptionBudget/PdbListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PodDisruptionBudget, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PodDisruptionBudget, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/Role/RoleListView.vue b/src/frontend/components/Role/RoleListView.vue
index 765cc2b4..4800b007 100644
--- a/src/frontend/components/Role/RoleListView.vue
+++ b/src/frontend/components/Role/RoleListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Role, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Role, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/RoleBinding/RoleBindingListView.vue b/src/frontend/components/RoleBinding/RoleBindingListView.vue
index 772fa680..add39f4e 100644
--- a/src/frontend/components/RoleBinding/RoleBindingListView.vue
+++ b/src/frontend/components/RoleBinding/RoleBindingListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.RoleBinding, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.RoleBinding, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ServiceAccount/SaListView.vue b/src/frontend/components/ServiceAccount/SaListView.vue
index 1dc85c6f..2855b538 100644
--- a/src/frontend/components/ServiceAccount/SaListView.vue
+++ b/src/frontend/components/ServiceAccount/SaListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ServiceAccount, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ServiceAccount, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/StorageClass/StorageClassListView.vue b/src/frontend/components/StorageClass/StorageClassListView.vue
index bb139433..58c588b7 100644
--- a/src/frontend/components/StorageClass/StorageClassListView.vue
+++ b/src/frontend/components/StorageClass/StorageClassListView.vue
@@ -7,7 +7,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import ResourceAgeView from '@frontend/components/common/ResourceAgeView.vue'
 import WorkloadListView from '@frontend/components/common/ResourceListView.vue'
@@ -114,9 +114,10 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.StorageClass))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.StorageClass))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ValidatingWebhook/ValidatingWebhookListView.vue b/src/frontend/components/ValidatingWebhook/ValidatingWebhookListView.vue
index 3ce854b5..a12025ae 100644
--- a/src/frontend/components/ValidatingWebhook/ValidatingWebhookListView.vue
+++ b/src/frontend/components/ValidatingWebhook/ValidatingWebhookListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -89,9 +89,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ValidatingWebhookConfiguration))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ValidatingWebhookConfiguration))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/configmap/CmListView.vue b/src/frontend/components/configmap/CmListView.vue
index 0daca369..b0b77b08 100644
--- a/src/frontend/components/configmap/CmListView.vue
+++ b/src/frontend/components/configmap/CmListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -125,9 +125,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ConfigMap, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ConfigMap, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/container/ContainerReadyCount.vue b/src/frontend/components/container/ContainerReadyCount.vue
index c18091f2..d0cd8e83 100644
--- a/src/frontend/components/container/ContainerReadyCount.vue
+++ b/src/frontend/components/container/ContainerReadyCount.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import { V1Pod } from '@backend/k8s/model/V1Pod'
 
@@ -7,13 +7,21 @@ const props = defineProps({
   pod: V1Pod,
 })
 const readyText = ref('')
-TimerUtils.everySecond(() => {
-  if (props.pod.status.containerStatuses) {
-    const ready = props.pod.status.containerStatuses
-      .filter(r => r.ready).length
-    const all = props.pod.status.containerStatuses.length
-    readyText.value = `${ready}/${all}`
-  }
+
+let intervalId: number
+onBeforeUnmount(() => {
+  clearInterval(intervalId)
+})
+
+onMounted(() => {
+  intervalId = TimerUtils.everySecond(() => {
+    if (props.pod.status.containerStatuses) {
+      const ready = props.pod.status.containerStatuses
+        .filter(r => r.ready).length
+      const all = props.pod.status.containerStatuses.length
+      readyText.value = `${ready}/${all}`
+    }
+  })
 })
 </script>
 
diff --git a/src/frontend/components/cronjob/CronJobListView.vue b/src/frontend/components/cronjob/CronJobListView.vue
index 550081b8..d2771400 100644
--- a/src/frontend/components/cronjob/CronJobListView.vue
+++ b/src/frontend/components/cronjob/CronJobListView.vue
@@ -9,7 +9,7 @@ import _ from 'lodash'
 import moment from 'moment'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -139,9 +139,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.CronJob, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.CronJob, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/daemonset/DsListView.vue b/src/frontend/components/daemonset/DsListView.vue
index b48704c2..dbb9d81e 100644
--- a/src/frontend/components/daemonset/DsListView.vue
+++ b/src/frontend/components/daemonset/DsListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -138,9 +138,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.DaemonSet, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.DaemonSet, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/deployment/DeployListView.vue b/src/frontend/components/deployment/DeployListView.vue
index 912c97b8..8daca4ce 100644
--- a/src/frontend/components/deployment/DeployListView.vue
+++ b/src/frontend/components/deployment/DeployListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, NText, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
@@ -140,8 +140,13 @@ function onTextChanged(text: string) {
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Deployment, selectedNs))
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
+
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Deployment, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/endpoint/EpListView.vue b/src/frontend/components/endpoint/EpListView.vue
index ede02e00..7114b236 100644
--- a/src/frontend/components/endpoint/EpListView.vue
+++ b/src/frontend/components/endpoint/EpListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -125,9 +125,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Endpoint, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Endpoint, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/event/EventListView.vue b/src/frontend/components/event/EventListView.vue
index add4b557..43b41f3c 100644
--- a/src/frontend/components/event/EventListView.vue
+++ b/src/frontend/components/event/EventListView.vue
@@ -5,7 +5,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, NSpace, NSwitch, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import type { V1Event } from '@backend/k8s/model/V1Event'
 import type { V1Pod } from '@backend/k8s/model/V1Pod'
 import { TimerUtils } from '@backend/utils/TimerUtils'
@@ -148,9 +148,13 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.message.includes(text))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Event, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Event, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ingress/IngListView.vue b/src/frontend/components/ingress/IngListView.vue
index aa463501..e575cda4 100644
--- a/src/frontend/components/ingress/IngListView.vue
+++ b/src/frontend/components/ingress/IngListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -125,9 +125,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Ingress, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Ingress, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/job/JobListView.vue b/src/frontend/components/job/JobListView.vue
index e35223a7..6cd2ddcb 100644
--- a/src/frontend/components/job/JobListView.vue
+++ b/src/frontend/components/job/JobListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -132,9 +132,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Job, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Job, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/limitrange/LimitsListView.vue b/src/frontend/components/limitrange/LimitsListView.vue
index a7d194ee..72b45a83 100644
--- a/src/frontend/components/limitrange/LimitsListView.vue
+++ b/src/frontend/components/limitrange/LimitsListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.LimitRange, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.LimitRange, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ns/NsListView.vue b/src/frontend/components/ns/NsListView.vue
index 7948db54..43af200a 100644
--- a/src/frontend/components/ns/NsListView.vue
+++ b/src/frontend/components/ns/NsListView.vue
@@ -4,7 +4,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { TimerUtils } from '@backend/utils/TimerUtils'
 import ResourceAgeView from '@frontend/components/common/ResourceAgeView.vue'
 import WorkloadListView from '@frontend/components/common/ResourceListView.vue'
@@ -102,9 +102,10 @@ function onTextChanged(text: string) {
   }
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Namespace))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Namespace))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/ns/NsSelect.vue b/src/frontend/components/ns/NsSelect.vue
index d2c3b5a1..a819b15b 100644
--- a/src/frontend/components/ns/NsSelect.vue
+++ b/src/frontend/components/ns/NsSelect.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
 import { NSelect } from 'naive-ui'
 import type { SelectOption } from 'naive-ui'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 
 // 定义调用方法
 const emit = defineEmits(['onNsChanged', 'update'])
 const selectedNs = ref('default')
 const options = ref<SelectOption[]>()
-
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
+})
 async function getK8sNsList() {
   const ns = await K8sService.playService.nsControllerList()
   options.value = ns.map((r) => {
@@ -21,9 +24,11 @@ async function getK8sNsList() {
 function onNsChanged() {
   // console.log(`ns 变为${selectedNs.value}`)
   emit('onNsChanged', selectedNs.value)
+  localStorage.selectedNs = selectedNs.value ? selectedNs.value : ''
 }
 function setNsSelected(ns: string) {
   selectedNs.value = ns
+  localStorage.selectedNs = ns
 }
 getK8sNsList()
 
diff --git a/src/frontend/components/pod/PodListView.vue b/src/frontend/components/pod/PodListView.vue
index 30764fdd..773d9574 100644
--- a/src/frontend/components/pod/PodListView.vue
+++ b/src/frontend/components/pod/PodListView.vue
@@ -20,7 +20,7 @@ import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, NText, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 
 const drawer = useDrawerService()
 const dialog = useDialog()
@@ -217,8 +217,13 @@ function onTextChanged(text: string) {
   itemList.value = itemList.value.filter(r => r.metadata.name.includes(text))
 }
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Pod, selectedNs))
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
+
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Pod, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/priorityclass/PcListView.vue b/src/frontend/components/priorityclass/PcListView.vue
index dd03b6a9..4072c219 100644
--- a/src/frontend/components/priorityclass/PcListView.vue
+++ b/src/frontend/components/priorityclass/PcListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -106,9 +106,10 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
-
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PriorityClass))
+onMounted(() => {
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.PriorityClass))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/replicacontroller/RcListView.vue b/src/frontend/components/replicacontroller/RcListView.vue
index cf18d6d4..6619aa53 100644
--- a/src/frontend/components/replicacontroller/RcListView.vue
+++ b/src/frontend/components/replicacontroller/RcListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -132,9 +132,13 @@ function onTextChanged(text: string) {
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
 
-getItemList()
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ReplicationController, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ReplicationController, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/replicaset/RsListView.vue b/src/frontend/components/replicaset/RsListView.vue
index 0acfc0b6..816f03eb 100644
--- a/src/frontend/components/replicaset/RsListView.vue
+++ b/src/frontend/components/replicaset/RsListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onBeforeUnmount, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -132,9 +132,19 @@ function onTextChanged(text: string) {
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
 
-getItemList()
-TimerUtils.everyTwoSeconds(() => {
+let intervalId: number
+onBeforeUnmount(() => {
+  clearInterval(intervalId)
+})
+
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
+
   getItemList()
+  intervalId = TimerUtils.everyTwoSeconds(() => {
+    getItemList()
+  })
 })
 </script>
 
diff --git a/src/frontend/components/resourcequota/QuotaListView.vue b/src/frontend/components/resourcequota/QuotaListView.vue
index cb4f0f33..53496a19 100644
--- a/src/frontend/components/resourcequota/QuotaListView.vue
+++ b/src/frontend/components/resourcequota/QuotaListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -113,9 +113,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ResourceQuota, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.ResourceQuota, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/secret/SecretListView.vue b/src/frontend/components/secret/SecretListView.vue
index d31405fe..494ab1d9 100644
--- a/src/frontend/components/secret/SecretListView.vue
+++ b/src/frontend/components/secret/SecretListView.vue
@@ -9,7 +9,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -132,9 +132,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Secret, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Secret, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/service/SvcListView.vue b/src/frontend/components/service/SvcListView.vue
index 77c180ac..9fec4853 100644
--- a/src/frontend/components/service/SvcListView.vue
+++ b/src/frontend/components/service/SvcListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -150,9 +150,13 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Service, selectedNs))
+  getItemList()
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.Service, selectedNs))
+})
 </script>
 
 <template>
diff --git a/src/frontend/components/statefulset/StsListView.vue b/src/frontend/components/statefulset/StsListView.vue
index ea22e18a..b8310123 100644
--- a/src/frontend/components/statefulset/StsListView.vue
+++ b/src/frontend/components/statefulset/StsListView.vue
@@ -8,7 +8,7 @@ import { DialogHelper } from '@frontend/service/page/DialogHelper'
 import _ from 'lodash'
 import type { DataTableColumns } from 'naive-ui'
 import { NButton, useDialog } from 'naive-ui'
-import { h, ref } from 'vue'
+import { h, onMounted, ref } from 'vue'
 import { useDrawerService } from '@frontend/service/drawer-service/use-drawer'
 import { K8sService } from '@frontend/service/k8s/K8sService'
 import { DrawerHelper } from '@frontend/service/page/DrawerHelper'
@@ -131,10 +131,14 @@ function onTextChanged(text: string) {
   if (!_.isEmpty(searchText.value))
     itemList.value = itemList.value.filter(r => r.metadata.name.includes(searchText.value))
 }
+onMounted(() => {
+  if (localStorage.selectedNs)
+    selectedNs.value = localStorage.selectedNs
 
-getItemList()
+  getItemList()
 
-TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.StatefulSet, selectedNs))
+  TimerUtils.delayTwoSeconds(() => K8sService.watchService.watchChange(itemList, ResType.StatefulSet, selectedNs))
+})
 </script>
 
 <template>