From 185656ac820fbc6d9d1c646d81e9967aae5c982b Mon Sep 17 00:00:00 2001
From: xiaowen <372193233@qq.com>
Date: Fri, 11 Feb 2022 10:26:40 +0800
Subject: [PATCH] cxw-010203

---
 package.json                             |  1 +
 src/lycomponents/iHeader/index.vue       | 44 +++++++++++++---------
 src/lycomponents/iHeaderBrand/index.vue  | 27 +++++++++-----
 src/lycomponents/iHeaderMa/index.vue     | 27 +++++++++-----
 src/lycomponents/iHeaderMyself/index.vue | 27 +++++++++-----
 src/permission.js                        |  3 +-
 src/store/mutations.js                   | 47 ++++++++++++------------
 src/store/state.js                       | 40 ++++++++++----------
 8 files changed, 123 insertions(+), 93 deletions(-)

diff --git a/package.json b/package.json
index 7ba34e1..eba8f6c 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "axios": "^0.23.0",
     "compression-webpack-plugin": "^9.0.0",
     "core-js": "^3.6.5",
+    "cz-storage": "^1.0.1",
     "echarts": "^5.2.2",
     "echarts-wordcloud": "^2.0.0",
     "js-cookie": "^3.0.1",
diff --git a/src/lycomponents/iHeader/index.vue b/src/lycomponents/iHeader/index.vue
index d5ed754..9bef3b8 100644
--- a/src/lycomponents/iHeader/index.vue
+++ b/src/lycomponents/iHeader/index.vue
@@ -35,7 +35,7 @@
         </div>
         <div class="iH-center">
             <a @click="goHome">
-            <img src="../../assets/images/Index/img_toubuyi.png" width="100%" />
+                <img src="../../assets/images/Index/img_toubuyi.png" width="100%" />
             </a>
         </div>
         <div class="iH-right">
@@ -64,6 +64,7 @@
 
 <script>
 import { getOneTime } from "@/api/comm";
