From 68080e46fb6026a828f6836dcf09568ed15553fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=A8=E5=AD=90=E6=9D=8E=C2=B7De?= <lide1202@hotmail.com>
Date: Sat, 17 Jul 2021 22:45:03 +0800
Subject: [PATCH] add dict cache process when start page

---
 report-ui/src/App.vue          | 38 ++++++++++++++++++++++++++++++----
 report-ui/src/api/dict-data.js | 24 +++++++++++++++++++++
 2 files changed, 58 insertions(+), 4 deletions(-)

diff --git a/report-ui/src/App.vue b/report-ui/src/App.vue
index 34fcad4e..b46b9e2d 100644
--- a/report-ui/src/App.vue
+++ b/report-ui/src/App.vue
@@ -1,12 +1,42 @@
 <template>
   <div id="app">
-    <router-view/>
+    <router-view v-if="isRouterAlive" />
   </div>
 </template>
 
 <script>
-  import '@/assets/iconfont/iconfont.css'
-  export default {
-    name: 'App'
+import '@/assets/iconfont/iconfont.css'
+import { initDictToLocalstorage } from '@/api/dict-data'
+export default {
+  name: 'App',
+  provide () {
+    return {
+      reload: this.reload,
+    }
+  },
+  data () {
+    return {
+      isRouterAlive: false,
+    }
+  },
+  computed: {},
+  created () {
+    // 初始化数据字典到浏览器本地缓存
+    initDictToLocalstorage(() => {
+      this.isRouterAlive = true
+    })
+  },
+  mounted () {
+  },
+  beforeDestroy () {
+  },
+  methods: {
+    reload () {
+      this.isRouterAlive = false
+      this.$nextTick(function () {
+        this.isRouterAlive = true
+      })
+    },
   }
+}
 </script>
diff --git a/report-ui/src/api/dict-data.js b/report-ui/src/api/dict-data.js
index 3031311b..554a92d7 100644
--- a/report-ui/src/api/dict-data.js
+++ b/report-ui/src/api/dict-data.js
@@ -52,3 +52,27 @@ export function getBaseDataList (typeList) {
     params: { types },
   })
 }
+
+// 查询所有数据字典接口
+export function getAllDict() {
+  return request({
+    url: '/gaeaDict/all',
+    method: 'GET',
+  })
+}
+
+// 将所有接口初始化到浏览器本地缓存
+export function initDictToLocalstorage(callback) {
+  getAllDict().then((res) => {
+    if (res.code != 200) {
+      console.error('初始化数据字典到local storage失败: ' + res.message)
+      return
+    }
+
+    // 保存数据字典到localStorage
+    localStorage.setItem('gaeaDict', JSON.stringify(res.data))
+    if (callback != null) {
+      callback()
+    }
+  })
+}