perf：修改vux状态持久化

base-manager-ui/admin/package.json

@@ -25,6 +25,7 @@
     "china-division": "^2.5.0",
     "clipboard": "^2.0.6",
     "core-js": "^3.6.5",
+    "crypto-js": "^4.1.1",
     "date-fns": "^2.14.0",
     "echarts": "^5.2.2",
     "element-china-area-data": "^5.0.2",

base-manager-ui/admin/src/store/index.js

@@ -2,8 +2,9 @@ import Vue from "vue";
 import Vuex from "vuex";
 import modules from "./modules";
 import createPersistedState from "vuex-persistedstate";
-import SecureLS from "secure-ls";
-var ls = new SecureLS({ isCompression: false });
+// import SecureLS from "secure-ls";
+// var ls = new SecureLS({ isCompression: false });
+import { SessionCrypto } from "@/utils/util";
 Vue.use(Vuex);
 const store = new Vuex.Store({
   modules,
@@ -15,9 +16,9 @@ const store = new Vuex.Store({
     createPersistedState({
       key: "info",
       storage: {
-        getItem: (key) => ls.get(key),
-        setItem: (key, value) => ls.set(key, value),
-        removeItem: (key) => ls.remove(key),
+        getItem: (key) => SessionCrypto.getSS(key),
+        setItem: (key, value) => SessionCrypto.setSS(key, value),
+        removeItem: (key) => SessionCrypto.remove(key),
       },
     }),
   ],

base-manager-ui/admin/src/utils/util.js

 import enquireJs from "enquire.js";
-
+import CryptoJS from "crypto-js";
 export function isDef(v) {
   return v !== undefined && v !== null;
 }
@@ -62,3 +62,52 @@ export const extractTree = (arrs, childs, attrArr) => {
   };
   return getObj(arrs);
 };
+
+/**
+ * 加密存储临时数据并解析对象
+ */
+const aseKey = "**_FXxx_1234_KEY";
+const KEY = "KEY_EXTRA";
+export class SessionCrypto {
+  // 加密
+  static setSS(key = KEY, value = "") {
+    if (typeof key === "string") {
+      const stringify = JSON.stringify(value);
+      const encrypt = CryptoJS.AES.encrypt(
+        stringify,
+        CryptoJS.enc.Utf8.parse(aseKey),
+        {
+          mode: CryptoJS.mode.ECB,
+          padding: CryptoJS.pad.Pkcs7,
+        }
+      ).toString();
+      window.sessionStorage.setItem(key, encrypt);
+      return encrypt;
+    }
+  }
+  // 解密
+  static getSS(key = KEY) {
+    const ssStr = window.sessionStorage.getItem(key) || "";
+    try {
+      if (ssStr) {
+        const decrypt = CryptoJS.AES.decrypt(
+          ssStr,
+          CryptoJS.enc.Utf8.parse(aseKey),
+          {
+            mode: CryptoJS.mode.ECB,
+            padding: CryptoJS.pad.Pkcs7,
+          }
+        ).toString(CryptoJS.enc.Utf8);
+        const parseStr = JSON.parse(decrypt);
+        return parseStr;
+      }
+      return "";
+    } catch (e) {
+      return "";
+    }
+  }
+  // 删除
+  static remove(key) {
+    window.sessionStorage.removeItem(key);
+  }
+}

base-manager-ui/admin/yarn.lock

@@ -3676,6 +3676,11 @@ crypto-js@^3.1.6:
   resolved "https://registry.npmmirror.com/crypto-js/-/crypto-js-3.3.0.tgz#846dd1cce2f68aacfa156c8578f926a609b7976b"
   integrity sha512-DIT51nX0dCfKltpRiXV+/TVZq+Qq2NgF4644+K7Ttnla7zEzqc+kjJyiB96BHNyUTBxyjzRcZYpUdZa+QAqi6Q==
 
+crypto-js@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
+  integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
+
 crypto-random-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/crypto-random-string/download/crypto-random-string-2.0.0.tgz?cache=0&sync_timestamp=1583560482221&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcrypto-random-string%2Fdownload%2Fcrypto-random-string-2.0.0.tgz"

portal-manager-ui/admin/src/store/index.js

@@ -2,9 +2,10 @@ import Vue from "vue";
 import Vuex from "vuex";
 import modules from "./modules";
 import createPersistedState from "vuex-persistedstate";
-import SecureLS from "secure-ls";
-var ls = new SecureLS({ isCompression: false });
+// import SecureLS from "secure-ls";
+// var ls = new SecureLS({ isCompression: false });
 import VuexReset from "@ianwalter/vuex-reset";
+import { SessionCrypto } from "@/utils";
 // import persistedState from 'vuex-persistedstate'
 Vue.use(Vuex);
 const store = new Vuex.Store({
@@ -16,9 +17,9 @@ const store = new Vuex.Store({
     createPersistedState({
       key: "info",
       storage: {
-        getItem: (key) => ls.get(key),
-        setItem: (key, value) => ls.set(key, value),
-        removeItem: (key) => ls.remove(key),
+        getItem: (key) => SessionCrypto.getSS(key),
+        setItem: (key, value) => SessionCrypto.setSS(key, value),
+        removeItem: (key) => SessionCrypto.remove(key),
       },
     }),
   ],

portal-manager-ui/admin/src/utils/index.js

@@ -16,3 +16,66 @@ export let encrypt = (str, keyStr, ivStr) => {
 
   return encrypted.toString();
 };
+// 解密
+export const decrypt = (word, keyStr, ivStr) => {
+  keyStr = keyStr ? keyStr : "0000000671595991";
+  ivStr = ivStr ? ivStr : "tdrdadq59tbss5n7";
+  let key = CryptoJS.enc.Utf8.parse(keyStr);
+  let iv = CryptoJS.enc.Utf8.parse(ivStr);
+
+  let decrypt = CryptoJS.AES.decrypt(word, key, {
+    iv,
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7,
+  });
+  return decrypt.toString(CryptoJS.enc.Utf8);
+};
+
+/**
+ * 加密存储临时数据并解析对象
+ */
+const aseKey = "**_FXxx_1234_KEY";
+const KEY = "KEY_EXTRA";
+export class SessionCrypto {
+  // 加密
+  static setSS(key = KEY, value = "") {
+    if (typeof key === "string") {
+      const stringify = JSON.stringify(value);
+      const encrypt = CryptoJS.AES.encrypt(
+        stringify,
+        CryptoJS.enc.Utf8.parse(aseKey),
+        {
+          mode: CryptoJS.mode.ECB,
+          padding: CryptoJS.pad.Pkcs7,
+        }
+      ).toString();
+      window.sessionStorage.setItem(key, encrypt);
+      return encrypt;
+    }
+  }
+  // 解密
+  static getSS(key = KEY) {
+    const ssStr = window.sessionStorage.getItem(key) || "";
+    try {
+      if (ssStr) {
+        const decrypt = CryptoJS.AES.decrypt(
+          ssStr,
+          CryptoJS.enc.Utf8.parse(aseKey),
+          {
+            mode: CryptoJS.mode.ECB,
+            padding: CryptoJS.pad.Pkcs7,
+          }
+        ).toString(CryptoJS.enc.Utf8);
+        const parseStr = JSON.parse(decrypt);
+        return parseStr;
+      }
+      return "";
+    } catch (e) {
+      return "";
+    }
+  }
+  // 删除
+  static remove(key) {
+    window.sessionStorage.removeItem(key);
+  }
+}