From 9c6795fd3c44e46cf3955fbfd8f8eeca23acb7a9 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期六, 08 十月 2022 00:31:51 +0800
Subject: [PATCH] 2022-10-08

---
 src/tabviews/home/index.jsx |   55 +++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 51 insertions(+), 4 deletions(-)

diff --git a/src/tabviews/home/index.jsx b/src/tabviews/home/index.jsx
index b53c5bd..f79eb7e 100644
--- a/src/tabviews/home/index.jsx
+++ b/src/tabviews/home/index.jsx
@@ -4,6 +4,7 @@
 
 import Api from '@/api'
 import asyncComponent from '@/utils/asyncComponent'
+import MKEmitter from '@/utils/events.js'
 import './index.scss'
 
 const DefaultHome = asyncComponent(() => import('./defaulthome'))
@@ -16,10 +17,54 @@
 
   state = {
     loading: true,
+    background: sessionStorage.getItem('home_background'),
+    waitMenu: true,
+    waitAction: true,
     view: ''
   }
 
   componentDidMount () {
+    this.loadHomeConfig()
+    if (window.GLOB.mkThdMenus.length > 0) {
+      this.setState({
+        waitMenu: false
+      })
+    } else {
+      MKEmitter.addListener('mkMenuLoaded', this.mkMenuLoaded)
+    }
+    if (window.GLOB.mkActions.loaded) {
+      this.setState({
+        waitAction: false
+      })
+    } else {
+      MKEmitter.addListener('mkActionLoaded', this.mkActionLoaded)
+    }
+  }
+
+  /**
+   * @description 缁勪欢閿�姣侊紝娓呴櫎state鏇存柊
+   */
+  componentWillUnmount () {
+    this.setState = () => {
+      return
+    }
+    MKEmitter.removeListener('mkMenuLoaded', this.mkMenuLoaded)
+    MKEmitter.removeListener('mkActionLoaded', this.mkActionLoaded)
+  }
+
+  mkMenuLoaded = () => {
+    this.setState({
+      waitMenu: false
+    })
+  }
+
+  mkActionLoaded = () => {
+    this.setState({
+      waitAction: false
+    })
+  }
+
+  loadHomeConfig = () => {
     let _param = {
       func: 'sPC_Get_LongParam',
       MenuID: this.props.MenuID
@@ -34,6 +79,8 @@
         } else {
           this.setState({
             loading: false,
+            waitMenu: false,
+            waitAction: false,
             view: 'default'
           })
         }
@@ -52,12 +99,12 @@
   }
 
   render() {
-    const { loading, view } = this.state
+    const { loading, waitAction, waitMenu, view, background } = this.state
 
-    if (loading) {
-      return (<Spin className="home-box-spin" size="large" />)
+    if (loading || waitAction || waitMenu) {
+      return (<div className="home-loading-view" style={{background: background}}><Spin className="home-box-spin" size="large" /></div>)
     } else if (view === 'custom') {
-      return (<CustomPage MenuID={this.props.MenuID}/>)
+      return (<CustomPage MenuID={this.props.MenuID} MenuName="棣栭〉"/>)
     } else {
       return (<DefaultHome />)
     }

--
Gitblit v1.8.0