+import LS from "cz-storage";
 export default {
     name: "iHeader",
     inject: ["reload"],
@@ -82,7 +83,10 @@ export default {
     watch: {
         $route: {
             handler(val) {
-                if (val.path === "/eventDEC" || val.path === "/industryDataExport") {
+                if (
+                    val.path === "/eventDEC" ||
+                    val.path === "/industryDataExport"
+                ) {
                     this.timeShow = false;
                 } else {
                     this.timeShow = true;
@@ -110,12 +114,12 @@ export default {
     },
     methods: {
         goHome() {
-          this.setHeaderType(1);
-          this.$router.push("/index");
+            this.setHeaderType(1);
+            this.$router.push("/index");
         },
         goLogin() {
-          this.setHeaderType(1);
-          this.$router.push("/login");
+            this.setHeaderType(1);
+            this.$router.push("/login");
         },
         handleChange(val) {
             this.setCommTime({ sTimeType: val });
@@ -133,7 +137,7 @@ export default {
                 this.setHeaderType(2);
             } else if (
                 obj.key === "brandInsight" ||
-                obj.key === "modelInsight" || 
+                obj.key === "modelInsight" ||
                 obj.key === "eventInsight"
             ) {
                 this.setHeaderType(3);
@@ -154,16 +158,22 @@ export default {
         },
         // 退出的方法
         layout() {
-            this.setToken("");
-            this.setUser({});
-            this.setEComparison([]);
-            this.setBComparison([]);
-            this.setMComparison([]);
-            this.setCtime({});
-            this.setCtime2({});
-            this.setCommTime({});
-            this.setBrand({});
-            this.setModel({});
+            LS.remove("token");
+            LS.remove("menu");
+            LS.remove("levelBtn");
+            LS.remove("user");
+            LS.remove("commTime");
+            LS.remove("ctime");
+            LS.remove("ctime2");
+            LS.remove("headerType");
+            LS.remove("brand");
+            LS.remove("model");
+            LS.remove("bComparison");
+            LS.remove("bcStatus");
+            LS.remove("scStatus");
+            LS.remove("sComparison");
+            LS.remove("mComparison");
+            LS.remove("mcStatus");
             this.$router.replace("/login");
         },
     },
diff --git a/src/lycomponents/iHeaderBrand/index.vue b/src/lycomponents/iHeaderBrand/index.vue
index 2613988..8b021c2 100644
--- a/src/lycomponents/iHeaderBrand/index.vue
+++ b/src/lycomponents/iHeaderBrand/index.vue
@@ -66,6 +66,7 @@
 <script>
 import { getTwoTime } from "@/api/comm";
 import moment from "moment";
+import LS from "cz-storage";
 export default {
     name: "iHeaderMa",
     inject: ["reload"],
@@ -189,16 +190,22 @@ export default {
         },
         // 退出的方法
         layout() {
-            this.setToken("");
-            this.setUser({});
-            this.setEComparison([]);
-            this.setBComparison([]);
-            this.setMComparison([]);
-            this.setCtime({});
-            this.setCtime2({});
-            this.setCommTime({});
-            this.setBrand({});
-            this.setModel({});
+            LS.remove("token");
+            LS.remove("menu");
+            LS.remove("levelBtn");
+            LS.remove("user");
+            LS.remove("commTime");
+            LS.remove("ctime");
+            LS.remove("ctime2");
+            LS.remove("headerType");
+            LS.remove("brand");
+            LS.remove("model");
+            LS.remove("bComparison");
+            LS.remove("bcStatus");
+            LS.remove("scStatus");
+            LS.remove("sComparison");
+            LS.remove("mComparison");
+            LS.remove("mcStatus");
             this.$router.replace("/login");
         },
         //根据选择的开始时间/结束时间，动态渲染要禁用的日期
diff --git a/src/lycomponents/iHeaderMa/index.vue b/src/lycomponents/iHeaderMa/index.vue
index c89995b..0ac78fe 100644
--- a/src/lycomponents/iHeaderMa/index.vue
+++ b/src/lycomponents/iHeaderMa/index.vue
@@ -61,6 +61,7 @@
 
 <script>
 import {getCheZhuTime0528} from "@/api/home"
+import LS from "cz-storage";
 export default {
     name: "iHeaderMa",
     inject: ['reload'],
@@ -155,16 +156,22 @@ export default {
         },
         // 退出的方法
         layout() {
-            this.setToken("");
-            this.setUser({});
-            this.setEComparison([]);
-            this.setBComparison([]);
-            this.setMComparison([]);
-            this.setCtime({});
-            this.setCtime2({});
-            this.setCommTime({});
-            this.setBrand({});
-            this.setModel({});
+            LS.remove("token");
+            LS.remove("menu");
+            LS.remove("levelBtn");
+            LS.remove("user");
+            LS.remove("commTime");
+            LS.remove("ctime");
+            LS.remove("ctime2");
+            LS.remove("headerType");
+            LS.remove("brand");
+            LS.remove("model");
+            LS.remove("bComparison");
+            LS.remove("bcStatus");
+            LS.remove("scStatus");
+            LS.remove("sComparison");
+            LS.remove("mComparison");
+            LS.remove("mcStatus");
             this.$router.replace("/login");
         }
     },
diff --git a/src/lycomponents/iHeaderMyself/index.vue b/src/lycomponents/iHeaderMyself/index.vue
index 08dc0ec..315006d 100644
--- a/src/lycomponents/iHeaderMyself/index.vue
+++ b/src/lycomponents/iHeaderMyself/index.vue
@@ -55,6 +55,7 @@
 
 <script>
 import {getCheZhuTime0528} from "@/api/home"
+import LS from "cz-storage";
 export default {
     name: "iHeaderMyself",
     inject: ['reload'],
@@ -149,16 +150,22 @@ export default {
         },
         // 退出的方法
         layout() {
-            this.setToken("");
-            this.setUser({});
-            this.setEComparison([]);
-            this.setBComparison([]);
-            this.setMComparison([]);
-            this.setCtime({});
-            this.setCtime2({});
-            this.setCommTime({});
-            this.setBrand({});
-            this.setModel({});
+            LS.remove("token");
+            LS.remove("menu");
+            LS.remove("levelBtn");
+            LS.remove("user");
+            LS.remove("commTime");
+            LS.remove("ctime");
+            LS.remove("ctime2");
+            LS.remove("headerType");
+            LS.remove("brand");
+            LS.remove("model");
+            LS.remove("bComparison");
+            LS.remove("bcStatus");
+            LS.remove("scStatus");
+            LS.remove("sComparison");
+            LS.remove("mComparison");
+            LS.remove("mcStatus");
             this.$router.replace("/login");
         }
     },
diff --git a/src/permission.js b/src/permission.js
index 05cbb94..a1673ed 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-08 09:26:42
- * @LastEditTime: 2021-12-10 14:34:14
+ * @LastEditTime: 2022-02-11 09:53:01
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/permission.js
@@ -12,7 +12,6 @@ import NProgress from "nprogress"
 import "nprogress/nprogress.css"
 
 const whitePath = ['/', '/login', '/industryDataExport','/index']
-
 router.beforeEach((to, from, next) => {
     NProgress.start()
     const token = store.getters.getToken;
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 226fad3..2dc399f 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -1,13 +1,13 @@
 /*
  * @Author: your name
  * @Date: 2021-10-12 13:37:35
- * @LastEditTime: 2021-12-16 13:41:40
+ * @LastEditTime: 2022-02-11 09:44:23
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/store/mutations.js
  */
-//import {encryptByDES} from "./des";
-import {saveToken, saveMenu} from "@/utils/auth"
+import LS from 'cz-storage'
+// import {saveToken, saveMenu} from "@/utils/auth"
 const mutations = {
     setZoom: (state, log) => {
         state.$zoom = log;
@@ -16,14 +16,14 @@ const mutations = {
         state.loading = log;
     },
     setToken: (state, log) => {
-        saveToken(log);
-        sessionStorage.setItem('token', log);
+        // saveToken(log);
+        LS.put('token', log, 1/8);
         state.token = log
     },
     setUser: (state, log) => {
         state.user = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('user', str);
+        LS.put('user', str, 1/8);
     },
     setAccount: (state, log) => {
         state.account = log;
@@ -35,60 +35,60 @@ const mutations = {
         let obj = Object.assign(state.commTime, log)
         state.commTime = obj;
         let str = JSON.stringify(obj);
-        sessionStorage.setItem('commTime', str);
+        LS.put('commTime', str, 1/8);
     },
     setCtime: (state, log) => {
         let obj = Object.assign(state.ctime, log);
         state.ctime = obj;
         let str = JSON.stringify(obj);
-        sessionStorage.setItem('ctime', str);
+        LS.put('ctime', str, 1/8);
     },
     setCtime2: (state, log) => {
         let obj = Object.assign(state.ctime2, log);
         state.ctime2 = obj;
         let str = JSON.stringify(obj);
-        sessionStorage.setItem('ctime2', str);
+        LS.put('ctime2', str, 1/8);
     },
     setHeaderType: (state, log) => {
         state.headerType = log;
-        sessionStorage.setItem('headerType', log);
+        LS.put('headerType', log, 1/8);
     },
     setBrand: (state, log) => {
         let obj = Object.assign({}, log);
         state.brand = obj;
         let str = JSON.stringify(obj);
-        sessionStorage.setItem('brand', str);
+        LS.put('brand', str, 1/8);
     },
     setModel: (state, log) => {
         let obj = Object.assign(state.model, log);
         state.model = obj;
         let str = JSON.stringify(obj);
-        sessionStorage.setItem('model', str);
+        LS.put('model', str, 1/8);
     },
     setBComparison: (state, log) => {
         state.bComparison = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('bComparison', str);
+        LS.put('bComparison', str, 1/8);
     },
     setScStatus: (state, log) => {
         state.scStatus = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('scStatus', str);
+        LS.put('scStatus', str, 1/8);
     },
     setBcStatus: (state, log) => {
         state.bcStatus = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('bcStatus', str);
+        LS.put('bcStatus', str, 1/8);
     },
     setSComparison: (state, log) => {
         state.sComparison = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('sComparison', str);
+        LS.put('sComparison', str, 1/8);
     },
     setMcStatus: (state, log) => {
         state.mcStatus = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('mcStatus', str);
+        LS.put('mcStatus', str, 1/8);
     },
     setChangeSTime: (state, log) => {
         state.changeSTime = log;   
@@ -96,25 +96,24 @@ const mutations = {
     setMComparison: (state, log) => {
         state.mComparison = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('mComparison', str);
+        LS.put('mComparison', str, 1/8);
     },
     setEComparison: (state, log) => {
         state.eComparison = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('eComparison', str);
+        LS.put('eComparison', str, 1/8);
     },
     setLevelBtn: (state, log) => {
         state.levelBtn = log;
         let str = JSON.stringify(log);
-        sessionStorage.setItem('levelBtn', str);
+        LS.put('levelBtn', str, 1/8);
     },
     setMenu: (state, log) => {
         state.menu = log;
-        saveMenu(log);
+        // saveMenu(log);
         let str = JSON.stringify(log);
-        sessionStorage.setItem('menu', str);
-    }
-    
+        LS.put('menu', str, 1/8);
+    } 
 }
 
 export default mutations;
diff --git a/src/store/state.js b/src/store/state.js
index 36e5fc5..59e25b1 100644
--- a/src/store/state.js
+++ b/src/store/state.js
@@ -1,33 +1,33 @@
 /*
  * @Author: your name
  * @Date: 2021-10-12 13:37:50
- * @LastEditTime: 2021-12-16 13:41:18
+ * @LastEditTime: 2022-02-11 10:05:01
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/store/state.js
  */
-import {giveToken, giveMenu} from "@/utils/auth"
+import LS from 'cz-storage'
 const state = {
     $zoom: 1,
     loading: false,
-    token: giveToken() || sessionStorage.getItem('token') || "",
-    user: JSON.parse(sessionStorage.getItem('user')) || {},
-    account: JSON.parse(localStorage.getItem('account')) || {},
-    commTime: JSON.parse(sessionStorage.getItem('commTime')) || { sTimeType: 34 },
-    ctime: JSON.parse(sessionStorage.getItem('ctime')) || {sTimeType:4,sStartTime:"2021-08-01 00:00:00",sEndTime:"2021-08-31 23:59:59"},
-    ctime2: JSON.parse(sessionStorage.getItem('ctime2')) || { sTimeType: 34, sStartTime: "", sEndTime: "" },
-    headerType: sessionStorage.getItem('headerType') || 1,
-    brand: JSON.parse(sessionStorage.getItem('brand')) || {},
-    model: JSON.parse(sessionStorage.getItem('model')) || {},
-    bComparison: JSON.parse(sessionStorage.getItem('bComparison')) || [],
-    bcStatus:  JSON.parse(sessionStorage.getItem('bcStatus')) || false,
-    scStatus:  JSON.parse(sessionStorage.getItem('scStatus')) || false,
-    sComparison: JSON.parse(sessionStorage.getItem('sComparison')) || [],
+    token: LS.get('token') || "",
+    user:LS.get('user') ? JSON.parse(LS.get('user')) : {},
+    account:JSON.parse(localStorage.getItem('account')) || {},
+    commTime:LS.get('commTime') ? JSON.parse(LS.get('commTime')) : { sTimeType: 34 },
+    ctime:LS.get('ctime') ? JSON.parse(LS.get('ctime')) : {sTimeType:4,sStartTime:"2021-08-01 00:00:00",sEndTime:"2021-08-31 23:59:59"},
+    ctime2:LS.get('ctime2') ? JSON.parse(LS.get('ctime2')) : { sTimeType: 34, sStartTime: "", sEndTime: "" },
+    headerType: LS.get('headerType') || 1,
+    brand: LS.get('brand') ? JSON.parse(LS.get('brand')) : {},
+    model:LS.get('model') ? JSON.parse(LS.get('model')) : {},
+    bComparison: LS.get('bComparison') ? JSON.parse(LS.get('bComparison')) : [],
+    bcStatus:LS.get('bcStatus') ? JSON.parse(LS.get('bcStatus')) : false,
+    scStatus: LS.get('scStatus') ? JSON.parse(LS.get('scStatus')) : false,
+    sComparison:LS.get('sComparison') ? JSON.parse(LS.get('sComparison')) : [],
     changeSTime: 1,
-    mComparison: JSON.parse(sessionStorage.getItem('mComparison')) || [],
-    mcStatus: JSON.parse(sessionStorage.getItem('mcStatus')) || false,
-    eComparison: JSON.parse(sessionStorage.getItem('eComparison')) || [],
-    levelBtn: JSON.parse(sessionStorage.getItem('levelBtn')) || [],
-    menu: giveMenu() || JSON.parse(sessionStorage.getItem('menu')) || [],
+    mComparison: LS.get('mComparison') ? JSON.parse(LS.get('mComparison')) : [],
+    mcStatus:LS.get('mcStatus') ? JSON.parse(LS.get('mcStatus')) : false,
+    eComparison:LS.get('eComparison') ? JSON.parse(LS.get('eComparison')) : [],
+    levelBtn:LS.get('levelBtn') ? JSON.parse(LS.get('levelBtn')) : [],
+    menu: LS.get('menu') ? JSON.parse(LS.get('menu')) : [],
 }
 export default state;