优化页面加载速度

uas-office-web/wxuasapproval/src/components/PageLoading.jsx

@@ -0,0 +1,35 @@
+/**
+ * Created by RaoMeng on 2020/3/4
+ * Desc: 页面加载组件
+ */
+
+import React, { Component } from 'react'
+import { ActivityIndicator } from 'antd-mobile'
+
+export default class PageLoading extends Component {
+
+  constructor () {
+    super()
+
+    this.state = {}
+  }
+
+  componentDidMount () {
+  }
+
+  render () {
+    return (
+      <div style={{
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}>
+        <ActivityIndicator size="large"/>
+        <span style={{ marginTop: 8 }}>页面加载中</span>
+      </div>
+    )
+  }
+}

uas-office-web/wxuasapproval/src/configs/router.config.js

@@ -12,8 +12,10 @@ import UseStatus from '../pages/useStatus/UseStatus'
 import WorkSummary from '../pages/workSummary/WorkSummary'
 import DemoTrigger from '../pages/demoTrigger/DemoTrigger'
 import PageLoadable from '../utils/PageLoadable'
+import PageLoading from '../components/PageLoading'
 
-const UasApprovalPage = PageLoadable(import('@/pages/approval/UasApproval'))
+const UasApprovalPage = PageLoadable(import('@/pages/approval/UasApproval'),
+  PageLoading)
 const ApprovalHomePage = PageLoadable(import('@/pages/approval/ApprovalHome'))
 const ApprovalAddPage = PageLoadable(import('@/pages/approval/ApprovalAdd'))
 const ApprovalPage = PageLoadable(import('@/pages/approval/Approval'))
@@ -30,9 +32,11 @@ export class Routes extends React.Component {
       <div style={{ width: '100%', height: '100%' }}>
         <Switch>
           {/*U审批过渡页面（入口页面）*/}
-          <Route path='/uasApproval/:master/:type?' component={UasApprovalPage}/>
+          <Route path='/uasApproval/:master/:type?'
+                 component={UasApprovalPage}/>
           {/*U审批首页*/}
-          <Route path='/approvalHome/:master/:type?' component={ApprovalHomePage}/>
+          <Route path='/approvalHome/:master/:type?'
+                 component={ApprovalHomePage}/>
           {/*U审批详情页*/}
           <Route path='/approval/:paramsStr?' component={ApprovalPage}/>
           {/*U审批新增页面*/}