参数存储indexdb

src/router/index.ts

@@ -3,7 +3,6 @@ import staticRouter from './modules/static'
 import webRouter from './modules/web'
 import manageRouter from './modules/manage'
 import Temp404 from '@/views/global/temp/404.vue'
-import {mockGetUserInfo, mockGetConfig} from "@/api/modules/mock/mock";
 import {ElLoading, ElMessage} from "element-plus";
 import {useAppStore, useThemeStore} from "@/stores";
 import {toLogin} from "@/utils/permissions";

src/stores/index.ts

@@ -2,3 +2,4 @@ export * from './app'
 export * from './web'
 export * from './dictionary'
 export * from './theme'
+export * from './indexDB'

src/stores/indexDB.ts

@@ -0,0 +1,96 @@
+import {defineStore} from "pinia";
+import {readonly} from "vue";
+import {ElLoading, ElNotification} from "element-plus";
+
+export const useIndexDBStore = defineStore('indexDB', {
+  state: () => ({
+    DB: <any>null
+  }),
+  getters: {
+
+  },
+  actions: {
+    initDB() {
+      return new Promise((resolve, reject) => {
+        const loading = ElLoading.service({
+          lock: true,
+          text: '数据库加载中',
+          background: 'rgba(0, 0, 0, 0.3)',
+        })
+        const request: any = window.indexedDB.open('SmartSearch', 1)
+        request.onerror = (event) => {}
+        request.onupgradeneeded = (event: any) => {
+          this.DB = event.target.result
+          if (!this.DB.objectStoreNames.contains('timestamp')) {
+            const objectStore = this.DB.createObjectStore('timestamp', { keyPath: 'timestamp' })
+          }
+        }
+        request.onsuccess = (event) => {
+          this.DB = event.target.result
+          resolve(this.DB)
+          loading.close()
+        }
+      })
+    },
+    setTimestamp(params) {
+      return new Promise((resolve, reject) => {
+        const loading = ElLoading.service({
+          lock: true,
+          text: '查询参数构建中',
+          background: 'rgba(0, 0, 0, 0.3)',
+        })
+        const timestamp = String(new Date().getTime())
+        const obj = {
+          timestamp,
+          json: JSON.stringify(params)
+        }
+        const re = this.DB.transaction(['timestamp'], 'readwrite').objectStore('timestamp').add(obj)
+        re.onsuccess = (e: any) => {
+          resolve(timestamp)
+          loading.close()
+        }
+      })
+    },
+    getTimestamp(timestamp) {
+      return new Promise((resolve, reject) => {
+        const loading = ElLoading.service({
+          lock: true,
+          text: '查询参数解析中',
+          background: 'rgba(0, 0, 0, 0.3)',
+        })
+        const re = this.DB.transaction(['timestamp']).objectStore('timestamp').get(timestamp)
+        re.onsuccess = (e: any) => {
+          if (re.result) {
+            resolve(JSON.parse(re.result.json))
+            loading.close()
+          }
+        }
+      })
+    },
+    clearTimestamp() {
+      return new Promise((resolve, reject) => {
+        const loading = ElLoading.service({
+          lock: true,
+          text: '数据库创建中',
+          background: 'rgba(0, 0, 0, 0.3)',
+        })
+        if (this.DB.objectStoreNames.contains('timestamp')) {
+          const oldRe = this.DB.transaction(['timestamp'])?.objectStore('timestamp')
+          oldRe.openCursor().onsuccess = (e: any) => {
+            const cursor = e.target.result
+            if (cursor) {
+              this.DB.transaction(['timestamp'], 'readwrite').objectStore('timestamp').delete(cursor.primaryKey)
+              cursor.continue();
+            } else {
+              resolve()
+              loading.close()
+            } 
+          }
+        } else {
+          resolve()
+          loading.close()
+        }
+      })
+    }
+  },
+})

src/views/global/login/index.vue

@@ -60,11 +60,12 @@
 import {getCurrentInstance, onMounted, reactive, ref} from "vue";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {useRouter} from "vue-router";
-import {useAppStore, useThemeStore} from "@/stores";
+import {useAppStore, useThemeStore, useIndexDBStore} from "@/stores";
 import {captcha, login} from "@/api/modules/manage/user";
 
 const ThemeStore = useThemeStore()
 const AppStore = useAppStore()
+const IndexDBStore = useIndexDBStore()
 const {proxy} = getCurrentInstance()
 const router = useRouter()
 const state: any = reactive({
@@ -106,8 +107,12 @@ const getCode = () =>{
   })
 }
 onMounted(() => {
-  localStorage.clear();
-  getCode()
+  IndexDBStore.initDB().then(() => {
+    IndexDBStore.clearTimestamp().then(() => {
+      localStorage.clear();
+      getCode()
+    })
+  })
 })
 </script>
 

