wyw/mh_jy_safe_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化自定义组件加载

Browse Source
This commit is contained in:
ccy 2025-10-01 18:30:21 +08:00
commit 34ad0de9a2
2 changed files with 59 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/config.js
View File

@ -13,7 +13,7 @@ const getServiceHost = api => {
} }
return `${port}/${api}` return `${port}/${api}`
} }
let version = 2025081901; let version = 2025081903;
const config = { const config = {
local: { local: {

105
src/utils/customConfig.js
View File

@ -1,23 +1,23 @@
import Loadable from 'react-loadable' import Loadable from 'react-loadable'
import React from 'react' import React from 'react'
// 优化的共享 loading 组件 // 优化的共<EFBFBD>?loading 组件
const LoadingComponent = ({ isLoading, error }) => { const LoadingComponent = ({ isLoading, error }) => {
if (error) { if (error) {
return <div style={{ padding: '20px', textAlign: 'center', color: '#ff4d4f' }}>组件加载失败</div> return <div style={{ padding: '20px', textAlign: 'center', color: '#ff4d4f' }}>组件加载失败</div>
} }
if (isLoading) { if (isLoading) {
return <div style={{ padding: '20px', textAlign: 'center' }}>加载中...</div> return <div style={{ padding: '20px', textAlign: 'center' }}>加载<EFBFBD>?..</div>
} }
return null return null
} }
// 优化的 Loadable 配置函数 // 优化<EFBFBD>?Loadable 配置函数
const createLoadableComponent = (importFunc) => Loadable({ const createLoadableComponent = (importFunc) => Loadable({
loader: importFunc, loader: importFunc,
loading: LoadingComponent, loading: LoadingComponent,
delay: 200, // 延迟显示 loading，避免闪烁 delay: 200, // 延迟显示 loading，避免闪<EFBFBD>?
timeout: 10000 // 10秒超时 timeout: 10000 // 10秒超<EFBFBD>?
}) })
const FMUserEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/UserEditPage')) const FMUserEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/UserEditPage'))
@ -82,22 +82,9 @@ const HM047ShowPrint = createLoadableComponent(() => import('../components/Custo
const HM040ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM040ShowPrint')) const HM040ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM040ShowPrint'))
const HM042ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM042ShowPrint')) const HM042ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM042ShowPrint'))
const HM001ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM001ShowPrint')) const HM001ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM001ShowPrint'))
const HM061ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM061ShowPrint'))
const HM063ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM063ShowPrint'))
const HM101ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM101ShowPrint'))
const HM099ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM099ShowPrint'))
const HM121ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM121ShowPrint'))
const HM104ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM104ShowPrint'))
const HM087ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM087ShowPrint'))
const HM109ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM109ShowPrint'))
const HM129ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM129ShowPrint'))
const HM107ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM107ShowPrint'))
const HM111ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM111ShowPrint'))
const HM123ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM123ShowPrint')) const HM123ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM123ShowPrint'))
const HMTasks = createLoadableComponent(() => import('../components/CustomPages/HM/HMTasks'))
const FileViewerShow = createLoadableComponent(() => import('../components/common/FileViewerShow')) const FileViewerShow = createLoadableComponent(() => import('../components/common/FileViewerShow'))
@ -120,7 +107,6 @@ const SEConfigPage = createLoadableComponent(() => import('../components/CustomP
const SE005ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE005ShowPrint')) const SE005ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE005ShowPrint'))
const SESafeSurveyTest = createLoadableComponent(() => import('../components/CustomPages/SE/SESafeSurveyTest')) const SESafeSurveyTest = createLoadableComponent(() => import('../components/CustomPages/SE/SESafeSurveyTest'))
const SE005ReportEdit = createLoadableComponent(() => import('../components/CustomPages/SE/SE005ReportEdit')) const SE005ReportEdit = createLoadableComponent(() => import('../components/CustomPages/SE/SE005ReportEdit'))
const SE007ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE007ShowPrint'))
const SE007AllView = createLoadableComponent(() => import('../components/CustomPages/SE/SE007AllView')) const SE007AllView = createLoadableComponent(() => import('../components/CustomPages/SE/SE007AllView'))
const SE009ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE009ShowPrint')) const SE009ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE009ShowPrint'))
const SE011ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE011ShowPrint')) const SE011ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE011ShowPrint'))
@ -155,6 +141,55 @@ const CM041LibShow = createLoadableComponent(() => import('../components/CustomP
const CM043ShowPrint = createLoadableComponent(() => import('../components/CustomPages/CM/CM043ShowPrint')) const CM043ShowPrint = createLoadableComponent(() => import('../components/CustomPages/CM/CM043ShowPrint'))
const CM045ShowPrint = createLoadableComponent(() => import('../components/CustomPages/CM/CM045ShowPrint')) const CM045ShowPrint = createLoadableComponent(() => import('../components/CustomPages/CM/CM045ShowPrint'))
const BI001HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI001HomeDetail'))
const BI002HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI002HomeDetail'))
const BI004FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI004FormRunAnalysis'))
const BI005LoginRecord = createLoadableComponent(() => import('../components/CustomPages/BI/BI005LoginRecord'))
const BI006FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI006FormRunAnalysis'))
const BI006FormRunAnalysisNew = createLoadableComponent(() => import('../components/CustomPages/BI/BI006FormRunAnalysisNew'))
const BI007FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI007FormRunAnalysis'))
const BI007FormRunAnalysisNew = createLoadableComponent(() => import('../components/CustomPages/BI/BI007FormRunAnalysisNew'))
const BI008FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI008FormRunAnalysis'))
const BI009RiskAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI009RiskAnalysis'))
const BI010FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI010FormRunAnalysis'))
const BI011FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI011FormRunAnalysis'))
const BI011TrainSafeAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI011TrainSafeAnalysis'))
const BI012NotificationTaskAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI012NotificationTaskAnalysis'))
const BI013RiskAnalysisModel = createLoadableComponent(() => import('../components/CustomPages/BI/BI013RiskAnalysisModel'))
const BI030FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI030FormRunAnalysis'))
const BI060MapeShow = createLoadableComponent(() => import('../components/CustomPages/BI/BI060MapeShow'))
const BI060MapePoint = createLoadableComponent(() => import('../components/CustomPages/BI/BI060MapePoint'))
const BI061MapeGISShow = createLoadableComponent(() => import('../components/CustomPages/BI/BI061MapeGISShow'))
const PF136FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/PF/PF136FormRunAnalysis'))
const PF139FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/PF/PF139FormRunAnalysis'))
const BI009FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI009FormRunAnalysis'))
const FO025ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO025ShowPrint'))
const SK035ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK035ShowPrint'))
const HM061ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM061ShowPrint'))
const HM063ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM063ShowPrint'))
const HM101ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM101ShowPrint'))
const HM099ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM099ShowPrint'))
const HM121ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM121ShowPrint'))
const HM104ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM104ShowPrint'))
const HM087ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM087ShowPrint'))
const HM109ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM109ShowPrint'))
const HM129ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM129ShowPrint'))
const HM107ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM107ShowPrint'))
const HM111ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM111ShowPrint'))
const HMTasks = createLoadableComponent(() => import('../components/CustomPages/HM/HMTasks'))
const SE007ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE007ShowPrint'))
const BIView = createLoadableComponent(() => import('../components/CustomPages/BI/BIView')) const BIView = createLoadableComponent(() => import('../components/CustomPages/BI/BIView'))
const CloseTasks = createLoadableComponent(() => import('../components/CustomPages/BI/CloseTasks')) const CloseTasks = createLoadableComponent(() => import('../components/CustomPages/BI/CloseTasks'))
const BI001 = createLoadableComponent(() => import('../components/CustomPages/BI/BI001')) const BI001 = createLoadableComponent(() => import('../components/CustomPages/BI/BI001'))
@ -172,32 +207,6 @@ const BI056Dilg2_2 = createLoadableComponent(() => import('../components/CustomP
const BI056Dilg3_1 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg3_1')) const BI056Dilg3_1 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg3_1'))
const BI056Dilg3_2 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg3_2')) const BI056Dilg3_2 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg3_2'))
const BI003StatiscialAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI003StatiscialAnalysis')) const BI003StatiscialAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI003StatiscialAnalysis'))
const BI005LoginRecord = createLoadableComponent(() => import('../components/CustomPages/BI/BI005LoginRecord'))
const BI001HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI001HomeDetail'))
const BI002HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI002HomeDetail'))
const BI004FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI004FormRunAnalysis'))
const BI006FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI006FormRunAnalysis'))
const BI006FormRunAnalysisNew = createLoadableComponent(() => import('../components/CustomPages/BI/BI006FormRunAnalysisNew'))
const BI007FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI007FormRunAnalysis'))
const BI007FormRunAnalysisNew = createLoadableComponent(() => import('../components/CustomPages/BI/BI007FormRunAnalysisNew'))
const BI008FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI008FormRunAnalysis'))
const BI009RiskAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI009RiskAnalysis'))
const BI010FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI010FormRunAnalysis'))
const BI011FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI011FormRunAnalysis'))
const BI011TrainSafeAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI011TrainSafeAnalysis'))
const BI012NotificationTaskAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI012NotificationTaskAnalysis'))
const BI013RiskAnalysisModel = createLoadableComponent(() => import('../components/CustomPages/BI/BI013RiskAnalysisModel'))
const BI030FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI030FormRunAnalysis'))
const BI060MapeShow = createLoadableComponent(() => import('../components/CustomPages/BI/BI060MapeShow'))
const BI060MapePoint = createLoadableComponent(() => import('../components/CustomPages/BI/BI060MapePoint'))
const BI061MapeGISShow = createLoadableComponent(() => import('../components/CustomPages/BI/BI061MapeGISShow'))
const PF136FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/PF/PF136FormRunAnalysis'))
const PF139FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/PF/PF139FormRunAnalysis'))
const BI009FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI009FormRunAnalysis'))
const SC073ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SC/SC073ShowPrint'))
const FO025ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO025ShowPrint'))
const BI020ApproveAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI020ApproveAnalysis')) const BI020ApproveAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI020ApproveAnalysis'))
const BI014RiskPerformanceModel = createLoadableComponent(() => import('../components/CustomPages/BI/BI014RiskPerformanceModel')) const BI014RiskPerformanceModel = createLoadableComponent(() => import('../components/CustomPages/BI/BI014RiskPerformanceModel'))
const BI012FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI012FormRunAnalysis')) const BI012FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI012FormRunAnalysis'))
@ -208,6 +217,7 @@ const SK002CheckList = createLoadableComponent(() => import('../components/Custo
const SK002ShowSummary = createLoadableComponent(() => import('../components/CustomPages/SK/SK002ShowSummary')) const SK002ShowSummary = createLoadableComponent(() => import('../components/CustomPages/SK/SK002ShowSummary'))
const SK004ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK004ShowPrint')) const SK004ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK004ShowPrint'))
const SK004CheckList = createLoadableComponent(() => import('../components/CustomPages/SK/SK004CheckList')) const SK004CheckList = createLoadableComponent(() => import('../components/CustomPages/SK/SK004CheckList'))
const SK004CheckListNew = createLoadableComponent(() => import('../components/CustomPages/SK/SK004CheckListNew'))
const SK004CheckPost = createLoadableComponent(() => import('../components/CustomPages/SK/SK004CheckPost')) const SK004CheckPost = createLoadableComponent(() => import('../components/CustomPages/SK/SK004CheckPost'))
const SK004ShowSummary = createLoadableComponent(() => import('../components/CustomPages/SK/SK004ShowSummary')) const SK004ShowSummary = createLoadableComponent(() => import('../components/CustomPages/SK/SK004ShowSummary'))
const SK004Import = createLoadableComponent(() => import('../components/CustomPages/SK/SK004Import')) const SK004Import = createLoadableComponent(() => import('../components/CustomPages/SK/SK004Import'))
@ -226,7 +236,7 @@ const SK026ShowPrint = createLoadableComponent(() => import('../components/Custo
const SK027ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK027ShowPrint')) const SK027ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK027ShowPrint'))
const SK031ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK031ShowPrint')) const SK031ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK031ShowPrint'))
const SK033ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK033ShowPrint')) const SK033ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK033ShowPrint'))
const SK035ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK035ShowPrint')) // 该组件已在上方声明，此处去除重复定义
const SK035CheckLibrary = createLoadableComponent(() => import('../components/CustomPages/SK/SK035CheckLibrary')) const SK035CheckLibrary = createLoadableComponent(() => import('../components/CustomPages/SK/SK035CheckLibrary'))
const SK037ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK037ShowPrint')) const SK037ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK037ShowPrint'))
const SK039ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK039ShowPrint')) const SK039ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK039ShowPrint'))
@ -392,6 +402,7 @@ export default function (componentName, formId, formParam, data, formCode, formD
SK002ShowSummary: <SK002ShowSummary formId={formId} formParam={formParam} data={data} formCode={formCode} />, SK002ShowSummary: <SK002ShowSummary formId={formId} formParam={formParam} data={data} formCode={formCode} />,
SK004ShowPrint: <SK004ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />, SK004ShowPrint: <SK004ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
SK004CheckList: <SK004CheckList formId={formId} formParam={formParam} data={data} formCode={formCode} />, SK004CheckList: <SK004CheckList formId={formId} formParam={formParam} data={data} formCode={formCode} />,
SK004CheckListNew: <SK004CheckListNew formId={formId} formParam={formParam} data={data} formCode={formCode} />,
SK004CheckPost: <SK004CheckPost formId={formId} formParam={formParam} data={data} formCode={formCode} />, SK004CheckPost: <SK004CheckPost formId={formId} formParam={formParam} data={data} formCode={formCode} />,
SK004ShowSummary: <SK004ShowSummary formId={formId} formParam={formParam} data={data} formCode={formCode} />, SK004ShowSummary: <SK004ShowSummary formId={formId} formParam={formParam} data={data} formCode={formCode} />,
SK004Import: <SK004Import formId={formId} formParam={formParam} data={data} formCode={formCode} />, SK004Import: <SK004Import formId={formId} formParam={formParam} data={data} formCode={formCode} />,