From 88a59aa9d6a61b45d899f1cc13a5a4da6a962148 Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Thu, 8 Dec 2022 12:48:57 +0800
Subject: [PATCH] =?UTF-8?q?--=20=E5=8F=96=E6=B6=88localstory=E7=BC=93?=
 =?UTF-8?q?=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 89 +++++++++++++++++++++++++++--------------------------
 1 file changed, 46 insertions(+), 43 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7b16dfab..10b3b0a8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,27 +1,27 @@
 <template>
   <div id="container" v-if="!isLogin">
-    <nav-top />
+    <nav-top/>
     <div style="display: flex">
-      <nav-left />
+      <nav-left/>
       <div style="flex: 1; display: flex; flex-direction: column; width: 0">
-        <open-pages />
-        <bread-crumb />
+        <open-pages/>
+        <bread-crumb/>
         <main>
           <a-config-provider :locale="zhCN">
-            <router-view />
+            <router-view/>
           </a-config-provider>
         </main>
       </div>
     </div>
   </div>
   <div id="container" v-if="isLogin">
-    <router-view />
+    <router-view/>
   </div>
 </template>
 <script>
-import { computed, defineComponent, ref, watch } from "vue";
-import { useRouter, useRoute } from "vue-router";
-import { useStore } from "vuex";
+import {computed, defineComponent, ref, watch} from "vue";
+import {useRouter, useRoute} from "vue-router";
+import {useStore} from "vuex";
 import NavLeft from "@/components/NavLeft";
 import NavTop from "@/components/NavTop";
 import OpenPages from "@/components/OpenPages";
@@ -30,6 +30,7 @@ import zhCN from "ant-design-vue/es/locale/zh_CN";
 import * as api from "./api/index1";
 import * as api1 from "@/api/index1";
 import * as api2 from "@/api/index";
+
 export default defineComponent({
   components: {
     NavLeft,
@@ -48,12 +49,13 @@ export default defineComponent({
       return router.getRoutes().filter((e) => e.meta?.isLink);
     });
     watch(
-      () => route.path,
-      () => {
-        route.path === "/login" && (isLogin.value = true);
-      }
+        () => route.path,
+        () => {
+          route.path === "/login" && (isLogin.value = true);
+        }
     );
     const currentRouteName = computed(() => route.name);
+
     function init() {
       console.log(store);
       getUserInfo();
@@ -68,6 +70,7 @@ export default defineComponent({
       getMemberInfo();
       getOrgTree();
     }
+
     async function getMemberInfo() {
       const list = localStorage.getItem("memberInitInfo");
       if (list) {
@@ -75,33 +78,39 @@ export default defineComponent({
         return;
       }
       const memberInitInfo = await api1
-        .getMemberInfo({ keyWord: "", pageNo: 1, pageSize: 10 })
-        .then((res) => res.data.data.rows);
+          .getMemberInfo({keyWord: "", pageNo: 1, pageSize: 10})
+          .then((res) => res.data.data.rows);
       store.commit("SET_MEMBER_INFO", memberInitInfo);
       localStorage.setItem("memberInitInfo", JSON.stringify(memberInitInfo));
     }
+
     async function getUserInfo() {
       const userInfo = await api2.userInfo();
       store.commit("SET_USER", userInfo);
     }
-    async function initDict(key) {
-      let list = localStorage.getItem(key);
-      if (list) {
-        store.commit("SET_DICT", { key, data: JSON.parse(list) });
-        return;
+
+    async function initDict(key, localStory = false) {
+      let list;
+      if (localStory) {
+        list = localStorage.getItem(key);
+        if (list) {
+          store.commit("SET_DICT", {key, data: JSON.parse(list)});
+          return;
+        }
       }
       list = await getDictList(key);
-      localStorage.setItem(key, JSON.stringify(list));
-      store.commit("SET_DICT", { key, data: list });
+      localStory && localStorage.setItem(key, JSON.stringify(list));
+      store.commit("SET_DICT", {key, data: list});
     }
+
     const getDictList = (param) =>
-      api1
-        .getDict({
-          pageNo: 1,
-          pageSize: 20,
-          setCode: param,
-        })
-        .then((res) => res.data.data.rows);
+        api1
+            .getDict({
+              pageNo: 1,
+              pageSize: 20,
+              setCode: param,
+            })
+            .then((res) => res.data.data.rows);
     //获取组织树
     const getOrgTree = () => {
       const orgtreeList = localStorage.getItem("orgtreeList");
@@ -109,25 +118,16 @@ export default defineComponent({
         store.commit("getOrgtreeList", JSON.parse(orgtreeList));
         return;
       }
-      let obj = {
+      api.getOrgInfo({
         keyWord: "",
         id: -1,
         pageNo: 1,
         pageSize: 20,
-      };
-      api
-        .getOrgInfo(obj)
-        .then((res) => {
-          console.log("组织树获取成功", res);
-          if (res.data.code === 200) {
-            // state.treeData = res.data.data;
+      })
+          .then((res) => {
             localStorage.setItem("orgtreeList", JSON.stringify(res.data.data));
             store.commit("getOrgtreeList", res.data.data);
-          }
-        })
-        .catch((err) => {
-          console.log("组织树获取失败", err);
-        });
+          })
     };
     init();
     return {
@@ -144,12 +144,13 @@ export default defineComponent({
   // font-family: MicrosoftYaHei, Microsoft YaHei, Avenir, Helvetica, Arial,
   // sans-serif;
   font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
-    Microsoft YaHei, Arial, sans-serif;
+  Microsoft YaHei, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;
   height: 100%;
 }
+
 #container {
   margin: 0;
   display: flex;
@@ -158,6 +159,7 @@ export default defineComponent({
   min-width: 1000px;
   min-height: 100%;
   background-color: rgba(245, 247, 250, 1);
+
   main {
     height: 0;
     flex: 1 1 auto;
@@ -173,6 +175,7 @@ export default defineComponent({
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
   }
+
   // @media screen and (max-width: 1366px) {
   //   .cmMain {
   //     width: 750px;