src/views/web/home/index.vue

@@ -74,7 +74,7 @@
 import {computed, getCurrentInstance, onMounted, reactive} from "vue";
 import router from "@/router";
 import {ElMessage} from "element-plus";
-import {useAppStore, useThemeStore, useWebStore} from "@/stores";
+import {useAppStore, useThemeStore, useWebStore, useIndexDBStore} from "@/stores";
 import {mockGetSearchHistory} from "@/api/modules/mock/mock";
 import {searchLogsGetKeyWordByUserId} from "@/api/modules/web/list";
 
@@ -82,6 +82,7 @@ const {proxy} = getCurrentInstance()
 const AppStore = useAppStore()
 const WebStore = useWebStore()
 const ThemeStore = useThemeStore()
+const IndexDBStore = useIndexDBStore()
 const state: any = reactive({
   searchText: '',
   historyList: [],
@@ -142,14 +143,18 @@ const onIndexTabAll = () => {
 }
 const toList = (text, isAll = false) => {
   if (text) {
-    const routerUrl = router.resolve({
-      name: '4f6dd2ea-7c0a-4923-9a57-932ef42235f6',
-      query: {
-        text,
-        index: isAll ? '' : searchAreaCpt.value.arr.map(v => v.treeId).join(',')
-      }
-    });
-    window.open(routerUrl.href, "_blank");
+    IndexDBStore.setTimestamp({
+      text,
+      index: isAll ? '' : searchAreaCpt.value.arr.map(v => v.treeId).join(',')
+    }).then((timestamp) => {
+      const routerUrl = router.resolve({
+        name: '4f6dd2ea-7c0a-4923-9a57-932ef42235f6',
+        query: {
+          timestamp
+        }
+      });
+      window.open(routerUrl.href, "_blank");
+    })
   } else {
     ElMessage({
       message: '请输入关键字进行查询！',
@@ -159,8 +164,10 @@ const toList = (text, isAll = false) => {
   }
 }
 onMounted(() => {
-  initHistory()
-  initArea()
+  IndexDBStore.initDB().then(() => {
+    initHistory()
+    initArea()
+  })
 })
 </script>
 

src/views/web/list/index.vue

@@ -224,7 +224,7 @@
 <script setup lang="ts">
 import {computed, getCurrentInstance, onBeforeMount, onMounted, reactive, ref, watch} from "vue";
 import {useRoute, useRouter} from "vue-router";
-import {useAppStore, useDictionaryStore, useThemeStore, useWebStore} from "@/stores";
+import {useAppStore, useDictionaryStore, useThemeStore, useWebStore, useIndexDBStore} from "@/stores";
 import {ElLoading, ElMessage} from "element-plus";
 import {frontGetIndexAndFieldInfo, searchLogsSaveSearchLog} from "@/api/modules/web/list";
 import DetailCom from './detail.vue'
@@ -234,6 +234,7 @@ const AppStore = useAppStore()
 const WebStore = useWebStore()
 const ThemeStore = useThemeStore()
 const DictionaryStore = useDictionaryStore()
+const IndexDBStore = useIndexDBStore()
 const route = useRoute()
 const router = useRouter()
 const state: any = reactive({
@@ -597,6 +598,7 @@ const initWS = () => {
                         type.__count = type.__count ? (type.__count + index.data) : index.data
                         tag.__count = tag.__count ? (tag.__count + index.data) : index.data
                       })
+                      type.children.sort((a, b) => b.__count - a.__count)
                     }
                   })
                 }
@@ -673,19 +675,30 @@ const initWS = () => {
   state.ws.instance = ws
 }
 onMounted(() => {
-  initDictionary()
-  const {text, index} = route.query
-  if (!text) {
-    router.replace({
-      name: '71305311-abcc-4d13-8531-f966b49839c5'
-    })
-  } else {
-    state.searchText = text
-    if (index) {
-      state.cascaderParams.value = index.split(',').map(v => Number(v))
+  IndexDBStore.initDB().then(() => {
+    initDictionary()
+    const {timestamp} = route.query
+    if (!timestamp) {
+      router.replace({
+        name: '71305311-abcc-4d13-8531-f966b49839c5'
+      })
+    } else {
+      IndexDBStore.getTimestamp(timestamp).then((params) => {
+        const {text, index} = params
+        if (!text) {
+          router.replace({
+            name: '71305311-abcc-4d13-8531-f966b49839c5'
+          })
+        } else {
+          state.searchText = text
+          if (index) {
+            state.cascaderParams.value = index.split(',').map(v => Number(v))
+          }
+          initWS()
+        }
+      })
     }
-    initWS()
-  }
+  })
 })
 </script>