pref:添加vue持久化

device-manager-ui/admin/public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="<%= BASE_URL %>sbgl.ico" />
-    <title><%= process.env.VUE_APP_sysName %></title>
+    <title></title>
     <link
       rel="stylesheet"
       href="https://unpkg.zhimg.com/element-ui@2.15.5/lib/theme-chalk/index.css"

device-manager-ui/admin/src/App.vue

@@ -5,7 +5,31 @@
 </template>
 
 <script>
-export default {};
+export default {
+  data() {
+    return {};
+  },
+  created() {
+    this.readVueXData();
+  },
+  methods: {
+    readVueXData() {
+      window.addEventListener("beforeunload", () => {
+        sessionStorage.setItem("store", JSON.stringify(this.$store.state));
+      });
+      if (sessionStorage.getItem("store")) {
+        this.$store.replaceState(
+          Object.assign(
+            {},
+            this.$store.state,
+            JSON.parse(sessionStorage.getItem("store"))
+          )
+        );
+        sessionStorage.removeItem("store");
+      }
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>

device-manager-ui/admin/src/views/Layout.vue

@@ -16,7 +16,7 @@ import LayoutHeaderLeft from "../components/HeaderLeft";
 const isPC = /(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent);
 //菜单位置：取值： left :菜单在左面， top :菜单在上面
 const MenuPage = "top";
-
+import { mapState } from "vuex";
 export default {
   components: {
     LayoutHeader,
@@ -26,9 +26,11 @@ export default {
     return {
       isOpen: isPC,
       menuPage: MenuPage,
+      systemName: process.env.VUE_APP_sysName,
     };
   },
   computed: {
+    ...mapState(["sysName", "sysLogo"]),
     menuPageCss() {
       //左面和顶面菜单切换时，动态计划相关css参数
       return {
@@ -37,6 +39,9 @@ export default {
       };
     },
   },
+  created() {
+    document.title = this.sysName ? this.sysName : this.systemName; // 设置项目标题
+  },
   methods: {
     toggle() {
       this.isOpen = !this.isOpen;