chore: put data manager cache to sessionStorage (#727)

Co-authored-by: rick <[email protected]>

Author: LinuxSuRen

console/atest-ui/src/views/DataManager.vue

@@ -31,6 +31,7 @@ const queryResultAsJSON = ref('')
 const columns = ref([] as string[])
 const queryTip = ref('')
 const loadingStores = ref(true)
+const globalLoading = ref(false)
 const showOverflowTooltip = ref(true)
 const complexEditor = ref(false)
 const dataFormat = ref('table')
@@ -241,7 +242,10 @@ const executeWithQuery = async (sql: string) => {
   query.value.sql = sql
 
   try {
-    const data = await API.DataQueryAsync(query.value);
+    globalLoading.value = true
+    const data = await API.DataQueryAsync(query.value, () => {
+      globalLoading.value = false
+    });
     switch (kind.value) {
       case ExtensionKind.ExtensionKindORM:
       case ExtensionKind.ExtensionKindCassandra:
@@ -308,7 +312,7 @@ Magic.AdvancedKeys([{
     <div class="page-header">
       <span class="page-title">{{t('title.dataManager')}}</span>
     </div>
-    <el-container style="height: calc(100vh - 80px);">
+    <el-container style="height: calc(100vh - 80px);" v-loading="globalLoading">
       <el-aside v-if="kind === 'atest-store-orm' || kind === 'atest-store-iotdb' || kind === 'atest-store-cassandra' || kind === 'atest-store-elasticsearch' || kind === 'atest-store-opengemini'">
         <el-scrollbar>
           <el-select v-model="queryDataMeta.currentDatabase" placeholder="Select database"

console/atest-ui/src/views/cache.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2023 API Testing Authors.
+Copyright 2023-2025 API Testing Authors.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -153,7 +153,7 @@ interface DataManagerPreference {
 
 const DataManagerPreferenceKey = "data-manager-preference"
 export function GetDataManagerPreference(): DataManagerPreference {
-  const val = localStorage.getItem(DataManagerPreferenceKey)
+  const val = sessionStorage.getItem(DataManagerPreferenceKey)
   if (val && val !== '') {
     return JSON.parse(val)
   } else {
@@ -178,7 +178,7 @@ export function SetDataManagerPreference(field: string, value: string) {
     default:
       return
   }
-  localStorage.setItem(DataManagerPreferenceKey, JSON.stringify(preference))
+  sessionStorage.setItem(DataManagerPreferenceKey, JSON.stringify(preference))
   return
 }
 

console/atest-ui/src/views/net.ts

@@ -851,7 +851,7 @@ export interface QueryObject {
     offset: number
     limit: number
 }
-const DataQueryAsync = (query: QueryObject) => {
+const DataQueryAsync = (query: QueryObject, final?: () => void | undefined | null) => {
     const requestOptions = {
         method: 'POST',
         headers: {
@@ -863,7 +863,7 @@ const DataQueryAsync = (query: QueryObject) => {
         body: JSON.stringify(query)
     }
     return fetch(`/api/v1/data/query`, requestOptions)
-        .then(DefaultResponseProcess)
+        .then(DefaultResponseProcess).finally(final)
 }
 
 var DataQuery = (store: string, kind: string, currentDatabase: string, query: string, callback: (d: any) => void, errHandler: (d: any) => void) => {