feat:解决数据展示页面模式记忆问题

src/views/os-dataDisplay/index.vue

@@ -28,19 +28,17 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
+import { ref, onMounted, watch } from "vue";
 import { useRoute } from "vue-router";
 import { useRouter } from "vue-router";
-import allDataTab from "./components/allDataTab.vue";
 import ituDataTab from "./components/ituDataTab.vue";
 import stDataTab from "./components/stDataTab.vue";
 import dsnDataTab from "./components/dsnData/dsnTab.vue";
 import esDataTab from "./components/esDataTab.vue";
 import exportDialog from "@/components/Export/index.vue";
-import { genFileId } from "element-plus";
-import type { UploadInstance, UploadProps, UploadRawFile } from "element-plus";
+import type { UploadInstance } from "element-plus";
 
-const mode = ref("DSN数据");
+const mode = ref(sessionStorage.getItem("dataDisplayMode") || "DSN数据");
 const showDeleteDialog = ref(false);
 const sizeOptions = ["DSN数据", "ITU数据", "ST数据", "ESA数据"];
 const route = useRoute();
@@ -48,16 +46,6 @@ const router = useRouter();
 const modeValue = ref<any>("数据展示");
 const upload = ref<UploadInstance>();
 
-const handleExceed: UploadProps["onExceed"] = (files) => {
-  upload.value!.clearFiles();
-  const file = files[0] as UploadRawFile;
-  file.uid = genFileId();
-  upload.value!.handleStart(file);
-};
-
-const submitUpload = () => {
-  upload.value!.submit();
-};
 const goToStatus = () => {
   router.push({
     path: "/osStatus/list",
@@ -72,8 +60,18 @@ onMounted(() => {
     modeValue.value = route.query.mode;
     mode.value = modeValue.value;
   }
-  console.log(mode.value);
 });
+
+watch(
+  mode,
+  (newVal) => {
+    sessionStorage.setItem("dataDisplayMode", newVal);
+    modeValue.value = sessionStorage.getItem("dataDisplayMode") || "DSN数据";
+  },
+  {
+    immediate: true,
+  }
+);
 </script>
 
 <style scoped lang="scss">

src/views/system/SystemIndex.vue

+<template>
+  <div>system index</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>