perf: 优化刷新页面方法，避免刷新时页面出现空白

src/App.vue

@@ -1,12 +1,19 @@
 <template>
   <div id="app">
-    <router-view />
+    <router-view v-if="isRouterAlive" />
   </div>
 </template>
 
 <script>
+import { mapState } from 'vuex'
+
 export default {
-  name: 'App'
+  name: 'App',
+  computed: {
+    ...mapState({
+      isRouterAlive: state => state.common.isRouterAlive
+    })
+  }
 }
 </script>
 

src/store/modules/common.js

@@ -2,7 +2,8 @@ import { optionUrlMeta } from '@/api/common'
 
 const getDefaultState = () => {
   return {
-    metaMap: {}
+    metaMap: {},
+    isRouterAlive: true
   }
 }
 
@@ -11,6 +12,12 @@ const state = getDefaultState()
 const mutations = {
   SET_URL_META: (state, { url, meta }) => {
     state.metaMap[url] = meta
+  },
+  reload: (state) => {
+    state.isRouterAlive = false
+    setTimeout(() => {
+      state.isRouterAlive = true
+    }, 0)
   }
 }
 

src/utils/org.js

@@ -30,7 +30,7 @@ async function changeOrg(org) {
     if (index !== -1) {
       location.href = path.substring(0, index)
     }
-    setTimeout(() => location.reload(), 400)
+    setTimeout(() => store.commit('common/reload'), 400)
   }
 }
 

src/views/accounts/ChangeAuthPlan/AppChangeAuthPlan/ChangeAuthPlanDetail/ChangeAuthPlanApp/index.vue

@@ -98,7 +98,7 @@ export default {
           that.iHasObjects = [...that.iHasObjects, ...objects]
           that.$refs.select2.clearSelected()
           this.$message.success(this.$t('common.updateSuccessMsg'))
-          window.location.reload()
+          this.$store.commit('common/reload')
           this.$refs.listTable.$refs.ListTable.reloadTable()
         }
       }

src/views/accounts/ChangeAuthPlan/AssetChangeAuthPlan/ChangeAuthPlanDetail/ChangeAuthPlanAsset/index.vue

@@ -93,7 +93,7 @@ export default {
         onAddSuccess: (items, that) => {
           this.$log.debug('AssetSelect value', that.assets)
           this.$message.success(this.$t('common.updateSuccessMsg'))
-          window.location.reload()
+          this.$store.commit('common/reload')
         }
       },
       nodeRelationConfig: {
@@ -120,7 +120,7 @@ export default {
           that.iHasObjects = [...that.iHasObjects, ...objects]
           that.$refs.select2.clearSelected()
           this.$message.success(this.$t('common.updateSuccessMsg'))
-          window.location.reload()
+          this.$store.commit('common/reload')
         },
         performDelete: (item) => {
           const data = {

src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionAsset.vue

@@ -93,7 +93,7 @@ export default {
           this.$message.success(this.$t('common.updateSuccessMsg'))
           this.$refs.ListTable.reloadTable()
           that.$refs.assetSelect.$refs.select2.clearSelected()
-          window.location.reload()
+          this.$store.commit('common/reload')
         }
       },
       nodeRelationConfig: {

src/views/sessions/SessionDetail/SessionDetailInfo.vue

@@ -49,7 +49,7 @@ export default {
                 const msg = vm.$t('sessions.TerminateTaskSendSuccessMsg')
                 vm.$message.success(msg)
                 window.setTimeout(function() {
-                  window.location.reload()
+                  this.$store.commit('common/reload')
                 }, 50000)
               })
             }

src/views/settings/Interface.vue

@@ -175,7 +175,7 @@ export default {
               }).then(() => {
               restoreInterface().then(res => {
                 this.$message.success(res.success)
-                location.reload()
+                this.$store.commit('common/reload')
               })
             })
           }.bind(this)
@@ -221,7 +221,7 @@ export default {
         }
       }
       updateInterface(form).then(res => {
-        location.reload()
+        this.$store.commit('common/reload')
       })
     }
   }

src/views/settings/License.vue

@@ -140,6 +140,7 @@ export default {
       window.open(url, '_blank')
     },
     importLicense() {
+      const vm = this
       if (this.licenseFile['file'] === undefined) {
         return
       }
@@ -148,7 +149,7 @@ export default {
       importLicense(formData).then(res => {
         if (res.status) {
           this.$message.success(res.msg)
-          setTimeout(() => location.reload(), 500)
+          setTimeout(() => vm.$store.commit('common/reload'), 500)
         } else {
           this.$message.error(res.msg)
         }

src/views/tickets/RequestApplicationPerm/Detail/TicketDetail.vue

@@ -236,7 +236,7 @@ export default {
       return toSafeLocalDateStr(dataStr)
     },
     reloadPage() {
-      window.location.reload()
+      this.$store.commit('common/reload')
     },
     handleApprove() {
       if (this.object.approval_step === this.object.process_map.length) {

src/views/tickets/RequestAssetPerm/Detail/TicketDetail.vue

@@ -244,7 +244,7 @@ export default {
       return toSafeLocalDateStr(dataStr)
     },
     reloadPage() {
-      window.location.reload()
+      this.$store.commit('common/reload')
     },
     handleApprove() {
       if (this.object.approval_step === this.object.process_map.length) {

src/views/tickets/TicketFlow/Detail/TicketDetail.vue

@@ -88,7 +88,7 @@ export default {
       return toSafeLocalDateStr(dataStr)
     },
     reloadPage() {
-      window.location.reload()
+      this.$store.commit('common/reload')
     }
   }
 }

src/views/tickets/components/Comments.vue

@@ -199,7 +199,7 @@ export default {
       )
     },
     reloadPage() {
-      window.location.reload()
+      this.$store.commit('common/reload')
     }
   }