Merge branch 'master' of http://121.41.2.71:3000/wyw/mh_jy_safe_web
This commit is contained in:
wyw
commit
50dd70aa9c
67
src/components/CustomPages/BI/BI00FullScreen.js
Normal file
67
src/components/CustomPages/BI/BI00FullScreen.js
Normal file
@ -0,0 +1,67 @@
|
||||
import React, { useState, useEffect, useRef, Component } from 'react';
|
||||
import { withRouter } from 'dva/router';
|
||||
import { connect } from 'dva';
|
||||
import {
|
||||
initFilter,
|
||||
addRuleAndGroups,
|
||||
guid,
|
||||
extendInclude,
|
||||
extendRule,
|
||||
extendOrder,
|
||||
extend,
|
||||
} from '../../../utils/common';
|
||||
import { Table, Row, Col, Button, Select, Divider } from 'antd';
|
||||
import echarts from 'echarts';
|
||||
import styles from '../HI/StepForm1.css';
|
||||
import moment from 'moment';
|
||||
const { Option } = Select;
|
||||
|
||||
class BI00FullScreen extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
pagination: {},
|
||||
retData: [],
|
||||
displayNum: 24,
|
||||
totalCount: 0,
|
||||
finishCount: 0,
|
||||
overtimeCount: 0,
|
||||
unfinishCount: 0,
|
||||
filterType: 1,
|
||||
timeRange: '',
|
||||
departmentType: '',
|
||||
};
|
||||
}
|
||||
|
||||
componentDidMount() {}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
backgroundColor: 'white',
|
||||
width: '1200px',
|
||||
top: '0',
|
||||
bottom: '0',
|
||||
left: '0',
|
||||
right: '0',
|
||||
margin: 'auto',
|
||||
borderStyle: 'solid',
|
||||
borderColor: '#ccc',
|
||||
borderWidth: '1px',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<h1 style={{ textAlign: 'center', marginTop: '30px' }}>金源公司生产安全管控平台</h1>
|
||||
<Button
|
||||
type={this.state.filterType == 1 ? 'primary' : 'default'}
|
||||
onClick={() => window.open('#/popup', '_blank', 'noreferrer')}
|
||||
style={{ marginRight: '5px', alignItems: 'center', margin: 'auto' }}
|
||||
>
|
||||
管控平台入口
|
||||
</Button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
export default connect(({ login, app }) => ({ login, app }))(BI00FullScreen);
|
||||
515
src/components/CustomPages/BI/BI064FormRunAnalysis.js
Normal file
515
src/components/CustomPages/BI/BI064FormRunAnalysis.js
Normal file
@ -0,0 +1,515 @@
|
||||
import React from 'react';
|
||||
import { connect } from 'dva';
|
||||
import { initFilter } from '../../../utils/common';
|
||||
import { Table, Row, Spin, Card, Modal } from 'antd';
|
||||
|
||||
class BI064FormRunAnalysis extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
retData: [], // 表单运行数据
|
||||
companyData: [], // 公司数据
|
||||
loading: true,
|
||||
tableData: [], // 处理后的表格数据
|
||||
columns: [], // 动态生成的列
|
||||
scoreVisible: false,
|
||||
scoreTitle: '',
|
||||
standardScoreTemp: [],
|
||||
scoreColumns: [
|
||||
// {
|
||||
// title: '序号',
|
||||
// render: (text, record, index) => `${index + 1}`
|
||||
// },
|
||||
{
|
||||
title: '待办名称',
|
||||
dataIndex: 'NOTICE_TITLE',
|
||||
},
|
||||
{
|
||||
title: '姓名',
|
||||
dataIndex: 'USER_NAME',
|
||||
},
|
||||
{
|
||||
title: '开始时间',
|
||||
dataIndex: 'TASK_STARTDT',
|
||||
},
|
||||
{
|
||||
title: '结束时间',
|
||||
dataIndex: 'TASK_ENDDT',
|
||||
},
|
||||
{
|
||||
title: '实际处理时间',
|
||||
dataIndex: 'TASK_DT',
|
||||
},
|
||||
{
|
||||
title: '处理状态',
|
||||
dataIndex: 'NOTICE_STATUS',
|
||||
render: (text, record) => {
|
||||
const currentTime = new Date();
|
||||
const endTime = new Date(record.TASK_ENDDT);
|
||||
|
||||
if (text == 1) {
|
||||
return '正常完成';
|
||||
} else if (text == 2) {
|
||||
return '超时完成';
|
||||
} else if (text == 0 && endTime >= currentTime) {
|
||||
return '进行中';
|
||||
} else if (text == 0 && endTime < currentTime) {
|
||||
return '超期未完成';
|
||||
} else {
|
||||
return '未知状态';
|
||||
}
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
this.loadData();
|
||||
}
|
||||
|
||||
// 加载数据
|
||||
loadData = () => {
|
||||
this.getBaseData();
|
||||
this.getrealData();
|
||||
};
|
||||
|
||||
// 获取公司数据
|
||||
getBaseData = () => {
|
||||
const json = initFilter(this.props.login.OrgId);
|
||||
this.props.dispatch({
|
||||
type: 'app/getDataByPost',
|
||||
url: 'FM/Organization/OrderPaged',
|
||||
payload: json,
|
||||
onlyData: false,
|
||||
onComplete: (ret) => {
|
||||
if (ret && ret.Data) {
|
||||
this.setState({ companyData: ret.Data }, () => {
|
||||
this.processData();
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
// 获取表单运行数据
|
||||
getrealData = () => {
|
||||
const json = initFilter(this.props.login.OrgId);
|
||||
this.props.dispatch({
|
||||
type: 'app/getDataByPost',
|
||||
url: 'BI/BIStatiscialAnalysisController/GetTaskViewInfo',
|
||||
payload: json,
|
||||
onlyData: false,
|
||||
onComplete: (ret) => {
|
||||
if (ret && ret.Data) {
|
||||
this.setState({ retData: ret.Data, loading: false }, () => {
|
||||
this.processData();
|
||||
});
|
||||
} else {
|
||||
this.setState({ loading: false });
|
||||
}
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
// 处理数据，生成表格所需格式
|
||||
processData = () => {
|
||||
const { retData, companyData } = this.state;
|
||||
|
||||
if (!retData.length || !companyData.length) return;
|
||||
|
||||
// 获取所有模块和表单的列表
|
||||
const modules = [...new Set(retData.map((item) => item.MOULD_NAME))];
|
||||
const forms = [];
|
||||
|
||||
// 按模块组织表单
|
||||
modules.forEach((module) => {
|
||||
const moduleForms = [
|
||||
...new Set(retData.filter((item) => item.MOULD_NAME === module).map((item) => item.FORM_NAME)),
|
||||
];
|
||||
|
||||
moduleForms.forEach((form) => {
|
||||
forms.push({
|
||||
module,
|
||||
form,
|
||||
key: `${module}_${form}`,
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// 处理每个公司的数据
|
||||
const tableData = forms.map((formItem) => {
|
||||
const { module, form, key } = formItem;
|
||||
const rowData = {
|
||||
key,
|
||||
module,
|
||||
form,
|
||||
};
|
||||
|
||||
// 为每个公司添加数据
|
||||
companyData.forEach((company) => {
|
||||
const companyName = company.NAME;
|
||||
const companyDataKey = companyName.replace(/\s+/g, '');
|
||||
|
||||
// 查找该公司该表单的数据
|
||||
const formData = retData.find(
|
||||
(item) => item.MOULD_NAME === module && item.FORM_NAME === form && item.COMPANY_NAME === companyName
|
||||
);
|
||||
|
||||
if (formData) {
|
||||
// 计算完成率和及时率
|
||||
// const finishRate =
|
||||
// formData.TOTAL_QTY > 0
|
||||
// ? (((formData.NORMAL_FINISH + formData.OVER_FINISH + formData.DOING) / formData.TOTAL_QTY) * 100).toFixed(
|
||||
// 0
|
||||
// )
|
||||
// : '0';
|
||||
|
||||
// const normalRate =
|
||||
// formData.NORMAL_FINISH + formData.OVER_FINISH + formData.DOING > 0
|
||||
// ? (
|
||||
// (formData.NORMAL_FINISH / (formData.NORMAL_FINISH + formData.OVER_FINISH + formData.DOING)) *
|
||||
// 100
|
||||
// ).toFixed(0)
|
||||
// : '0';
|
||||
rowData[`${companyDataKey}_details`] = formData.details || []; // 假设返回数据中有details字段
|
||||
rowData[`${companyDataKey}_total`] = formData.TOTAL_QTY;
|
||||
rowData[`${companyDataKey}_normal`] = formData.NORMAL_FINISH;
|
||||
rowData[`${companyDataKey}_overtime`] = formData.OVER_FINISH;
|
||||
rowData[`${companyDataKey}_doing`] = formData.DOING;
|
||||
rowData[`${companyDataKey}_unfinish`] = formData.UNFINISH;
|
||||
rowData[`${companyDataKey}_overUnfinish`] = formData.OVER_UNFINISH;
|
||||
rowData[`${companyDataKey}_finishRate`] = formData.FINISH_RATE;
|
||||
rowData[`${companyDataKey}_normalRate`] = formData.NORMAL_RATE;
|
||||
} else {
|
||||
// 如果没有数据，设置默认值
|
||||
// 如果没有数据，设置默认值
|
||||
rowData[`${companyDataKey}_details`] = [];
|
||||
rowData[`${companyDataKey}_total`] = 0;
|
||||
rowData[`${companyDataKey}_normal`] = 0;
|
||||
rowData[`${companyDataKey}_overtime`] = 0;
|
||||
rowData[`${companyDataKey}_doing`] = 0;
|
||||
rowData[`${companyDataKey}_unfinish`] = 0;
|
||||
rowData[`${companyDataKey}_overUnfinish`] = 0;
|
||||
rowData[`${companyDataKey}_finishRate`] = '0';
|
||||
rowData[`${companyDataKey}_normalRate`] = '0';
|
||||
}
|
||||
});
|
||||
|
||||
return rowData;
|
||||
});
|
||||
|
||||
// 计算每个模块的行数，用于合并单元格
|
||||
const moduleRowCounts = {};
|
||||
let currentModule = null;
|
||||
let count = 0;
|
||||
|
||||
tableData.forEach((row, index) => {
|
||||
if (row.module !== currentModule) {
|
||||
if (currentModule !== null) {
|
||||
moduleRowCounts[currentModule] = count;
|
||||
}
|
||||
currentModule = row.module;
|
||||
count = 1;
|
||||
} else {
|
||||
count++;
|
||||
}
|
||||
|
||||
// 最后一个模块
|
||||
if (index === tableData.length - 1) {
|
||||
moduleRowCounts[currentModule] = count;
|
||||
}
|
||||
});
|
||||
|
||||
// 将行数信息添加到tableData中，供render使用
|
||||
const tableDataWithRowSpan = tableData.map((row, index) => {
|
||||
// 找到该模块的起始索引
|
||||
const moduleStartIndex = tableData.findIndex((item) => item.module === row.module);
|
||||
|
||||
// 如果是该模块的第一行，设置rowSpan为该模块的行数
|
||||
if (index === moduleStartIndex) {
|
||||
return {
|
||||
...row,
|
||||
moduleRowSpan: moduleRowCounts[row.module] || 1,
|
||||
};
|
||||
} else {
|
||||
// 不是第一行，设置rowSpan为0，表示不显示
|
||||
return {
|
||||
...row,
|
||||
moduleRowSpan: 0,
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// 生成表格列
|
||||
const columns = this.generateColumns(companyData, tableDataWithRowSpan);
|
||||
|
||||
this.setState({ tableData: tableDataWithRowSpan, columns });
|
||||
};
|
||||
|
||||
// 动态生成表格列
|
||||
generateColumns = (companyData) => {
|
||||
const baseColumns = [
|
||||
{
|
||||
width: '150px',
|
||||
title: '模块',
|
||||
dataIndex: 'module',
|
||||
key: 'module',
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
render: (value, row, index) => {
|
||||
const obj = {
|
||||
children: value,
|
||||
props: {},
|
||||
};
|
||||
|
||||
// 设置rowSpan属性
|
||||
if (row.moduleRowSpan !== undefined) {
|
||||
obj.props.rowSpan = row.moduleRowSpan;
|
||||
}
|
||||
|
||||
return obj;
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '200px',
|
||||
title: '表单',
|
||||
dataIndex: 'form',
|
||||
key: 'form',
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
},
|
||||
];
|
||||
|
||||
// 为每个公司生成列组
|
||||
companyData.forEach((company) => {
|
||||
const companyName = company.NAME;
|
||||
const companyDataKey = companyName.replace(/\s+/g, '');
|
||||
|
||||
const companyColumns = {
|
||||
title: `${companyName}运行数据`,
|
||||
children: [
|
||||
{
|
||||
title: '总任务数',
|
||||
dataIndex: `${companyDataKey}_total`,
|
||||
key: `${companyDataKey}_total`,
|
||||
width: '80px',
|
||||
align: 'center',
|
||||
render: (text, record) => (
|
||||
<span>
|
||||
<a onClick={() => this.showDetail(record, 1, companyName)}>{record[`${companyDataKey}_total`]}</a>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: '正常完成',
|
||||
dataIndex: `${companyDataKey}_normal`,
|
||||
key: `${companyDataKey}_normal`,
|
||||
width: '80px',
|
||||
align: 'center',
|
||||
render: (text, record) => (
|
||||
<span>
|
||||
<a onClick={() => this.showDetail(record, 2, companyName)}>{record[`${companyDataKey}_normal`]}</a>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: '超时完成',
|
||||
dataIndex: `${companyDataKey}_overtime`,
|
||||
key: `${companyDataKey}_overtime`,
|
||||
width: '80px',
|
||||
align: 'center',
|
||||
render: (text, record) => (
|
||||
<span>
|
||||
<a onClick={() => this.showDetail(record, 3, companyName)}>{record[`${companyDataKey}_overtime`]}</a>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: '进行中',
|
||||
dataIndex: `${companyDataKey}_doing`,
|
||||
key: `${companyDataKey}_doing`,
|
||||
width: '80px',
|
||||
align: 'center',
|
||||
render: (text, record) => (
|
||||
<span>
|
||||
<a onClick={() => this.showDetail(record, 4, companyName)}>{record[`${companyDataKey}_doing`]}</a>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: '超期未完成',
|
||||
dataIndex: `${companyDataKey}_overUnfinish`,
|
||||
key: `${companyDataKey}_overUnfinish`,
|
||||
width: '80px',
|
||||
align: 'center',
|
||||
render: (text, record) => (
|
||||
<span>
|
||||
<a onClick={() => this.showDetail(record, 5, companyName)}>
|
||||
{record[`${companyDataKey}_overUnfinish`]}
|
||||
</a>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: '完成率',
|
||||
dataIndex: `${companyDataKey}_finishRate`,
|
||||
key: `${companyDataKey}_finishRate`,
|
||||
width: '80px',
|
||||
align: 'center',
|
||||
render: (text) => <span>{text}%</span>,
|
||||
},
|
||||
{
|
||||
title: '及时率',
|
||||
dataIndex: `${companyDataKey}_normalRate`,
|
||||
key: `${companyDataKey}_normalRate`,
|
||||
width: '80px',
|
||||
align: 'center',
|
||||
render: (text) => <span>{text}%</span>,
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
baseColumns.push(companyColumns);
|
||||
});
|
||||
|
||||
return baseColumns;
|
||||
};
|
||||
showDetail = (record, type, companyName) => {
|
||||
const currentTime = new Date();
|
||||
const companyDataKey = companyName.replace(/\s+/g, '');
|
||||
|
||||
// 从record中获取该公司的明细数据
|
||||
const details = record[`${companyDataKey}_details`] || [];
|
||||
|
||||
let filteredDetails = [];
|
||||
switch (type) {
|
||||
case 1: // 总任务数
|
||||
filteredDetails = details;
|
||||
break;
|
||||
case 2: // 正常完成
|
||||
filteredDetails = details.filter((item) => item.NOTICE_STATUS == 1);
|
||||
break;
|
||||
case 3: // 超时完成
|
||||
filteredDetails = details.filter((item) => item.NOTICE_STATUS == 2);
|
||||
break;
|
||||
case 4: // 进行中
|
||||
filteredDetails = details.filter((item) => item.NOTICE_STATUS == 0 && new Date(item.TASK_ENDDT) >= currentTime);
|
||||
break;
|
||||
case 5: // 超期未完成
|
||||
filteredDetails = details.filter((item) => item.NOTICE_STATUS == 0 && new Date(item.TASK_ENDDT) < currentTime);
|
||||
break;
|
||||
default:
|
||||
filteredDetails = details;
|
||||
}
|
||||
|
||||
const typeTitles = {
|
||||
1: '总任务数',
|
||||
2: '正常完成',
|
||||
3: '超时完成',
|
||||
4: '进行中',
|
||||
5: '超期未完成',
|
||||
};
|
||||
|
||||
this.setState({
|
||||
standardScoreTemp: filteredDetails,
|
||||
scoreVisible: true,
|
||||
scoreTitle: `${companyName} - ${record.module} - ${record.form} 的${typeTitles[type]}明细`,
|
||||
});
|
||||
};
|
||||
clearScoreData = () => {
|
||||
this.setState({
|
||||
scoreVisible: false,
|
||||
// standardScore: [],//newtmpData
|
||||
});
|
||||
};
|
||||
|
||||
render() {
|
||||
const { tableData, columns, loading } = this.state;
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div
|
||||
style={{
|
||||
backgroundColor: 'white',
|
||||
width: '100%',
|
||||
minHeight: '100vh',
|
||||
margin: 'auto',
|
||||
borderStyle: 'solid',
|
||||
borderColor: '#ccc',
|
||||
borderWidth: '1px',
|
||||
padding: '20px',
|
||||
}}
|
||||
>
|
||||
<Modal
|
||||
visible={this.state.scoreVisible}
|
||||
title={this.state.scoreTitle}
|
||||
maskClosable={false}
|
||||
onCancel={this.clearScoreData}
|
||||
footer={null}
|
||||
className="antd-modal-fullscreen"
|
||||
closeModal={this.clearScoreData}
|
||||
>
|
||||
<Table
|
||||
dataSource={this.state.standardScoreTemp}
|
||||
columns={this.state.scoreColumns}
|
||||
pagination={false}
|
||||
bordered
|
||||
size="small"
|
||||
/>
|
||||
</Modal>
|
||||
<h1
|
||||
style={{
|
||||
textAlign: 'center',
|
||||
marginTop: '20px',
|
||||
marginBottom: '30px',
|
||||
fontWeight: 'bold',
|
||||
fontSize: '24px',
|
||||
}}
|
||||
>
|
||||
系统运行情况统计分析
|
||||
</h1>
|
||||
|
||||
<Row>
|
||||
<Spin spinning={loading}>
|
||||
{/* <Card> */}
|
||||
<Table
|
||||
style={{
|
||||
width: '100%',
|
||||
textAlign: 'center',
|
||||
}}
|
||||
scroll={{ x: 'max-content', y: 600 }}
|
||||
dataSource={tableData}
|
||||
columns={columns}
|
||||
pagination={false}
|
||||
loading={loading}
|
||||
size="middle"
|
||||
bordered
|
||||
rowKey="key"
|
||||
summary={() => (
|
||||
<Table.Summary fixed="top">
|
||||
<Table.Summary.Row style={{ backgroundColor: '#fafafa', fontWeight: 'bold' }}>
|
||||
<Table.Summary.Cell index={0} colSpan={2}>
|
||||
汇总
|
||||
</Table.Summary.Cell>
|
||||
{columns.slice(2).map((col, index) => (
|
||||
<Table.Summary.Cell index={index + 2} key={index}>
|
||||
{col.title === '总任务数' && (
|
||||
<span>{tableData.reduce((sum, row) => sum + (row[col.dataIndex] || 0), 0)}</span>
|
||||
)}
|
||||
</Table.Summary.Cell>
|
||||
))}
|
||||
</Table.Summary.Row>
|
||||
</Table.Summary>
|
||||
)}
|
||||
/>
|
||||
{/* </Card> */}
|
||||
</Spin>
|
||||
</Row>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default connect(({ login, app }) => ({ login, app }))(BI064FormRunAnalysis);
|
||||
533
src/components/CustomPages/SK/SK027ShowPrintNew.js
Normal file
533
src/components/CustomPages/SK/SK027ShowPrintNew.js
Normal file
@ -0,0 +1,533 @@
|
||||
import { Button, Descriptions, Modal } from 'antd';
|
||||
import React from 'react';
|
||||
import { initFilter, extendRule, GetFileModel, guid, showFiles, showApprove, showUsersSign, showUserSign,showFileImg,extendIgnoreDataRule } from '../../../utils/common';
|
||||
import ReactToPrint from 'react-to-print';
|
||||
import { ExportToExcel } from '@woowalker/feui'
|
||||
import XLSX from 'xlsx';
|
||||
import { connect } from 'dva';
|
||||
import stylesStep from '../../../components/CustomPages/HI/StepForm.css';
|
||||
import config from '../../../config.js';
|
||||
import FormPage from '../../FormPage'
|
||||
import moment from 'moment';
|
||||
class SK027ShowPrintNew extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
tmpData: {},
|
||||
data1: null,
|
||||
data2: null,
|
||||
data3: null,
|
||||
data4: null,
|
||||
detailUsers:[],
|
||||
fileData: [],
|
||||
fileForm: {
|
||||
title: "",
|
||||
visible: false,
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
if (this.props.data?.id)
|
||||
this.loadData(this.props.data?.id);
|
||||
}
|
||||
|
||||
componentWillReceiveProps(NextProps) {
|
||||
if (NextProps.data?.id && this.props.data?.id != NextProps.data?.id) {
|
||||
this.loadData(NextProps.data?.id);
|
||||
}
|
||||
}
|
||||
|
||||
onTableBtnExport() {
|
||||
let TableWrap = document.getElementById('table1');
|
||||
let Table = TableWrap.getElementsByTagName('table1')[0];
|
||||
const wb = XLSX.utils.table_to_book(Table);
|
||||
XLSX.writeFile(wb, this.props.record.Nav_Department.NAME + '.xlsx')
|
||||
|
||||
}
|
||||
|
||||
loadData = (id) => {
|
||||
// id= CHECKID +'_'+SUBMITID CHECKID\SUBMITID 可能只有其一 但是一定会有_
|
||||
var orgId = this.props.login ? this.props.login.OrgId : '';
|
||||
let json = initFilter(orgId);
|
||||
extendRule(json, 'ID', 1, id);
|
||||
extendIgnoreDataRule(json)
|
||||
this.props.dispatch({
|
||||
type: 'app/getDataByPost',
|
||||
payload: json,
|
||||
url: 'SK/SKSecurityInspectionRecordSummary/SKGetAll',
|
||||
onComplete: (ret) => {
|
||||
if (ret) {
|
||||
let users=[]
|
||||
let uniqueUsers =[]
|
||||
if(ret.data1.Nav_CheckRecordDetails)
|
||||
{
|
||||
ret.data1.Nav_CheckRecordDetails.forEach(item => {
|
||||
item.Nav_CheckRecordDetailUsers.forEach(item2=>{
|
||||
users.push(item2)
|
||||
})
|
||||
})
|
||||
}
|
||||
if(users)
|
||||
{
|
||||
uniqueUsers= users.reduce((acc, user) => {
|
||||
// 如果累积数组中还没有这个 user_id，则添加
|
||||
if (!acc.some(item => item.USER_ID === user.USER_ID)) {
|
||||
acc.push(user);
|
||||
}
|
||||
return acc;
|
||||
}, []);
|
||||
}
|
||||
this.setState({ detailUsers:uniqueUsers,data1: ret.data1,
|
||||
data2: ret.data2,data3: ret.data3, data4: ret.data4})
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
render() {
|
||||
const { data1,data2,data3,data4,detailUsers } = this.state;
|
||||
const enums = this.props.data.enums ? this.props.data.enums : this.props.app.enums;
|
||||
return <div>
|
||||
<div style={{ padding: '10px' }}>
|
||||
<table>
|
||||
<tr>
|
||||
{/* <td><Button style={{ margin: "0 0 0 10px" }} icon={'export'} onClick={() => this.OperateLogShow(true)} >履职记录</Button></td> */}
|
||||
{/* onClick={() => this.CheckerCheckToActual(10)} */}
|
||||
<td><ReactToPrint trigger={() => <Button type={'default'} icon={'printer'} >打印</Button>} content={() => this.componentRef} /></td>
|
||||
<td><ExportToExcel fileName='安全检查汇总' tableId={'tableId' + this.props.data.id} /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div ref={el => (this.componentRef = el)} style={{ padding: '20px', paddingTop: '20px' }} id={'tableId' + this.props.data.id}>
|
||||
<h1 style={{ textAlign: 'center', margin: '15px' }}>安全检查记录汇总表</h1>
|
||||
{
|
||||
data1 ?
|
||||
<div>
|
||||
<Descriptions size="middle" bordered className={stylesStep.description}>
|
||||
<Descriptions.Item label="发起时间">{moment(data1.CREATE_TIME).format('YYYY-MM-DD')}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起部门">{data1.Nav_ApplyDepartment ? data1.Nav_ApplyDepartment.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起人">{data1.Nav_ApplyUser ? data1.Nav_ApplyUser.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="生产单元">{data1.Nav_ProductionUnit? data1.Nav_ProductionUnit.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查类型">{data1.Nav_CheckType ? data1.Nav_CheckType.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查周期">{enums.SKPLANCHECKFREQUENCYEnum.enums[data1.PLANCHECKFREQUENCY]}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查层级">{enums.SKDepartmentTypeEnum.enums[data1.DEPARTMENT_TYPE]}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查时间">{moment(data1.CHECK_TIME).format('YYYY-MM-DD HH:mm:ss')}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查人员">{data1.CHECK_PERSON}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查附件">{
|
||||
showFiles(data1?.Nav_CheckRecordFiles, config.picServerHost, this)
|
||||
}</Descriptions.Item>
|
||||
</Descriptions>
|
||||
</div> : null
|
||||
}
|
||||
<table style={{ tableLayout: 'fixed', width: '100%' }} className={stylesStep.PrintForm1}>
|
||||
<tr>
|
||||
<td style={{ width: "150px" }} className={stylesStep.fontBold}>序号</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>检查区域</td>
|
||||
<td className={stylesStep.fontBold}>检查内容</td>
|
||||
{/* <td width='10%' className={stylesStep.fontBold}>检查依据</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>判定标准</td> */}
|
||||
<td className={stylesStep.fontBold}>检查人员</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>检查情况</td>
|
||||
<td className={stylesStep.fontBold}>隐患描述</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>隐患等级</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>整改措施</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>隐患地点</td>
|
||||
<td className={stylesStep.fontBold}>隐患照片</td>
|
||||
</tr>
|
||||
{
|
||||
data1?.Nav_CheckRecordDetails && data1.Nav_CheckRecordDetails?.sort((x, y) => (x.RISK_AREA_ID > y.RISK_AREA_ID) ? 1 : -1).map((item, i) => {
|
||||
return <tr>
|
||||
<td>
|
||||
{i + 1}
|
||||
{/* {item.MARK !== 0 ? <a style={{ color: "red" }}>*</a> : i + 1} */}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_RiskArea?.NAME
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_Contents?.CHECKCONTENT
|
||||
}
|
||||
</td>
|
||||
{/* <td>
|
||||
{
|
||||
item?.Nav_CheckRecordDetailBasics && item?.Nav_CheckRecordDetailBasics.map((item2, i) => {
|
||||
|
||||
return <a>{(i > 0 ? "," : "") + item2.Nav_Law.NAME}</a>
|
||||
|
||||
// return <tr><label> {item2.Nav_User?.NAME}</label></tr>
|
||||
})
|
||||
}
|
||||
</td> */}
|
||||
{/* <td>
|
||||
{
|
||||
item.CHECKSTANDARD
|
||||
}
|
||||
</td> */}
|
||||
<td>
|
||||
{
|
||||
item?.Nav_CheckRecordDetailUsers && item?.Nav_CheckRecordDetailUsers.map((item2, i) => {
|
||||
if (item2.ISCHECK) {
|
||||
return <a style={{ color: "rgba(0, 0, 0, 0.65)" }}>{(i > 0 ? "," : "") + item2.Nav_User.NAME}</a>
|
||||
} else {
|
||||
return <a style={{ color: "red" }}>{(i > 0 ? "," : "") + item2.Nav_User.NAME}</a>
|
||||
}
|
||||
//return <tr><label> {item2.Nav_User?.NAME}</label></tr>
|
||||
})
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.CHECK_RESULT == null? "无隐患" :enums.SKCheckResultEnum.enums[item.CHECK_RESULT]
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_Question?.DESCREPTION
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
enums.SKHiddenLevel.enums[item.HIDDEN_LEVEL]
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.RECTIFICATION_MEASURES
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.HIDDEN_PLACE
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
showFiles(item?.Nav_CheckRecordDetailFiles, config.picServerHost, this)
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
})
|
||||
}
|
||||
</table>
|
||||
{
|
||||
this.state.detailUsers ?
|
||||
<div>
|
||||
<Descriptions size="middle" bordered>
|
||||
<Descriptions.Item label="检查人签名">{
|
||||
this.state.detailUsers?.filter(it => it.ISCHECK).map((item, i) => {
|
||||
return showUserSign(item.Nav_User, config.picServerHost)
|
||||
})
|
||||
}</Descriptions.Item>
|
||||
</Descriptions>
|
||||
</div>:null
|
||||
}
|
||||
<h1 style={{ textAlign: 'center', margin: '15px' }}>{data2 && data2 != [] ?"隐患上报表":null}</h1>
|
||||
|
||||
{
|
||||
data2 ?
|
||||
<div>
|
||||
<Descriptions size="middle" bordered className={stylesStep.description}>
|
||||
<Descriptions.Item label="发起时间">{moment(data2.CREATE_TIME).format('YYYY-MM-DD')}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起部门">{data2.Nav_ApplyDepartment ? data2.Nav_ApplyDepartment.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起人">{data2.Nav_ApplyUser ? data2.Nav_ApplyUser.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="生产单元">{data2.Nav_ProductionUnit? data2.Nav_ProductionUnit.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查类型">{data2.Nav_CheckType ? data2.Nav_CheckType.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查周期">{enums.SKPLANCHECKFREQUENCYEnum.enums[data2.PLANCHECKFREQUENCY]}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查层级">{enums.SKDepartmentTypeEnum.enums[data2.DEPARTMENT_TYPE]}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查时间">{moment(data2.CHECK_TIME).format('YYYY-MM-DD HH:mm:ss')}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查人员">{data2.CHECK_PERSON}</Descriptions.Item>
|
||||
<Descriptions.Item label="附件">{
|
||||
showFiles(data2?.Nav_ReportFiles, config.picServerHost, this)
|
||||
}</Descriptions.Item>
|
||||
</Descriptions>
|
||||
</div> : null
|
||||
}
|
||||
{ data2 && data2.Nav_ReportDetails ?
|
||||
<table style={{ tableLayout: 'fixed', width: '100%' }} className={stylesStep.PrintForm1}>
|
||||
<tr>
|
||||
<td style={{ width: "150px" }} className={stylesStep.fontBold}>序号</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>检查区域</td>
|
||||
<td className={stylesStep.fontBold}>检查内容</td>
|
||||
<td className={stylesStep.fontBold}>隐患描述</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>隐患等级</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>整改措施</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>隐患地点</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>整改责任人</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>整改期限</td>
|
||||
<td className={stylesStep.fontBold}>隐患照片</td>
|
||||
</tr>
|
||||
{
|
||||
data2?.Nav_ReportDetails && data2.Nav_ReportDetails?.map((item, i) => {
|
||||
return <tr>
|
||||
<td>
|
||||
{i + 1}
|
||||
{/* {item.MARK !== 0 ? <a style={{ color: "red" }}>*</a> : i + 1} */}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_RiskArea?.NAME
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_Contents?.CHECKCONTENT
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_Question?.DESCREPTION
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
enums.SKHiddenLevel.enums[item.HIDDEN_LEVEL]
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.RECTIFICATION_MEASURES
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.HIDDEN_PLACE
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.ISCHECK? <a style={{ color: "rgba(0, 0, 0, 0.65)" }}>{item.Nav_RecitifyUser?.NAME}</a>:
|
||||
<a style={{ color: "red" }}>{item.Nav_RecitifyUser?.NAME}</a>
|
||||
}
|
||||
{/* {
|
||||
item.Nav_RecitifyUser?.NAME
|
||||
} */}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
moment(item.RECITIFY_TIME).format('YYYY-MM-DD')
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
showFiles(item?.Nav_ReportDetailFiles, config.picServerHost, this)
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
})
|
||||
}
|
||||
</table> :null
|
||||
}
|
||||
|
||||
{
|
||||
data2 && data2.Nav_ReportDetails ?
|
||||
<div>
|
||||
<Descriptions size="middle" bordered>
|
||||
<Descriptions.Item label="整改责任人签名">{
|
||||
data2.Nav_ReportDetails?.map((item, i) => {
|
||||
if (item && item.ISCHECK ) {
|
||||
showUserSign(item.Nav_RecitifyUser, config.picServerHost)
|
||||
}
|
||||
})
|
||||
}</Descriptions.Item>
|
||||
</Descriptions>
|
||||
</div>:null
|
||||
}
|
||||
|
||||
{
|
||||
data3 && data3 != []?
|
||||
<table className={stylesStep.PrintFormLight}>
|
||||
<tbody>
|
||||
<tr>
|
||||
{data3 && data3 != [] ? <td style={{ textAlign: "center", fontSize: '20px' }} >隐患整改通知</td>:null}
|
||||
</tr>
|
||||
{
|
||||
data3?.map(head => {
|
||||
return <tr>
|
||||
<td>
|
||||
{
|
||||
head ?
|
||||
<div>
|
||||
<Descriptions size="middle" bordered className={stylesStep.description}>
|
||||
<Descriptions.Item label="发起时间">{moment(head.CREATE_TIME).format('YYYY-MM-DD')}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起部门">{head.Nav_ApplyDepartment ? head.Nav_ApplyDepartment.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起人">{head.Nav_ApplyUser ? head.Nav_ApplyUser.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="生产单元">{head.Nav_ProductionUnit? head.Nav_ProductionUnit.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查类型">{head.Nav_CheckType ? head.Nav_CheckType.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查周期">{enums.SKPLANCHECKFREQUENCYEnum.enums[head.PLANCHECKFREQUENCY]}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查层级">{enums.SKDepartmentTypeEnum.enums[head.DEPARTMENT_TYPE]}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查时间">{head.CHECK_TIME ? moment(head.CHECK_TIME).format('YYYY-MM-DD HH:mm:ss') : null}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查人员">{head.CHECK_PERSON}</Descriptions.Item>
|
||||
<Descriptions.Item label="附件">{
|
||||
showFiles(head?.Nav_RectifyFiles, config.picServerHost, this)
|
||||
}</Descriptions.Item>
|
||||
</Descriptions>
|
||||
</div> : null
|
||||
}
|
||||
<table style={{ tableLayout: 'fixed', width: '100%' }} className={stylesStep.PrintForm1}>
|
||||
<tr>
|
||||
<td style={{ width: "150px" }} className={stylesStep.fontBold}>序号</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>检查区域</td>
|
||||
{/* <td className={stylesStep.fontBold}>检查内容</td> */}
|
||||
<td className={stylesStep.fontBold}>隐患描述</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>隐患等级</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>隐患地点</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>整改措施</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>整改期限</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>整改落实人</td>
|
||||
<td width='10%' className={stylesStep.fontBold}>验收人</td>
|
||||
<td className={stylesStep.fontBold}>隐患照片</td>
|
||||
</tr>
|
||||
{
|
||||
head?.Nav_RectifyDetails && head.Nav_RectifyDetails?.map((item, i) => {
|
||||
return <tr>
|
||||
<td>
|
||||
{i + 1}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_RiskArea?.NAME
|
||||
}
|
||||
</td>
|
||||
{/* <td>
|
||||
{
|
||||
item.Nav_Contents?.CHECKCONTENT
|
||||
}
|
||||
</td> */}
|
||||
<td>
|
||||
{
|
||||
item.Nav_Question?.DESCREPTION?item.Nav_Question.DESCREPTION:item.HIDDEN_DESCRIPTION
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
enums.SKHiddenLevel.enums[item.HIDDEN_LEVEL]
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.HIDDEN_PLACE
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.RECTIFICATION_MEASURES
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.RECITIFY_TIME ? moment(item.RECITIFY_TIME).format('YYYY-MM-DD') : null
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_ImplementUser?.NAME
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
item.Nav_AcceptUser?.NAME
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
{
|
||||
showFiles(item?.Nav_RectifyDetailFiles, config.picServerHost, this)
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
})
|
||||
}
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
})
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
: null
|
||||
}
|
||||
|
||||
{
|
||||
data4 && data4 != []?
|
||||
<table className={stylesStep.PrintFormLight}>
|
||||
<tbody>
|
||||
<tr>
|
||||
{data4 && data4 != [] ? <td style={{ textAlign: "center", fontSize: '20px' }} >隐患整改记录</td>:null}
|
||||
</tr>
|
||||
{
|
||||
data4?.map(head => {
|
||||
return <tr>
|
||||
<td>
|
||||
{
|
||||
head ?
|
||||
<div>
|
||||
<Descriptions size="middle" bordered className={stylesStep.description}>
|
||||
<Descriptions.Item label="表单编号">{head.CODE}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起时间">{moment(head.CREATE_TIME).format('YYYY-MM-DD')}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起部门">{head.Nav_ApplyDepartment ? head.Nav_ApplyDepartment.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="发起人">{head.Nav_ApplyUser ? head.Nav_ApplyUser.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="生产单元">{head.Nav_ProductionUnit? head.Nav_ProductionUnit.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查区域">{head.Nav_RiskArea ? head.Nav_RiskArea.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="检查内容">{head.Nav_Contents ? head.Nav_Contents.CHECKCONTENT : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="隐患地点">{head.HIDDEN_PLACE}</Descriptions.Item>
|
||||
<Descriptions.Item label="隐患描述">{head.Nav_Question?.DESCREPTION?head.Nav_Question.DESCREPTION:head.HIDDEN_DESCRIPTION}</Descriptions.Item>
|
||||
<Descriptions.Item label="隐患等级">{enums.SKHiddenLevel.enums[head.HIDDEN_LEVEL]}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改措施">{head.RECTIFICATION_MEASURES}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改期限">{moment(head.RECITIFY_TIME).format('YYYY-MM-DD')}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改部门">{head.Nav_RecitifyUser && head.Nav_RecitifyUser.Nav_Department ? head.Nav_RecitifyUser.Nav_Department.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改责任人">{head.Nav_RecitifyUser ? head.Nav_RecitifyUser.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改资金(元)">{head.RECTIFICATION_MONEY}</Descriptions.Item>
|
||||
<Descriptions.Item label="预案或方案">{
|
||||
showFiles(head?.Nav_RectifyFiles, config.picServerHost, this)
|
||||
}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改落实人">{head.Nav_ImplementUser ? head.Nav_ImplementUser.NAME : ''}</Descriptions.Item>
|
||||
|
||||
<Descriptions.Item label="整改情况描述">{head.RECTIFICATION_DESCRIPTION}</Descriptions.Item>
|
||||
|
||||
<Descriptions.Item label="整改完成时间">{head.COMPLETE_DATE?moment(head.COMPLETE_DATE).format('YYYY-MM-DD'):null}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改前照片">{
|
||||
showFileImg(head?.Nav_RectifyPhotoas, config.picServerHost, this)
|
||||
}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改后照片">{
|
||||
showFileImg(head?.Nav_RectifyPhotobs, config.picServerHost, this)
|
||||
}</Descriptions.Item>
|
||||
<Descriptions.Item label="验收人">{head.Nav_AcceptUser ? head.Nav_AcceptUser.NAME : ''}</Descriptions.Item>
|
||||
<Descriptions.Item label="验收时间">{head.ACCEPT_DATE?moment(head.ACCEPT_DATE).format('YYYY-MM-DD'):null}</Descriptions.Item>
|
||||
<Descriptions.Item label="验收结论">{enums.SKAcceptResultEnum.enums[head.ACCEPT_RESULTE]}</Descriptions.Item>
|
||||
<Descriptions.Item label="验收意见">{head.ACCEPT_OPINION}</Descriptions.Item>
|
||||
<Descriptions.Item label="整改责任人签名">{
|
||||
head.Nav_RecitifyUser && head.Nav_RecitifyUser.FILE_PATH ?
|
||||
showUserSign(head.Nav_RecitifyUser, config.picServerHost)
|
||||
: head.Nav_RecitifyUser ? head.Nav_RecitifyUser.NAME : ''
|
||||
}</Descriptions.Item>
|
||||
<Descriptions.Item label="验收人签名">{
|
||||
(head.STATUS == 20 ||head.STATUS == 30) && head.Nav_AcceptUser && head.Nav_AcceptUser.FILE_PATH ?
|
||||
showUserSign(head.Nav_AcceptUser, config.picServerHost)
|
||||
: head.Nav_AcceptUser ? head.Nav_AcceptUser.NAME : ''
|
||||
}</Descriptions.Item>
|
||||
</Descriptions>
|
||||
</div> : null
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
})
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
: null
|
||||
}
|
||||
|
||||
</div>
|
||||
|
||||
<FormPage {...this.state.tmpData} />
|
||||
{
|
||||
GetFileModel(Modal, FormPage, this, this.state.fileForm.visible)
|
||||
}
|
||||
</div>
|
||||
}
|
||||
}
|
||||
export default connect(({ login, app }) => ({ login, app }))(SK027ShowPrintNew)
|
||||
@ -11,7 +11,7 @@ class EditPage extends React.Component {
|
||||
visible: false,
|
||||
loading: false
|
||||
}
|
||||
this.formName=this.props.app.currActivatedMenu.NAME;//this.props.app.currActivatedMenu.Nav_MenuForm.NAME
|
||||
this.formName=this.props.app?.currActivatedMenu?.NAME;//this.props.app.currActivatedMenu.Nav_MenuForm.NAME
|
||||
};
|
||||
showModal = () => { // 显示弹窗
|
||||
this.setState({
|
||||
|
||||
@ -14,6 +14,12 @@ class GuideCanvas extends Component {
|
||||
};
|
||||
}
|
||||
componentDidMount() {
|
||||
const { baseConfig = {} } = this.props.login;
|
||||
const sysName = baseConfig.SYS_NAME || '';
|
||||
let sysNameParam = '';
|
||||
if (sysName) {
|
||||
sysNameParam = `&sysName=${btoa(encodeURIComponent(sysName))}`;
|
||||
}
|
||||
QRCode.toCanvas(config.guideSeverHost, { errorCorrectionLevel: 'L', width: 140 }, function (err, canvas) {
|
||||
if (err) throw err;
|
||||
let container = document.getElementById('canvas1');
|
||||
@ -33,7 +39,7 @@ class GuideCanvas extends Component {
|
||||
}
|
||||
});
|
||||
QRCode.toCanvas(
|
||||
config.h5Web + '#/pages/index/index?OrgId=' + this.props.login.OrgId,
|
||||
config.h5Web + '#/pages/index/index?OrgId=' + this.props.login.OrgId + sysNameParam,
|
||||
{ errorCorrectionLevel: 'L', width: 140 },
|
||||
function (err, canvas) {
|
||||
if (err) throw err;
|
||||
@ -66,17 +72,17 @@ class GuideCanvas extends Component {
|
||||
return (
|
||||
<React.Fragment>
|
||||
<div style={{ display: 'flex', flexDirection: 'row', margin: '20px' }}>
|
||||
{/* <div
|
||||
<div
|
||||
style={{
|
||||
display: "none",
|
||||
flexDirection: "column",
|
||||
alignItems: "center",
|
||||
marginRight: "30px",
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
marginRight: '30px',
|
||||
}}
|
||||
>
|
||||
<div id="canvas1" ></div>
|
||||
<div id="canvas1"></div>
|
||||
<b>APP下载</b>
|
||||
</div> */}
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
|
||||
59
src/components/PopupWindow.js
Normal file
59
src/components/PopupWindow.js
Normal file
@ -0,0 +1,59 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { Modal, Button, message } from 'antd';
|
||||
import FullScreenPage from '../layout/FullScreenInter';
|
||||
const PopupWindow = () => {
|
||||
const [visible, setVisible] = useState(false);
|
||||
const [params, setParams] = useState({});
|
||||
|
||||
useEffect(() => {
|
||||
// 尝试从 URL 查询参数获取
|
||||
const searchParams = new URLSearchParams(window.location.search);
|
||||
const timeRange = searchParams.get('timeRange') || '';
|
||||
const filterType = searchParams.get('filterType') || '';
|
||||
|
||||
if (timeRange || filterType) {
|
||||
setParams({ timeRange, filterType });
|
||||
setVisible(true);
|
||||
} else {
|
||||
// 从 localStorage 获取
|
||||
const storedParams = localStorage.getItem('popupParams');
|
||||
if (storedParams) {
|
||||
try {
|
||||
const parsedParams = JSON.parse(storedParams);
|
||||
setParams(parsedParams);
|
||||
setVisible(true);
|
||||
localStorage.removeItem('popupParams');
|
||||
} catch (error) {
|
||||
message.error('参数解析错误');
|
||||
}
|
||||
}
|
||||
}
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div style={{ background: '#f0f2f5' }}>
|
||||
<Modal
|
||||
title="数据筛选"
|
||||
visible={visible}
|
||||
onCancel={() => setVisible(false)}
|
||||
footer={[
|
||||
<Button key="close" onClick={() => setVisible(false)}>
|
||||
关闭
|
||||
</Button>,
|
||||
]}
|
||||
width={700}
|
||||
centered
|
||||
>
|
||||
<FullScreenPage />
|
||||
</Modal>
|
||||
|
||||
{!visible && (
|
||||
<div style={{ textAlign: 'center' }}>
|
||||
<FullScreenPage />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PopupWindow;
|
||||
@ -8,9 +8,10 @@ import { $consts } from '../plugins';
|
||||
import styles from './full.less';
|
||||
import echarts from 'echarts';
|
||||
import realGif from '../assets/layout/mofang.png';
|
||||
import logo from '../assets/layout/headerno-logo-new.png';
|
||||
import debounce from 'lodash.debounce';
|
||||
import storage from '../utils/storage';
|
||||
import { initFilter } from '../utils/common';
|
||||
import logo from '../assets/layout/headerno-logo-new.png';
|
||||
import {
|
||||
FullScreenContainer,
|
||||
BorderBox8,
|
||||
@ -20,6 +21,7 @@ import {
|
||||
WaterLevelPond,
|
||||
} from '@jiaminghi/data-view-react';
|
||||
import { text } from '@jiaminghi/data-view-react/lib/index-cd27b7f6';
|
||||
import { Scale } from 'canvg';
|
||||
|
||||
const stud = (eve) => {
|
||||
return (
|
||||
@ -39,6 +41,13 @@ const stud = (eve) => {
|
||||
</div>
|
||||
);
|
||||
};
|
||||
const getScale = () => {
|
||||
const width = 1920,
|
||||
height = 1080; // 此处可以根据实际设计稿尺寸修改
|
||||
let ww = window.innerWidth / width;
|
||||
let wh = window.innerHeight / height;
|
||||
return ww < wh ? ww : wh;
|
||||
};
|
||||
|
||||
class FullScreen extends React.Component {
|
||||
constructor(props) {
|
||||
@ -48,7 +57,7 @@ class FullScreen extends React.Component {
|
||||
animationDuration: 20,
|
||||
sliderColor: '#de4e58',
|
||||
sliderSize: '24px',
|
||||
screenWidh: window.screen.width > 2000 ? true : false,
|
||||
// screenWidh: window.screen.width > 2000 ? true : false,
|
||||
nowDate: '',
|
||||
checkData: [
|
||||
{ name: '公司检查', value: 103 },
|
||||
@ -238,6 +247,7 @@ class FullScreen extends React.Component {
|
||||
value: 132,
|
||||
},
|
||||
],
|
||||
scale: getScale(),
|
||||
};
|
||||
// this.scrollConfig = {
|
||||
// header: ["检查类型", "检查次数", "完成率"],
|
||||
@ -255,7 +265,15 @@ class FullScreen extends React.Component {
|
||||
// };
|
||||
}
|
||||
|
||||
setScale = debounce(() => {
|
||||
// debounce节流
|
||||
// 获取到缩放比，设置它
|
||||
let scale = getScale();
|
||||
this.setState({ scale });
|
||||
}, 500);
|
||||
|
||||
componentDidMount() {
|
||||
window.addEventListener('resize', this.setScale); // 得到呈现的屏幕宽高比
|
||||
this.riskLevel();
|
||||
this.safedanger();
|
||||
const eve = () => {
|
||||
@ -298,6 +316,7 @@ class FullScreen extends React.Component {
|
||||
// });
|
||||
}
|
||||
componentWillUnmount() {
|
||||
window.removeEventListener('resize', this.setScale);
|
||||
clearInterval(this.timer);
|
||||
}
|
||||
getHomeTitle = () => {
|
||||
@ -932,202 +951,213 @@ class FullScreen extends React.Component {
|
||||
};
|
||||
|
||||
render() {
|
||||
const { safetySloganOne, animationDuration, sliderColor, sliderSize } = this.state;
|
||||
const width = 1920,
|
||||
height = 1080;
|
||||
// 固定好16:9的宽高比，计算出最合适的缩放比，宽高比可根据需要自行更改
|
||||
const { scale, safetySloganOne, animationDuration, sliderColor, sliderSize } = this.state;
|
||||
return (
|
||||
<React.Fragment>
|
||||
<FullScreenContainer>
|
||||
<div className={styles.blackBack}>
|
||||
<div className={styles.backImage}>
|
||||
<div className={styles.header}>
|
||||
<Row style={{ width: '100%', height: '100%' }}>
|
||||
<Col
|
||||
span={8}
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'flex-start',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
<div
|
||||
className={styles.box}
|
||||
style={{
|
||||
transform: `scale(${scale}) translate(-50%, -50%)`,
|
||||
WebkitTransform: `scale(${scale}) translate(-50%, -50%)`,
|
||||
width,
|
||||
height,
|
||||
}}
|
||||
>
|
||||
<div className={styles.blackBack}>
|
||||
<div className={styles.backImage}>
|
||||
<div className={styles.header}>
|
||||
<Row style={{ width: '100%', height: '100%' }}>
|
||||
<Col
|
||||
span={8}
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'flex-start',
|
||||
flexDirection: 'row',
|
||||
width: '80%',
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={logo}
|
||||
alt="logo"
|
||||
style={{
|
||||
width: 'auto',
|
||||
height: '52px',
|
||||
margin: '10px 20px 10px 50px',
|
||||
}}
|
||||
></img>
|
||||
<div
|
||||
className="slide-style"
|
||||
style={{
|
||||
'--animation-duration': `${animationDuration}s`, // 动态设置动画时长
|
||||
'--slider-color': `${sliderColor}`, // 动态设置颜色
|
||||
'--slider-size': `${sliderSize}px`, // 动态设置颜色
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'flex-start',
|
||||
flexDirection: 'row',
|
||||
width: '80%',
|
||||
}}
|
||||
>
|
||||
<p className="slide-text-style">{safetySloganOne || '暂无公告'}</p>
|
||||
<img
|
||||
src={logo}
|
||||
alt="logo"
|
||||
style={{
|
||||
width: 'auto',
|
||||
height: '52px',
|
||||
margin: '10px 20px 10px 50px',
|
||||
}}
|
||||
></img>
|
||||
<div
|
||||
className="slide-style"
|
||||
style={{
|
||||
'--animation-duration': `${animationDuration}s`, // 动态设置动画时长
|
||||
'--slider-color': `${sliderColor}`, // 动态设置颜色
|
||||
'--slider-size': `${sliderSize}px`, // 动态设置颜色
|
||||
}}
|
||||
>
|
||||
<p className="slide-text-style">{safetySloganOne || '暂无公告'}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Col>
|
||||
<Col
|
||||
span={8}
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}
|
||||
>
|
||||
<div className={styles.headerText}>安全生产标准化运营平台</div>
|
||||
</Col>
|
||||
<Col
|
||||
span={8}
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'flex-end',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
</Col>
|
||||
<Col
|
||||
span={8}
|
||||
style={{
|
||||
color: '#fff',
|
||||
fontSize: '20px',
|
||||
margin: '10px 50px 10px 20px',
|
||||
fontWeight: 'bold',
|
||||
height: '52px',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}
|
||||
>
|
||||
{this.state.nowDate}
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
<div className={styles.row}>
|
||||
<Row style={{ width: '100%', height: '100%' }}>
|
||||
<Col span={8} className={styles.boxleft}>
|
||||
<div className={styles.risklevel}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>风险等级基本信息</div>
|
||||
<div className={styles.headerText}>金源公司安全生产管控平台</div>
|
||||
</Col>
|
||||
<Col
|
||||
span={8}
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'flex-end',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
color: '#fff',
|
||||
fontSize: '20px',
|
||||
margin: '10px 50px 10px 20px',
|
||||
fontWeight: 'bold',
|
||||
height: '52px',
|
||||
}}
|
||||
>
|
||||
{this.state.nowDate}
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
<div className={styles.row}>
|
||||
<Row style={{ width: '100%', height: '100%' }}>
|
||||
<Col span={8} className={styles.boxleft}>
|
||||
<div className={styles.risklevel}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>风险等级基本信息</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="riskLevelFull"
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
}}
|
||||
></div>
|
||||
{/* </BorderBox10> */}
|
||||
</div>
|
||||
|
||||
<div style={{ height: '10px' }}></div>
|
||||
<div className={styles.risklevelOne}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>隐患检查基本信息</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
width: '100%',
|
||||
height: '30%',
|
||||
padding: '10px 30px',
|
||||
}}
|
||||
>
|
||||
{this.state.checkData.map((item, index) => {
|
||||
return (
|
||||
<div>
|
||||
<BorderBox8>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
color: '#fff',
|
||||
padding: '10px 25px',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<div style={{ fontSize: '14px' }}>{item.name}</div>
|
||||
|
||||
<div
|
||||
style={{
|
||||
fontSize: '12px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
}}
|
||||
>
|
||||
/次
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
fontSize: '22px',
|
||||
color: '#febc22',
|
||||
fontWeight: 'bold',
|
||||
}}
|
||||
>
|
||||
{item.value}
|
||||
</div>
|
||||
</div>
|
||||
</BorderBox8>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<div className={styles.scrollboard}>
|
||||
<ScrollBoard config={this.state.scrollConfig} style={{ width: '100%', height: '100%' }} />
|
||||
</div>
|
||||
</div>
|
||||
{/* </BorderBox10> */}
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={8} className={styles.boxTwo}>
|
||||
<div
|
||||
id="riskLevelFull"
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
}}
|
||||
></div>
|
||||
{/* </BorderBox10> */}
|
||||
</div>
|
||||
|
||||
<div style={{ height: '10px' }}></div>
|
||||
<div className={styles.risklevelOne}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>隐患检查基本信息</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
width: '100%',
|
||||
height: '30%',
|
||||
padding: '10px 30px',
|
||||
}}
|
||||
>
|
||||
{this.state.checkData.map((item, index) => {
|
||||
return (
|
||||
<div>
|
||||
<BorderBox8>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
color: '#fff',
|
||||
padding: '10px 25px',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<div style={{ fontSize: '14px' }}>{item.name}</div>
|
||||
|
||||
<div
|
||||
style={{
|
||||
fontSize: '12px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
}}
|
||||
>
|
||||
/次
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
fontSize: '22px',
|
||||
color: '#febc22',
|
||||
fontWeight: 'bold',
|
||||
}}
|
||||
>
|
||||
{item.value}
|
||||
</div>
|
||||
</div>
|
||||
</BorderBox8>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<div className={styles.scrollboard}>
|
||||
<ScrollBoard config={this.state.scrollConfig} style={{ width: '100%', height: '100%' }} />
|
||||
</div>
|
||||
</div>
|
||||
{/* </BorderBox10> */}
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={8} className={styles.boxTwo}>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
}}
|
||||
>
|
||||
{this.state.screenWidh ? (
|
||||
<div className={styles.scoreBox}>
|
||||
<div className={styles.score}>
|
||||
{/* <div className={styles.scoreLeft}>矿山</div> */}
|
||||
@ -1149,103 +1179,111 @@ class FullScreen extends React.Component {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div className={styles.scoreBox1}>
|
||||
<div className={styles.score4}>
|
||||
<div className={styles.scoreLeft}>矿山</div>
|
||||
<div className={styles.scoreText3}>标准化得分</div>
|
||||
<div className={styles.scoreText2}>83</div>
|
||||
{/* {this.state.screenWidh ? (
|
||||
|
||||
) : (
|
||||
<div className={styles.scoreBox1}>
|
||||
<div className={styles.score4}>
|
||||
<div className={styles.scoreLeft}>矿山</div>
|
||||
<div className={styles.scoreText3}>
|
||||
标准化得分
|
||||
</div>
|
||||
<div className={styles.scoreText2}>83</div>
|
||||
</div>
|
||||
<div className={styles.score4}>
|
||||
<div className={styles.scoreLeft}>选矿</div>
|
||||
<div className={styles.scoreText3}>
|
||||
标准化得分
|
||||
</div>
|
||||
<div className={styles.scoreText2}>88</div>
|
||||
</div>
|
||||
<div className={styles.score4}>
|
||||
<div className={styles.scoreLeft}>尾矿</div>
|
||||
<div className={styles.scoreText3}>
|
||||
标准化得分
|
||||
</div>
|
||||
<div className={styles.scoreText2}>93</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.score4}>
|
||||
<div className={styles.scoreLeft}>选矿</div>
|
||||
<div className={styles.scoreText3}>标准化得分</div>
|
||||
<div className={styles.scoreText2}>88</div>
|
||||
</div>
|
||||
<div className={styles.score4}>
|
||||
<div className={styles.scoreLeft}>尾矿</div>
|
||||
<div className={styles.scoreText3}>标准化得分</div>
|
||||
<div className={styles.scoreText2}>93</div>
|
||||
)} */}
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
// height: "100%",
|
||||
// width: "100%",
|
||||
flex: 1,
|
||||
position: 'relative',
|
||||
}}
|
||||
>
|
||||
<div>
|
||||
<img src={realGif} alt="1" style={{ width: '100%', height: '100%' }}></img>
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
fontSize: '14px',
|
||||
color: '#fff',
|
||||
top: '0',
|
||||
left: '0',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
position: 'relative',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
borderRadius: '50%',
|
||||
}}
|
||||
className={styles.ulData}
|
||||
>
|
||||
{this.state.roaData.map((item, index) => {
|
||||
return (
|
||||
<li>
|
||||
<div className={styles.roateData}>
|
||||
<div className={styles.roatBack}>
|
||||
{item.name}:{item.value}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
// height: "100%",
|
||||
// width: "100%",
|
||||
flex: 1,
|
||||
position: 'relative',
|
||||
}}
|
||||
>
|
||||
<div>
|
||||
<img src={realGif} alt="1" style={{ width: '100%', height: '100%' }}></img>
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={8} className={styles.boxTwo}>
|
||||
<div className={styles.risklevel}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>基本会议完成情况</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
fontSize: '14px',
|
||||
color: '#fff',
|
||||
top: '0',
|
||||
left: '0',
|
||||
width: '100%',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
width: '90%',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
position: 'relative',
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
borderRadius: '50%',
|
||||
height: '50%',
|
||||
justifyContent: 'space-between',
|
||||
}}
|
||||
className={styles.ulData}
|
||||
>
|
||||
{this.state.roaData.map((item, index) => {
|
||||
return (
|
||||
<li>
|
||||
<div className={styles.roateData}>
|
||||
<div className={styles.roatBack}>
|
||||
{item.name}:{item.value}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={8} className={styles.boxTwo}>
|
||||
<div className={styles.risklevel}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>基本会议完成情况</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
width: '90%',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
width: '100%',
|
||||
height: '50%',
|
||||
justifyContent: 'space-between',
|
||||
}}
|
||||
>
|
||||
<div id="completeone" style={{ width: '100%', height: '100%' }}></div>
|
||||
{/* <div
|
||||
<div id="completeone" style={{ width: '100%', height: '100%' }}></div>
|
||||
{/* <div
|
||||
id="completetwo"
|
||||
style={{ width: "100%", height: "100%" }}
|
||||
></div>
|
||||
@ -1253,7 +1291,7 @@ class FullScreen extends React.Component {
|
||||
id="completethree"
|
||||
style={{ width: "100%", height: "100%" }}
|
||||
></div> */}
|
||||
{/* <WaterLevelPond
|
||||
{/* <WaterLevelPond
|
||||
config={this.state.WaterLevelPondconfig1}
|
||||
style={{ width: "20%", height: "100%" }}
|
||||
/>
|
||||
@ -1265,183 +1303,187 @@ class FullScreen extends React.Component {
|
||||
config={this.state.WaterLevelPondconfig3}
|
||||
style={{ width: "20%", height: "100%" }}
|
||||
/> */}
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
width: '100%',
|
||||
height: '50%',
|
||||
justifyContent: 'space-between',
|
||||
marginBottom: '10px',
|
||||
}}
|
||||
>
|
||||
<Row gutter={[8, 8]} style={{ padding: '0px 10px' }}>
|
||||
{this.state.meetingData.map((item, index) => (
|
||||
<Col span={6}>
|
||||
<div className={styles.gradientThree}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientText}>{item.value}</div>
|
||||
<div className={styles.gradientName}>{item.name}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Col>
|
||||
))}
|
||||
</Row>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style={{ height: '10px' }}></div>
|
||||
<div className={styles.risklevelOne}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>安全任务完成情况</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<div className={styles.scrollboard} style={{ marginTop: '20px' }}>
|
||||
<ScrollBoard
|
||||
config={this.state.safescrollConfig}
|
||||
style={{ width: '100%', height: '100%' }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* </BorderBox10> */}
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
<div className={styles.rowTwo}>
|
||||
<Row style={{ width: '100%', height: '100%' }}>
|
||||
<Col span={8} className={styles.boxleft}>
|
||||
<div className={styles.risklevelTwo}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>隐患整改数据</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '50%',
|
||||
justifyContent: 'space-between',
|
||||
marginBottom: '10px',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<Row gutter={[8, 8]} style={{ padding: '0px 10px' }}>
|
||||
{this.state.meetingData.map((item, index) => (
|
||||
<Col span={6}>
|
||||
<div className={styles.gradientThree}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientText}>{item.value}</div>
|
||||
<div className={styles.gradientName}>{item.name}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.riskChange}>
|
||||
<div className={styles.gradient}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientText}>83</div>
|
||||
<div className={styles.gradientName}>隐患数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.gradient}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientText}>23</div>
|
||||
<div className={styles.gradientName}>延期整改数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.gradient}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientText}>56</div>
|
||||
<div className={styles.gradientName}>按期整改数</div>
|
||||
</div>
|
||||
</Col>
|
||||
))}
|
||||
</Row>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style={{ height: '10px' }}></div>
|
||||
<div className={styles.risklevelOne}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>安全任务完成情况</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<div className={styles.scrollboard} style={{ marginTop: '20px' }}>
|
||||
<ScrollBoard config={this.state.safescrollConfig} style={{ width: '100%', height: '100%' }} />
|
||||
</div>
|
||||
</div>
|
||||
{/* </BorderBox10> */}
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
<div className={styles.rowTwo}>
|
||||
<Row style={{ width: '100%', height: '100%' }}>
|
||||
<Col span={8} className={styles.boxleft}>
|
||||
<div className={styles.risklevelTwo}>
|
||||
{/* <BorderBox10> */}
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>隐患整改数据</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
<div className={styles.riskChange}>
|
||||
<div className={styles.gradient}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientText}>83</div>
|
||||
<div className={styles.gradientName}>隐患数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.gradient}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientText}>23</div>
|
||||
<div className={styles.gradientName}>延期整改数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.gradient}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientText}>56</div>
|
||||
<div className={styles.gradientName}>按期整改数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.riskChangeTwo}>
|
||||
<div className={styles.gradientTwo}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientTextTwo}>83%</div>
|
||||
<div className={styles.gradientNameTwo}>整改率</div>
|
||||
<div className={styles.riskChangeTwo}>
|
||||
<div className={styles.gradientTwo}>
|
||||
<div className={styles.gradientNext}>
|
||||
<div className={styles.gradientNextTwo}>
|
||||
<div className={styles.gradientTextTwo}>83%</div>
|
||||
<div className={styles.gradientNameTwo}>整改率</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* </BorderBox10> */}
|
||||
</div>
|
||||
{/* </BorderBox10> */}
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={8} className={styles.boxTwo}>
|
||||
{/* <BorderBox8> */}
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>安全生产标准化运行走势图</div>
|
||||
</div>
|
||||
<div
|
||||
id="opretionTrend"
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '90%',
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
{/* </BorderBox8> */}
|
||||
</Col>
|
||||
<Col span={8} className={styles.boxTwo}>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
</Col>
|
||||
<Col span={8} className={styles.boxTwo}>
|
||||
{/* <BorderBox8> */}
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
width: '90%',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>班组完成率TOP5</div>
|
||||
<div className={styles.titlename}>安全生产标准化运行走势图</div>
|
||||
</div>
|
||||
<div className={styles.capsuleChart}>
|
||||
<CapsuleChart config={this.state.chartConfig} style={{ width: '100%', height: '100%' }} />
|
||||
<div
|
||||
id="opretionTrend"
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '90%',
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
{/* </BorderBox8> */}
|
||||
</Col>
|
||||
<Col span={8} className={styles.boxTwo}>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
width: '90%',
|
||||
height: '100%',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<div className={styles.title}>
|
||||
<div className={styles.circle}></div>
|
||||
<div className={styles.titlename}>班组完成率TOP5</div>
|
||||
</div>
|
||||
<div className={styles.capsuleChart}>
|
||||
<CapsuleChart config={this.state.chartConfig} style={{ width: '100%', height: '100%' }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
1761
src/layout/FullScreenInter.js
Normal file
1761
src/layout/FullScreenInter.js
Normal file
File diff suppressed because it is too large
Load Diff
@ -338,7 +338,7 @@ const GuideCodePage = (props) => {
|
||||
<Modal
|
||||
title=""
|
||||
visible={showCanvas}
|
||||
width="450px"
|
||||
width="650px"
|
||||
centered={true}
|
||||
onOk={() => {
|
||||
setshowCanvas(false);
|
||||
|
||||
@ -1,24 +1,31 @@
|
||||
@font-face {
|
||||
font-family: pangmenzhengdao;
|
||||
src: url("../assets/fonts/pangmenzhengdao.ttf");
|
||||
src: url('../assets/fonts/pangmenzhengdao.ttf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "阿里妈妈东方大楷 Regular";
|
||||
font-family: '阿里妈妈东方大楷 Regular';
|
||||
font-weight: normal;
|
||||
src: url("../assets/fonts/AlimamaDongFangDaKai-Regular.ttf")
|
||||
format("truetype");
|
||||
src: url('../assets/fonts/AlimamaDongFangDaKai-Regular.ttf') format('truetype');
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "站酷庆科黄油体";
|
||||
font-family: '站酷庆科黄油体';
|
||||
font-weight: normal;
|
||||
src: url("../assets/fonts/zhankuqingke.ttf") format("truetype");
|
||||
src: url('../assets/fonts/zhankuqingke.ttf') format('truetype');
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
.box {
|
||||
transform-origin: 0 0;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.blackBack {
|
||||
background-image: url("../assets/login/bg.png");
|
||||
background-image: url('../assets/login/bg.png');
|
||||
width: 100%;
|
||||
// height: calc(100% - 10px); // 进入全屏
|
||||
height: 100%;
|
||||
@ -35,7 +42,7 @@
|
||||
flex-direction: column;
|
||||
}
|
||||
.header {
|
||||
background-image: url("../assets/layout/full-header.png");
|
||||
background-image: url('../assets/layout/full-header.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@ -51,7 +58,7 @@
|
||||
font-size: 32px;
|
||||
// font-weight: bold;
|
||||
margin-top: 10px;
|
||||
font-family: "pangmenzhengdao";
|
||||
font-family: 'pangmenzhengdao';
|
||||
}
|
||||
.row {
|
||||
// height: calc(65% - 200px);
|
||||
@ -185,7 +192,7 @@
|
||||
font-size: 18px;
|
||||
}
|
||||
.title {
|
||||
background-image: url("../assets/layout/title.png");
|
||||
background-image: url('../assets/layout/title.png');
|
||||
background-size: cover;
|
||||
background-position: bottom;
|
||||
background-repeat: no-repeat;
|
||||
@ -208,7 +215,7 @@
|
||||
.titlename {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-family: "站酷庆科黄油体";
|
||||
font-family: '站酷庆科黄油体';
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
.risklevelOne {
|
||||
@ -264,7 +271,7 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.scoreBox1 {
|
||||
background-image: url("../assets/layout/score-box.png");
|
||||
background-image: url('../assets/layout/score-box.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@ -282,7 +289,7 @@
|
||||
flex-direction: row;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
background-image: url("../assets/layout/ks.png");
|
||||
background-image: url('../assets/layout/ks.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@ -297,7 +304,7 @@
|
||||
flex-direction: row;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
background-image: url("../assets/layout/xk.png");
|
||||
background-image: url('../assets/layout/xk.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@ -311,7 +318,7 @@
|
||||
flex-direction: row;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
background-image: url("../assets/layout/wk.png");
|
||||
background-image: url('../assets/layout/wk.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@ -325,7 +332,7 @@
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-image: url("../assets/layout/score.png");
|
||||
background-image: url('../assets/layout/score.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@ -376,58 +383,45 @@
|
||||
}
|
||||
li:nth-of-type(1) {
|
||||
// transform: rotate(45deg);
|
||||
transform: translate(-50%, -50%) rotate(12deg) translate(-280px)
|
||||
rotate(-12deg);
|
||||
transform: translate(-50%, -50%) rotate(12deg) translate(-280px) rotate(-12deg);
|
||||
// transform-origin: 20px 220px;
|
||||
}
|
||||
li:nth-of-type(2) {
|
||||
transform: translate(-50%, -50%) rotate(38deg) translate(-280px)
|
||||
rotate(-38deg);
|
||||
transform: translate(-50%, -50%) rotate(38deg) translate(-280px) rotate(-38deg);
|
||||
}
|
||||
li:nth-of-type(3) {
|
||||
transform: translate(-50%, -50%) rotate(64deg) translate(-280px)
|
||||
rotate(-64deg);
|
||||
transform: translate(-50%, -50%) rotate(64deg) translate(-280px) rotate(-64deg);
|
||||
}
|
||||
li:nth-of-type(4) {
|
||||
transform: translate(-50%, -50%) rotate(90deg) translate(-280px)
|
||||
rotate(-90deg);
|
||||
transform: translate(-50%, -50%) rotate(90deg) translate(-280px) rotate(-90deg);
|
||||
}
|
||||
li:nth-of-type(5) {
|
||||
transform: translate(-50%, -50%) rotate(116deg) translate(-280px)
|
||||
rotate(-116deg);
|
||||
transform: translate(-50%, -50%) rotate(116deg) translate(-280px) rotate(-116deg);
|
||||
}
|
||||
li:nth-of-type(6) {
|
||||
transform: translate(-50%, -50%) rotate(142deg) translate(-280px)
|
||||
rotate(-142deg);
|
||||
transform: translate(-50%, -50%) rotate(142deg) translate(-280px) rotate(-142deg);
|
||||
}
|
||||
li:nth-of-type(7) {
|
||||
transform: translate(-50%, -50%) rotate(168deg) translate(-280px)
|
||||
rotate(-168deg);
|
||||
transform: translate(-50%, -50%) rotate(168deg) translate(-280px) rotate(-168deg);
|
||||
}
|
||||
li:nth-of-type(8) {
|
||||
transform: translate(-50%, -50%) rotate(-12deg) translate(-280px)
|
||||
rotate(12deg);
|
||||
transform: translate(-50%, -50%) rotate(-12deg) translate(-280px) rotate(12deg);
|
||||
}
|
||||
li:nth-of-type(9) {
|
||||
transform: translate(-50%, -50%) rotate(-38deg) translate(-280px)
|
||||
rotate(38deg);
|
||||
transform: translate(-50%, -50%) rotate(-38deg) translate(-280px) rotate(38deg);
|
||||
}
|
||||
li:nth-of-type(10) {
|
||||
transform: translate(-50%, -50%) rotate(-64deg) translate(-280px)
|
||||
rotate(64deg);
|
||||
transform: translate(-50%, -50%) rotate(-64deg) translate(-280px) rotate(64deg);
|
||||
}
|
||||
li:nth-of-type(11) {
|
||||
transform: translate(-50%, -50%) rotate(-116deg) translate(-280px)
|
||||
rotate(116deg);
|
||||
transform: translate(-50%, -50%) rotate(-116deg) translate(-280px) rotate(116deg);
|
||||
}
|
||||
|
||||
li:nth-of-type(12) {
|
||||
transform: translate(-50%, -50%) rotate(-142deg) translate(-280px)
|
||||
rotate(142deg);
|
||||
transform: translate(-50%, -50%) rotate(-142deg) translate(-280px) rotate(142deg);
|
||||
}
|
||||
li:nth-of-type(13) {
|
||||
transform: translate(-50%, -50%) rotate(-168deg) translate(-280px)
|
||||
rotate(168deg);
|
||||
transform: translate(-50%, -50%) rotate(-168deg) translate(-280px) rotate(168deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
551
src/layout/fullinter.less
Normal file
551
src/layout/fullinter.less
Normal file
@ -0,0 +1,551 @@
|
||||
@font-face {
|
||||
font-family: pangmenzhengdao;
|
||||
src: url('../assets/fonts/pangmenzhengdao.ttf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: '阿里妈妈东方大楷 Regular';
|
||||
font-weight: normal;
|
||||
src: url('../assets/fonts/AlimamaDongFangDaKai-Regular.ttf') format('truetype');
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: '站酷庆科黄油体';
|
||||
font-weight: normal;
|
||||
src: url('../assets/fonts/zhankuqingke.ttf') format('truetype');
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
.box {
|
||||
transform-origin: 0 0;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.blackBack {
|
||||
background-image: url('../assets/login/bg.png');
|
||||
width: 100%;
|
||||
// height: calc(100% - 10px); // 进入全屏
|
||||
height: 100%;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.backImage {
|
||||
background-color: #021428; //021428
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0.9;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
.header {
|
||||
// background-image: url('../assets/layout/full-header.png');
|
||||
// background-size: cover;
|
||||
// background-position: center;
|
||||
// background-repeat: no-repeat;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
margin: 10px;
|
||||
background-color: rgba(73, 122, 175, 0.3);
|
||||
}
|
||||
.headerText {
|
||||
color: GoldenRod;
|
||||
font-size: 32px;
|
||||
white-space: nowrap;
|
||||
// font-weight: bold;
|
||||
// margin-top: 10px;
|
||||
font-family: 'pangmenzhengdao';
|
||||
}
|
||||
.configBanners {
|
||||
// height: 100%;
|
||||
width: 110px;
|
||||
height: 48px;
|
||||
font-size: 20px; // 适当减小字体大小
|
||||
margin: 0px 10px;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
border: 1px solid transparent; // 默认透明边框
|
||||
// border: 1px solid #00caf7;
|
||||
white-space: nowrap;
|
||||
background: linear-gradient(to bottom, #01408e, #07295e);
|
||||
display: flex; // 使用flex布局
|
||||
align-items: center; // 垂直居中
|
||||
justify-content: center; // 水平居中
|
||||
text-align: center; // 文字居中
|
||||
box-sizing: border-box; // 确保边框计算在内
|
||||
padding: 0 2px; // 如果需要可以添加内边距
|
||||
overflow: hidden; // 防止内容溢出
|
||||
text-overflow: ellipsis; // 文字过长显示省略号
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
&:hover {
|
||||
border-color: #00caf7; // 悬停效果
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
&.active {
|
||||
border: 1px solid #00caf7 !important;
|
||||
background: linear-gradient(to bottom, #0150a0, #083070); // 激活时背景加深
|
||||
box-shadow: 0 0 10px rgba(0, 202, 247, 0.5); // 可选：添加发光效果
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, transparent, rgba(0, 202, 247, 0.2), transparent);
|
||||
transition: left 0.5s ease;
|
||||
}
|
||||
|
||||
&.active::after {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
&.active {
|
||||
animation: pulse 2s infinite;
|
||||
}
|
||||
}
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
box-shadow: 0 0 5px rgba(0, 202, 247, 0.5);
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 0 15px rgba(0, 202, 247, 0.8);
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 0 5px rgba(0, 202, 247, 0.5);
|
||||
}
|
||||
}
|
||||
.boxBack {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
.otherTabContent {
|
||||
flex: 1; // 占据剩余空间
|
||||
// width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(2, 20, 40, 0.7);
|
||||
border-radius: 10px;
|
||||
margin: 0px 10px 10px 10px;
|
||||
border: 1px solid rgba(0, 202, 247, 0.3);
|
||||
}
|
||||
.row {
|
||||
// height: calc(65% - 200px);
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
}
|
||||
.rowTwo {
|
||||
height: 30%;
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.boxleft {
|
||||
height: 100%;
|
||||
// width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.fullBorderBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 10px; // 如果需要内边距
|
||||
box-sizing: border-box; // 确保内边距计算在内
|
||||
}
|
||||
.risklevel {
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
.risklevelOne {
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
.risklevelTwo {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0px 10px 10px 10px;
|
||||
}
|
||||
.riskChange {
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
.riskChangeTwo {
|
||||
width: 70%;
|
||||
height: 100%;
|
||||
padding: 26px 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.gradient {
|
||||
background-image: linear-gradient(
|
||||
250deg,
|
||||
rgba(47, 109, 255, 1) 0%,
|
||||
rgba(255, 255, 255, 54) 50%,
|
||||
rgba(47, 109, 255, 1) 100%
|
||||
);
|
||||
width: 100%;
|
||||
height: 30%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 2px;
|
||||
// margin: 10px;
|
||||
}
|
||||
.gradientTwo {
|
||||
background-image: linear-gradient(
|
||||
250deg,
|
||||
rgba(47, 109, 255, 1) 0%,
|
||||
rgba(255, 255, 255, 54) 50%,
|
||||
rgba(47, 109, 255, 1) 100%
|
||||
);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
padding: 2px;
|
||||
}
|
||||
.gradientThree {
|
||||
background-image: linear-gradient(
|
||||
275deg,
|
||||
rgba(47, 109, 255, 1) 0%,
|
||||
rgba(255, 255, 255, 54) 50%,
|
||||
rgba(47, 109, 255, 1) 100%
|
||||
);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
padding: 2px;
|
||||
}
|
||||
.gradientNext {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #021428;
|
||||
// z-index: 999;
|
||||
}
|
||||
.gradientNextTwo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(47, 109, 255, 0.1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
.gradientText {
|
||||
font-size: 34px;
|
||||
font-weight: bold;
|
||||
color: #49ebff;
|
||||
font-style: italic;
|
||||
font-family: '站酷庆科黄油体';
|
||||
}
|
||||
.gradientName {
|
||||
font-size: 12px;
|
||||
}
|
||||
.gradientTextTwo {
|
||||
font-size: 86px;
|
||||
font-weight: bold;
|
||||
// color: #ef595a;
|
||||
color: #12f714;
|
||||
}
|
||||
.gradientNameTwo {
|
||||
font-size: 28px;
|
||||
}
|
||||
.title {
|
||||
background-image: url('../assets/layout/title.png');
|
||||
background-size: cover;
|
||||
background-position: bottom;
|
||||
background-repeat: no-repeat;
|
||||
width: 90%;
|
||||
height: 25px;
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
// justify-content: center;
|
||||
}
|
||||
.circle {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: #021428;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #fff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.titlename {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-family: '站酷庆科黄油体';
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
// .risklevelOne {
|
||||
// height: 60%;
|
||||
// width: 90%;
|
||||
// }
|
||||
.boxTwo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
// width: 100%;
|
||||
}
|
||||
.capsuleChart {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
padding: 20px;
|
||||
}
|
||||
.scrollboard {
|
||||
width: 90%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0px 20px 20px 20px;
|
||||
flex: 1;
|
||||
}
|
||||
.scrollboard :global(.header) {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
}
|
||||
.scrollboard :global(.dv-scroll-board .rows .ceil) {
|
||||
text-align: center;
|
||||
}
|
||||
.scrollboard :global(.dv-scroll-board .header .header-item) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.scoreBox {
|
||||
// background-image: url("../assets/layout/score-box.png");
|
||||
// background-size: cover;
|
||||
// background-position: center;
|
||||
// background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.scoreBox1 {
|
||||
background-image: url('../assets/layout/score-box.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
// height: 140px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 20px;
|
||||
padding: 5px;
|
||||
}
|
||||
.score {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
background-image: url('../assets/layout/ks.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
object-fit: cover;
|
||||
// width: 230px;
|
||||
width: 33%;
|
||||
height: auto;
|
||||
margin: 10px;
|
||||
}
|
||||
.score2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
background-image: url('../assets/layout/xk.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
object-fit: cover;
|
||||
width: 33%;
|
||||
height: auto;
|
||||
margin: 10px;
|
||||
}
|
||||
.score3 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
background-image: url('../assets/layout/wk.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
object-fit: cover;
|
||||
width: 33%;
|
||||
height: auto;
|
||||
margin: 10px;
|
||||
}
|
||||
.score4 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-image: url('../assets/layout/score.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
width: 30%;
|
||||
padding: 0px 15px;
|
||||
// height: 100%;
|
||||
// margin: 10px;
|
||||
}
|
||||
.scoreRight {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40%;
|
||||
margin-left: 50%;
|
||||
}
|
||||
.scoreLeft {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #6cc8d9;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.scoreText {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #6cc8d9;
|
||||
}
|
||||
.scoreText2 {
|
||||
font-size: 33px;
|
||||
color: #7fffff;
|
||||
font-weight: bold;
|
||||
// font-style: oblique;
|
||||
}
|
||||
.scoreText3 {
|
||||
font-size: 12px;
|
||||
color: #6cc8d9;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ulData {
|
||||
li {
|
||||
// transform: rotate(45deg);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
// margin-left: -20px;
|
||||
// margin-right: -20px;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
li:nth-of-type(1) {
|
||||
// transform: rotate(45deg);
|
||||
transform: translate(-50%, -50%) rotate(12deg) translate(-280px) rotate(-12deg);
|
||||
// transform-origin: 20px 220px;
|
||||
}
|
||||
li:nth-of-type(2) {
|
||||
transform: translate(-50%, -50%) rotate(38deg) translate(-280px) rotate(-38deg);
|
||||
}
|
||||
li:nth-of-type(3) {
|
||||
transform: translate(-50%, -50%) rotate(64deg) translate(-280px) rotate(-64deg);
|
||||
}
|
||||
li:nth-of-type(4) {
|
||||
transform: translate(-50%, -50%) rotate(90deg) translate(-280px) rotate(-90deg);
|
||||
}
|
||||
li:nth-of-type(5) {
|
||||
transform: translate(-50%, -50%) rotate(116deg) translate(-280px) rotate(-116deg);
|
||||
}
|
||||
li:nth-of-type(6) {
|
||||
transform: translate(-50%, -50%) rotate(142deg) translate(-280px) rotate(-142deg);
|
||||
}
|
||||
li:nth-of-type(7) {
|
||||
transform: translate(-50%, -50%) rotate(168deg) translate(-280px) rotate(-168deg);
|
||||
}
|
||||
li:nth-of-type(8) {
|
||||
transform: translate(-50%, -50%) rotate(-12deg) translate(-280px) rotate(12deg);
|
||||
}
|
||||
li:nth-of-type(9) {
|
||||
transform: translate(-50%, -50%) rotate(-38deg) translate(-280px) rotate(38deg);
|
||||
}
|
||||
li:nth-of-type(10) {
|
||||
transform: translate(-50%, -50%) rotate(-64deg) translate(-280px) rotate(64deg);
|
||||
}
|
||||
li:nth-of-type(11) {
|
||||
transform: translate(-50%, -50%) rotate(-116deg) translate(-280px) rotate(116deg);
|
||||
}
|
||||
|
||||
li:nth-of-type(12) {
|
||||
transform: translate(-50%, -50%) rotate(-142deg) translate(-280px) rotate(142deg);
|
||||
}
|
||||
li:nth-of-type(13) {
|
||||
transform: translate(-50%, -50%) rotate(-168deg) translate(-280px) rotate(168deg);
|
||||
}
|
||||
}
|
||||
|
||||
.roateData {
|
||||
background-image: linear-gradient(
|
||||
275deg,
|
||||
rgba(47, 109, 255, 1) 0%,
|
||||
rgba(255, 255, 255, 54) 50%,
|
||||
rgba(47, 109, 255, 1) 100%
|
||||
);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
padding: 2px;
|
||||
// background-color: rgba(47, 109, 255, 0.1);
|
||||
}
|
||||
.roatBack {
|
||||
background-color: #021428;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 5px;
|
||||
}
|
||||
@ -3,6 +3,10 @@ export default [
|
||||
name: 'LOGIN',
|
||||
value: '/login'
|
||||
},
|
||||
{
|
||||
name: 'POPUPWINDOW',
|
||||
value: '/popup'
|
||||
},
|
||||
{
|
||||
name: 'HOME',
|
||||
value: '/home'
|
||||
|
||||
@ -1,34 +1,42 @@
|
||||
import React from 'react'
|
||||
import { ConfigProvider } from 'antd'
|
||||
import { Router, Route, Switch } from 'dva/router'
|
||||
import MainLayout from './layout/Main'
|
||||
import Login from './routes/Login'
|
||||
import Home from './routes/Home'
|
||||
import GroupHome from './routes/GroupHome'
|
||||
import Main from './routes/Main'
|
||||
import Backend from './routes/Backend'
|
||||
import HomeMobileNew from './routes/HomeMobileNew'
|
||||
import { $consts } from './plugins'
|
||||
import zhCN from 'antd/lib/locale-provider/zh_CN'
|
||||
import 'moment/src/locale/zh-cn'
|
||||
import React from 'react';
|
||||
import { ConfigProvider } from 'antd';
|
||||
import { Router, Route, Switch } from 'dva/router';
|
||||
import MainLayout from './layout/Main';
|
||||
import Login from './routes/Login';
|
||||
import Home from './routes/Home';
|
||||
import GroupHome from './routes/GroupHome';
|
||||
import Main from './routes/Main';
|
||||
import Backend from './routes/Backend';
|
||||
import HomeMobileNew from './routes/HomeMobileNew';
|
||||
import { $consts } from './plugins';
|
||||
import zhCN from 'antd/lib/locale-provider/zh_CN';
|
||||
import 'moment/src/locale/zh-cn';
|
||||
import PopupWindow from './components/PopupWindow';
|
||||
|
||||
function RouterConfig({ history }) {
|
||||
return (
|
||||
<Router history={history}>
|
||||
<ConfigProvider locale={zhCN}>
|
||||
<MainLayout>
|
||||
<Switch>
|
||||
<Route path={$consts['ROUTE/LOGIN']} component={Login} />
|
||||
<Route path={$consts['ROUTE/HOME']} component={Home} />
|
||||
<Route path={$consts['ROUTE/GROUPHOME']} component={GroupHome} />
|
||||
<Route path={$consts['ROUTE/MAIN']} component={Main} />
|
||||
<Route path={$consts['ROUTE/BACKEND']} component={Backend} />
|
||||
{/* <Route path={$consts['ROUTE/HomeMobileNew']} component={HomeMobileNew} /> */}
|
||||
</Switch>
|
||||
</MainLayout>
|
||||
<Switch>
|
||||
<Route path={$consts['ROUTE/POPUPWINDOW']} component={PopupWindow} />
|
||||
{/* 其他页面使用 MainLayout */}
|
||||
<Route
|
||||
render={() => (
|
||||
<MainLayout>
|
||||
<Switch>
|
||||
<Route path={$consts['ROUTE/LOGIN']} component={Login} />
|
||||
<Route path={$consts['ROUTE/HOME']} component={Home} />
|
||||
<Route path={$consts['ROUTE/GROUPHOME']} component={GroupHome} />
|
||||
<Route path={$consts['ROUTE/MAIN']} component={Main} />
|
||||
<Route path={$consts['ROUTE/BACKEND']} component={Backend} />
|
||||
</Switch>
|
||||
</MainLayout>
|
||||
)}
|
||||
/>
|
||||
</Switch>
|
||||
</ConfigProvider>
|
||||
</Router>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
export default RouterConfig
|
||||
export default RouterConfig;
|
||||
|
||||
@ -1,119 +1,127 @@
|
||||
import Loadable from 'react-loadable'
|
||||
import React from 'react'
|
||||
import Loadable from 'react-loadable';
|
||||
import React from 'react';
|
||||
|
||||
// 优化的共<E79A84>?loading 组件
|
||||
const LoadingComponent = ({ isLoading, 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) {
|
||||
return <div style={{ padding: '20px', textAlign: 'center' }}>加载<EFBFBD>?..</div>
|
||||
return <div style={{ padding: '20px', textAlign: 'center' }}>加载<EFBFBD>?..</div>;
|
||||
}
|
||||
return null
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
// 优化<E4BC98>?Loadable 配置函数
|
||||
const createLoadableComponent = (importFunc) => Loadable({
|
||||
loader: importFunc,
|
||||
loading: LoadingComponent,
|
||||
delay: 200, // 延迟显示 loading，避免闪<E5858D>?
|
||||
timeout: 10000 // 10秒超<E7A792>?
|
||||
})
|
||||
const createLoadableComponent = (importFunc) =>
|
||||
Loadable({
|
||||
loader: importFunc,
|
||||
loading: LoadingComponent,
|
||||
delay: 200, // 延迟显示 loading，避免闪<E5858D>?
|
||||
timeout: 10000, // 10秒超<E7A792>?
|
||||
});
|
||||
|
||||
const SC022Import = createLoadableComponent(() => import('../components/CustomPages/SC/SC022Import'))
|
||||
const SC022ImportData = createLoadableComponent(() => import('../components/CustomPages/SC/SC022ImportData'))
|
||||
const FMUserEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/UserEditPage'))
|
||||
const FMUserEditPageAuth = createLoadableComponent(() => import('../components/CustomPages/FM/UserEditPageAuth'))
|
||||
const FMUserGroupEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/UserGroupEditPage'))
|
||||
const PFCustomPageConfigPage = createLoadableComponent(() => import('../components/CustomPages/PF/CustomPageConfigPage'))
|
||||
const FMRoleGroupEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/RoleGroupEditPage'))
|
||||
const FMRoleEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/RoleEditPage'))
|
||||
const SC022Import = createLoadableComponent(() => import('../components/CustomPages/SC/SC022Import'));
|
||||
const SC022ImportData = createLoadableComponent(() => import('../components/CustomPages/SC/SC022ImportData'));
|
||||
const FMUserEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/UserEditPage'));
|
||||
const FMUserEditPageAuth = createLoadableComponent(() => import('../components/CustomPages/FM/UserEditPageAuth'));
|
||||
const FMUserGroupEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/UserGroupEditPage'));
|
||||
const PFCustomPageConfigPage = createLoadableComponent(
|
||||
() => import('../components/CustomPages/PF/CustomPageConfigPage')
|
||||
);
|
||||
const FMRoleGroupEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/RoleGroupEditPage'));
|
||||
const FMRoleEditPage = createLoadableComponent(() => import('../components/CustomPages/FM/RoleEditPage'));
|
||||
|
||||
const FM204ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FM/FM204ShowPrint'))
|
||||
const FM204ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FM/FM204ShowPrint'));
|
||||
|
||||
const FMBaseConfig = createLoadableComponent(() => import('../components/CustomPages/FM/BaseConfig'))
|
||||
const FMBaseConfig = createLoadableComponent(() => import('../components/CustomPages/FM/BaseConfig'));
|
||||
|
||||
const PFFlowSchemesEditPage = createLoadableComponent(() => import('../components/CustomPages/PF/FlowSchemesEditPage'))
|
||||
const PFFlowSchemesEditPage = createLoadableComponent(() => import('../components/CustomPages/PF/FlowSchemesEditPage'));
|
||||
|
||||
const PFFlowSchemesShowPage = createLoadableComponent(() => import('../components/CustomPages/PF/FlowSchemesShowPage'))
|
||||
const PFFlowSchemesShowPage = createLoadableComponent(() => import('../components/CustomPages/PF/FlowSchemesShowPage'));
|
||||
|
||||
const PFFlowPermitEditPage = createLoadableComponent(() => import('../components/CustomPages/PF/FlowPermitEditPage'))
|
||||
const PFFlowPermitEditPage = createLoadableComponent(() => import('../components/CustomPages/PF/FlowPermitEditPage'));
|
||||
|
||||
const PFFormConfigSqlPage = createLoadableComponent(() => import('../components/CustomPages/PF/FormConfigSqlPage'))
|
||||
const PF147ShowPrint = createLoadableComponent(() => import('../components/CustomPages/PF/PF147ShowPrint'))
|
||||
const PFFormConfigSqlPage = createLoadableComponent(() => import('../components/CustomPages/PF/FormConfigSqlPage'));
|
||||
const PF147ShowPrint = createLoadableComponent(() => import('../components/CustomPages/PF/PF147ShowPrint'));
|
||||
|
||||
const WOSOPViewPage = createLoadableComponent(() => import('../components/CustomPages/WO/SOPViewPage'))
|
||||
const WOSOPViewPage = createLoadableComponent(() => import('../components/CustomPages/WO/SOPViewPage'));
|
||||
|
||||
const FMCustomImportPage = createLoadableComponent(() => import('../components/CustomPages/FM/CustomImportPage'))
|
||||
const FMCustomImportPage = createLoadableComponent(() => import('../components/CustomPages/FM/CustomImportPage'));
|
||||
|
||||
const FMNodeSchedulingPage = createLoadableComponent(() => import('../components/CustomPages/FM/NodeSchedulingPage'))
|
||||
const FMNodeSchedulingPage = createLoadableComponent(() => import('../components/CustomPages/FM/NodeSchedulingPage'));
|
||||
|
||||
const PFEntitySqlPage = createLoadableComponent(() => import('../components/CustomPages/PF/EntitySqlPage'))
|
||||
const PFEntitySqlPage = createLoadableComponent(() => import('../components/CustomPages/PF/EntitySqlPage'));
|
||||
|
||||
const PFInitDestOrgPage = createLoadableComponent(() => import('../components/CustomPages/PF/InitDestOrgPage'))
|
||||
const PFInitDestOrgPage = createLoadableComponent(() => import('../components/CustomPages/PF/InitDestOrgPage'));
|
||||
|
||||
const PFEntityFieldListPage = createLoadableComponent(() => import('../components/CustomPages/PF/EntityFieldListPage'))
|
||||
const PFEntityFieldListPage = createLoadableComponent(() => import('../components/CustomPages/PF/EntityFieldListPage'));
|
||||
|
||||
const PFExecuteSqlPage = createLoadableComponent(() => import('../components/CustomPages/PF/ExecuteSqlPage'))
|
||||
const PFExecuteSqlPage = createLoadableComponent(() => import('../components/CustomPages/PF/ExecuteSqlPage'));
|
||||
|
||||
const PFSendInfoToClientPage = createLoadableComponent(() => import('../components/CustomPages/PF/SendInfoToClientPage'))
|
||||
const PFSendInfoToClientPage = createLoadableComponent(
|
||||
() => import('../components/CustomPages/PF/SendInfoToClientPage')
|
||||
);
|
||||
|
||||
const PFFormConfigByNamePage = createLoadableComponent(() => import('../components/CustomPages/PF/FormConfigByNamePage'))
|
||||
const PFFormConfigByNamePage = createLoadableComponent(
|
||||
() => import('../components/CustomPages/PF/FormConfigByNamePage')
|
||||
);
|
||||
|
||||
const BDPictureEditPage = createLoadableComponent(() => import('../components/CustomPages/BD/PictureEditPage'))
|
||||
const BDPictureEditPage = createLoadableComponent(() => import('../components/CustomPages/BD/PictureEditPage'));
|
||||
|
||||
const BDHmiPage = createLoadableComponent(() => import('../components/CustomPages/BD/BDHmiPage'))
|
||||
const BDHmiPage = createLoadableComponent(() => import('../components/CustomPages/BD/BDHmiPage'));
|
||||
|
||||
const BDWordPage = createLoadableComponent(() => import('../components/CustomPages/BD/BDWordPage'))
|
||||
const BDWordPage = createLoadableComponent(() => import('../components/CustomPages/BD/BDWordPage'));
|
||||
|
||||
const FoPreOperSch = createLoadableComponent(() => import('../components/CustomPages/FO/FoPreOperSch'))
|
||||
const FoPreOperSch = createLoadableComponent(() => import('../components/CustomPages/FO/FoPreOperSch'));
|
||||
|
||||
const FoTeamActivityShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FoTeamActivityShowPrint'))
|
||||
const FoTeamActivityShowPrint = createLoadableComponent(
|
||||
() => import('../components/CustomPages/FO/FoTeamActivityShowPrint')
|
||||
);
|
||||
|
||||
const PFCommonApprove = createLoadableComponent(() => import('../components/CustomPages/PF/PFCommonApprove'))
|
||||
const PFCommonApprove = createLoadableComponent(() => import('../components/CustomPages/PF/PFCommonApprove'));
|
||||
|
||||
const PFCommonApproveView = createLoadableComponent(() => import('../components/CustomPages/PF/PFCommonApproveView'))
|
||||
const PFCommonApproveView = createLoadableComponent(() => import('../components/CustomPages/PF/PFCommonApproveView'));
|
||||
|
||||
const PFTodayReminder = createLoadableComponent(() => import('../components/CustomPages/PF/PFTodayReminder'))
|
||||
const SelectUser = createLoadableComponent(() => import('../components/CustomPages/FM/SelectUser'))
|
||||
const FO003ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO003ShowPrint'))
|
||||
const FO003ShowPrintJD = createLoadableComponent(() => import('../components/CustomPages/FO/FO003ShowPrintJD'))
|
||||
const FO005ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO005ShowPrint'))
|
||||
const FOChangeShfitRecord = createLoadableComponent(() => import('../components/CustomPages/FO/FOChangeShfitRecord'))
|
||||
const HM047ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM047ShowPrint'))
|
||||
const HM040ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM040ShowPrint'))
|
||||
const HM042ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM042ShowPrint'))
|
||||
const HM001ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM001ShowPrint'))
|
||||
const PFTodayReminder = createLoadableComponent(() => import('../components/CustomPages/PF/PFTodayReminder'));
|
||||
const SelectUser = createLoadableComponent(() => import('../components/CustomPages/FM/SelectUser'));
|
||||
const FO003ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO003ShowPrint'));
|
||||
const FO003ShowPrintJD = createLoadableComponent(() => import('../components/CustomPages/FO/FO003ShowPrintJD'));
|
||||
const FO005ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO005ShowPrint'));
|
||||
const FOChangeShfitRecord = createLoadableComponent(() => import('../components/CustomPages/FO/FOChangeShfitRecord'));
|
||||
const HM047ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM047ShowPrint'));
|
||||
const HM040ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM040ShowPrint'));
|
||||
const HM042ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM042ShowPrint'));
|
||||
const HM001ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM001ShowPrint'));
|
||||
|
||||
const HM123ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM123ShowPrint'))
|
||||
const HM123ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM123ShowPrint'));
|
||||
|
||||
const FileViewerShow = createLoadableComponent(() => import('../components/common/FileViewerShow'));
|
||||
|
||||
const FileViewerShow = createLoadableComponent(() => import('../components/common/FileViewerShow'))
|
||||
const FO017ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO017ShowPrint'));
|
||||
const FO017ShowPrintJD = createLoadableComponent(() => import('../components/CustomPages/FO/FO017ShowPrintJD'));
|
||||
const FO021ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO021ShowPrint'));
|
||||
const FO022ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO022ShowPrint'));
|
||||
const FO015ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO015ShowPrint'));
|
||||
const FO008ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO008ShowPrint'));
|
||||
const FO021EditPage = createLoadableComponent(() => import('../components/CustomPages/FO/FO021EditPage'));
|
||||
const FO019ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO019ShowPrint'));
|
||||
const FO035ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO035ShowPrint'));
|
||||
const FO037ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO037ShowPrint'));
|
||||
const FO041ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO041ShowPrint'));
|
||||
const FO043ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO043ShowPrint'));
|
||||
const FO045ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO045ShowPrint'));
|
||||
|
||||
const FO017ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO017ShowPrint'))
|
||||
const FO017ShowPrintJD = createLoadableComponent(() => import('../components/CustomPages/FO/FO017ShowPrintJD'))
|
||||
const FO021ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO021ShowPrint'))
|
||||
const FO022ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO022ShowPrint'))
|
||||
const FO015ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO015ShowPrint'))
|
||||
const FO008ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO008ShowPrint'))
|
||||
const FO021EditPage = createLoadableComponent(() => import('../components/CustomPages/FO/FO021EditPage'))
|
||||
const FO019ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO019ShowPrint'))
|
||||
const FO035ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO035ShowPrint'))
|
||||
const FO037ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO037ShowPrint'))
|
||||
const FO041ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO041ShowPrint'))
|
||||
const FO043ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO043ShowPrint'))
|
||||
const FO045ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO045ShowPrint'))
|
||||
const PreMeetingTask = createLoadableComponent(() => import('../components/CustomPages/Mobile/PreMeetingTask'));
|
||||
const PreOperSchTask = createLoadableComponent(() => import('../components/CustomPages/Mobile/PreOperSchTask'));
|
||||
const PF132ShowPrint = createLoadableComponent(() => import('../components/CustomPages/PF/PF132ShowPrint'));
|
||||
const RiskSubmit = createLoadableComponent(() => import('../components/CustomPages/Mobile/RiskSubmit'));
|
||||
const CrucialLicenseJob = createLoadableComponent(() => import('../components/CustomPages/Mobile/CrucialLicenseJob'));
|
||||
|
||||
const PreMeetingTask = createLoadableComponent(() => import('../components/CustomPages/Mobile/PreMeetingTask'))
|
||||
const PreOperSchTask = createLoadableComponent(() => import('../components/CustomPages/Mobile/PreOperSchTask'))
|
||||
const PF132ShowPrint = createLoadableComponent(() => import('../components/CustomPages/PF/PF132ShowPrint'))
|
||||
const RiskSubmit = createLoadableComponent(() => import('../components/CustomPages/Mobile/RiskSubmit'))
|
||||
const CrucialLicenseJob = createLoadableComponent(() => import('../components/CustomPages/Mobile/CrucialLicenseJob'))
|
||||
const SCShowPrint = createLoadableComponent(() => import('../components/CustomPages/SC/SCShowPrint'));
|
||||
|
||||
const SCShowPrint = createLoadableComponent(() => import('../components/CustomPages/SC/SCShowPrint'))
|
||||
|
||||
const SC046ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SC/SC046ShowPrint'))
|
||||
const SC052ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SC/SC052ShowPrint'))
|
||||
const SC046ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SC/SC046ShowPrint'));
|
||||
const SC052ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SC/SC052ShowPrint'));
|
||||
|
||||
// const CM018ShowPrint = createLoadableComponent(() => import('../components/CustomPages/CM/CM018ShowPrint'))
|
||||
// const CM002ShowPrint = createLoadableComponent(() => import('../components/CustomPages/CM/CM002ShowPrint'))
|
||||
@ -130,34 +138,34 @@ const SC052ShowPrint = createLoadableComponent(() => import('../components/Custo
|
||||
// const CM043ShowPrint = createLoadableComponent(() => import('../components/CustomPages/CM/CM043ShowPrint'))
|
||||
// const CM045ShowPrint = createLoadableComponent(() => import('../components/CustomPages/CM/CM045ShowPrint'))
|
||||
|
||||
const SE001EditPage = createLoadableComponent(() => import('../components/CustomPages/SE/SE001EditPage'))
|
||||
const SEConfigPage = createLoadableComponent(() => import('../components/CustomPages/SE/SEConfigPage'))
|
||||
const SE005ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE005ShowPrint'))
|
||||
const SESafeSurveyTest = createLoadableComponent(() => import('../components/CustomPages/SE/SESafeSurveyTest'))
|
||||
const SE005ReportEdit = createLoadableComponent(() => import('../components/CustomPages/SE/SE005ReportEdit'))
|
||||
const SE007AllView = createLoadableComponent(() => import('../components/CustomPages/SE/SE007AllView'))
|
||||
const SE009ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE009ShowPrint'))
|
||||
const SE011ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE011ShowPrint'))
|
||||
const SE013ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE013ShowPrint'))
|
||||
const SE015ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE015ShowPrint'))
|
||||
const SE018EditPage = createLoadableComponent(() => import('../components/CustomPages/SE/SE018EditPage'))
|
||||
const SE018PaperPage = createLoadableComponent(() => import('../components/CustomPages/SE/SE018PaperPage'))
|
||||
const SE019ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE019ShowPrint'))
|
||||
const SE021ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE021ShowPrint'))
|
||||
const SE061ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE061ShowPrint'))
|
||||
const SE071ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE071ShowPrint'))
|
||||
const SE061PaperPage = createLoadableComponent(() => import('../components/CustomPages/SE/SE061PaperPage'))
|
||||
const SE062ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE062ShowPrint'))
|
||||
const SE063ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE063ShowPrint'))
|
||||
const SE051ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE051ShowPrint'))
|
||||
const SE007ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE007ShowPrint'))
|
||||
const SE001EditPage = createLoadableComponent(() => import('../components/CustomPages/SE/SE001EditPage'));
|
||||
const SEConfigPage = createLoadableComponent(() => import('../components/CustomPages/SE/SEConfigPage'));
|
||||
const SE005ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE005ShowPrint'));
|
||||
const SESafeSurveyTest = createLoadableComponent(() => import('../components/CustomPages/SE/SESafeSurveyTest'));
|
||||
const SE005ReportEdit = createLoadableComponent(() => import('../components/CustomPages/SE/SE005ReportEdit'));
|
||||
const SE007AllView = createLoadableComponent(() => import('../components/CustomPages/SE/SE007AllView'));
|
||||
const SE009ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE009ShowPrint'));
|
||||
const SE011ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE011ShowPrint'));
|
||||
const SE013ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE013ShowPrint'));
|
||||
const SE015ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE015ShowPrint'));
|
||||
const SE018EditPage = createLoadableComponent(() => import('../components/CustomPages/SE/SE018EditPage'));
|
||||
const SE018PaperPage = createLoadableComponent(() => import('../components/CustomPages/SE/SE018PaperPage'));
|
||||
const SE019ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE019ShowPrint'));
|
||||
const SE021ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE021ShowPrint'));
|
||||
const SE061ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE061ShowPrint'));
|
||||
const SE071ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE071ShowPrint'));
|
||||
const SE061PaperPage = createLoadableComponent(() => import('../components/CustomPages/SE/SE061PaperPage'));
|
||||
const SE062ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE062ShowPrint'));
|
||||
const SE063ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE063ShowPrint'));
|
||||
const SE051ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE051ShowPrint'));
|
||||
const SE007ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SE/SE007ShowPrint'));
|
||||
|
||||
const BI001HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI001HomeDetail'))
|
||||
const BI002HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI002HomeDetail'))
|
||||
const BI001HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI001HomeDetail'));
|
||||
const BI002HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI002HomeDetail'));
|
||||
// const BI054HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI054HomeDetail'))
|
||||
// const BI055HomeDetail = createLoadableComponent(() => import('../components/CustomPages/BI/BI055HomeDetail'))
|
||||
// const BI004FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI004FormRunAnalysis'))
|
||||
const BI005LoginRecord = createLoadableComponent(() => import('../components/CustomPages/BI/BI005LoginRecord'))
|
||||
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'))
|
||||
@ -165,23 +173,25 @@ const BI005LoginRecord = createLoadableComponent(() => import('../components/Cus
|
||||
// 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 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 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 BI009FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI009FormRunAnalysis'))
|
||||
const BIView = createLoadableComponent(() => import('../components/CustomPages/BI/BIView'))
|
||||
const BI009FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI009FormRunAnalysis'));
|
||||
const BIView = createLoadableComponent(() => import('../components/CustomPages/BI/BIView'));
|
||||
// const BI001 = createLoadableComponent(() => import('../components/CustomPages/BI/BI001'))
|
||||
// const BI050BSSafeCheck = createLoadableComponent(() => import('../components/CustomPages/BI/BI050BSSafeCheck'))
|
||||
// const BI051BSCompanyYear = createLoadableComponent(() => import('../components/CustomPages/BI/BI051BSCompanyYearOne'))
|
||||
// const BI052BSSafeCheckYear = createLoadableComponent(() => import('../components/CustomPages/BI/BI052BSSafeCheckYearOne'))
|
||||
// const BI053BSSafeCheckYear = createLoadableComponent(() => import('../components/CustomPages/BI/BI053BSSafeCheckYearOne'))
|
||||
const BI056Performance = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Performance'))
|
||||
const BI056Performance = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Performance'));
|
||||
// const BI056Dilg1_1 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg1_1'))
|
||||
// const BI056Dilg1_2 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg1_2'))
|
||||
// const BI056Dilg2_1 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg2_1'))
|
||||
@ -189,83 +199,108 @@ const BI056Performance = createLoadableComponent(() => import('../components/Cus
|
||||
// const BI056Dilg3_1 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg3_1'))
|
||||
// const BI056Dilg3_2 = createLoadableComponent(() => import('../components/CustomPages/BI/BI056Dilg3_2'))
|
||||
// const BI003StatiscialAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI003StatiscialAnalysis'))
|
||||
const BI020ApproveAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI020ApproveAnalysis'))
|
||||
const BI014RiskPerformanceModel = createLoadableComponent(() => import('../components/CustomPages/BI/BI014RiskPerformanceModel'))
|
||||
const BI012FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI012FormRunAnalysis'))
|
||||
const BI020ApproveAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI020ApproveAnalysis'));
|
||||
const BI014RiskPerformanceModel = createLoadableComponent(
|
||||
() => import('../components/CustomPages/BI/BI014RiskPerformanceModel')
|
||||
);
|
||||
const BI012FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI012FormRunAnalysis'));
|
||||
|
||||
const PF136FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/PF/PF136FormRunAnalysis'))
|
||||
const PF139FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/PF/PF139FormRunAnalysis'))
|
||||
const PF136FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/PF/PF136FormRunAnalysis'));
|
||||
const PF139FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/PF/PF139FormRunAnalysis'));
|
||||
|
||||
const FO025ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO025ShowPrint'))
|
||||
const FO025ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FO/FO025ShowPrint'));
|
||||
|
||||
const SK035ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK035ShowPrint'))
|
||||
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 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 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 HM107ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM107ShowPrint'));
|
||||
|
||||
const HM111ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM111ShowPrint'))
|
||||
const HMTasks = createLoadableComponent(() => import('../components/CustomPages/HM/HMTasks'))
|
||||
const HM111ShowPrint = createLoadableComponent(() => import('../components/CustomPages/HM/HM111ShowPrint'));
|
||||
const HMTasks = createLoadableComponent(() => import('../components/CustomPages/HM/HMTasks'));
|
||||
|
||||
|
||||
|
||||
|
||||
const CloseTasks = createLoadableComponent(() => import('../components/CustomPages/BI/CloseTasks'))
|
||||
const FM202ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FM/FM202ShowPrint'))
|
||||
const PFApproveRole = createLoadableComponent(() => import('../components/CustomPages/PF/PFApproveRole'))
|
||||
const SK002ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK002ShowPrint'))
|
||||
const SK002CheckList = createLoadableComponent(() => import('../components/CustomPages/SK/SK002CheckList'))
|
||||
const SK002ShowSummary = createLoadableComponent(() => import('../components/CustomPages/SK/SK002ShowSummary'))
|
||||
const SK004ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK004ShowPrint'))
|
||||
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 SK004ShowSummary = createLoadableComponent(() => import('../components/CustomPages/SK/SK004ShowSummary'))
|
||||
const SK004Import = createLoadableComponent(() => import('../components/CustomPages/SK/SK004Import'))
|
||||
const SK006ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK006ShowPrint'))
|
||||
const SK006ShowOperateLog = createLoadableComponent(() => import('../components/CustomPages/SK/SK006ShowOperateLog'))
|
||||
const SK010ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK010ShowPrint'))
|
||||
const SK012ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK012ShowPrint'))
|
||||
const SK014ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK014ShowPrint'))
|
||||
const SK010CheckList = createLoadableComponent(() => import('../components/CustomPages/SK/SK010CheckList'))
|
||||
const SK016ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK016ShowPrint'))
|
||||
const SK018ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK018ShowPrint'))
|
||||
const SK020ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK020ShowPrint'))
|
||||
const SK022ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK022ShowPrint'))
|
||||
const SK024ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK024ShowPrint'))
|
||||
const SK026ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK026ShowPrint'))
|
||||
const SK027ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK027ShowPrint'))
|
||||
const SK031ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK031ShowPrint'))
|
||||
const SK033ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK033ShowPrint'))
|
||||
const CloseTasks = createLoadableComponent(() => import('../components/CustomPages/BI/CloseTasks'));
|
||||
const FM202ShowPrint = createLoadableComponent(() => import('../components/CustomPages/FM/FM202ShowPrint'));
|
||||
const PFApproveRole = createLoadableComponent(() => import('../components/CustomPages/PF/PFApproveRole'));
|
||||
const SK002ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK002ShowPrint'));
|
||||
const SK002CheckList = createLoadableComponent(() => import('../components/CustomPages/SK/SK002CheckList'));
|
||||
const SK002ShowSummary = createLoadableComponent(() => import('../components/CustomPages/SK/SK002ShowSummary'));
|
||||
const SK004ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK004ShowPrint'));
|
||||
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 SK004ShowSummary = createLoadableComponent(() => import('../components/CustomPages/SK/SK004ShowSummary'));
|
||||
const SK004Import = createLoadableComponent(() => import('../components/CustomPages/SK/SK004Import'));
|
||||
const SK006ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK006ShowPrint'));
|
||||
const SK006ShowOperateLog = createLoadableComponent(() => import('../components/CustomPages/SK/SK006ShowOperateLog'));
|
||||
const SK010ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK010ShowPrint'));
|
||||
const SK012ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK012ShowPrint'));
|
||||
const SK014ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK014ShowPrint'));
|
||||
const SK010CheckList = createLoadableComponent(() => import('../components/CustomPages/SK/SK010CheckList'));
|
||||
const SK016ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK016ShowPrint'));
|
||||
const SK018ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK018ShowPrint'));
|
||||
const SK020ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK020ShowPrint'));
|
||||
const SK022ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK022ShowPrint'));
|
||||
const SK024ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK024ShowPrint'));
|
||||
const SK026ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK026ShowPrint'));
|
||||
const SK027ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK027ShowPrint'));
|
||||
const SK027ShowPrintNew = createLoadableComponent(() => import('../components/CustomPages/SK/SK027ShowPrintNew'));
|
||||
const SK031ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK031ShowPrint'));
|
||||
const SK033ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK033ShowPrint'));
|
||||
// 该组件已在上方声明，此处去除重复定义
|
||||
const SK035CheckLibrary = createLoadableComponent(() => import('../components/CustomPages/SK/SK035CheckLibrary'))
|
||||
const SK037ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK037ShowPrint'))
|
||||
const SK039ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK039ShowPrint'))
|
||||
const SK041ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK041ShowPrint'))
|
||||
const SK043ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK043ShowPrint'))
|
||||
const SK045ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK045ShowPrint'))
|
||||
const SK035CheckLibrary = createLoadableComponent(() => import('../components/CustomPages/SK/SK035CheckLibrary'));
|
||||
const SK037ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK037ShowPrint'));
|
||||
const SK039ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK039ShowPrint'));
|
||||
const SK041ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK041ShowPrint'));
|
||||
const SK043ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK043ShowPrint'));
|
||||
const SK045ShowPrint = createLoadableComponent(() => import('../components/CustomPages/SK/SK045ShowPrint'));
|
||||
const BI00FullScreen = createLoadableComponent(() => import('../components/CustomPages/BI/BI00FullScreen'));
|
||||
const BI064FormRunAnalysis = createLoadableComponent(() => import('../components/CustomPages/BI/BI064FormRunAnalysis'));
|
||||
|
||||
export default function (componentName, formId, formParam, data, formCode, formData) {
|
||||
return {
|
||||
|
||||
SC022Import: <SC022Import formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
SC022ImportData: <SC022ImportData formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
FMUserEditPage: <FMUserEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
FMUserEditPageAuth: <FMUserEditPageAuth formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
FMUserGroupEditPage: <FMUserGroupEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
FMRoleGroupEditPage: <FMRoleGroupEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
FMRoleEditPage: <FMRoleEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
FM204ShowPrint: <FM204ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
PFCustomPageConfigPage: <PFCustomPageConfigPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
SC022Import: (
|
||||
<SC022Import formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
SC022ImportData: (
|
||||
<SC022ImportData formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
FMUserEditPage: (
|
||||
<FMUserEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
FMUserEditPageAuth: (
|
||||
<FMUserEditPageAuth formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
FMUserGroupEditPage: (
|
||||
<FMUserGroupEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
FMRoleGroupEditPage: (
|
||||
<FMRoleGroupEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
FMRoleEditPage: (
|
||||
<FMRoleEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
FM204ShowPrint: (
|
||||
<FM204ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
PFCustomPageConfigPage: (
|
||||
<PFCustomPageConfigPage
|
||||
formId={formId}
|
||||
formParam={formParam}
|
||||
data={data}
|
||||
formCode={formCode}
|
||||
formData={formData}
|
||||
/>
|
||||
),
|
||||
FMBaseConfig: <FMBaseConfig formId={formId} formParam={formParam} data={data} />,
|
||||
PFFlowSchemesEditPage: <PFFlowSchemesEditPage formId={formId} formParam={formParam} data={data} />,
|
||||
PFFlowSchemesShowPage: <PFFlowSchemesShowPage formId={formId} formParam={formParam} data={data} />,
|
||||
@ -275,12 +310,20 @@ export default function (componentName, formId, formParam, data, formCode, formD
|
||||
WOSOPViewPage: <WOSOPViewPage formId={formId} formParam={formParam} data={data} />,
|
||||
FMCustomImportPage: <FMCustomImportPage formId={formId} formParam={formParam} data={data} />,
|
||||
FMNodeSchedulingPage: <FMNodeSchedulingPage formId={formId} formParam={formParam} data={data} />,
|
||||
PFEntitySqlPage: <PFEntitySqlPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />,
|
||||
PFEntitySqlPage: (
|
||||
<PFEntitySqlPage formId={formId} formParam={formParam} data={data} formCode={formCode} formData={formData} />
|
||||
),
|
||||
PFInitDestOrgPage: <PFInitDestOrgPage formId={formId} formParam={formParam} data={data} />,
|
||||
PFEntityFieldListPage: <PFEntityFieldListPage formId={formId} formCode={formCode} formParam={formParam} data={data} />,
|
||||
PFEntityFieldListPage: (
|
||||
<PFEntityFieldListPage formId={formId} formCode={formCode} formParam={formParam} data={data} />
|
||||
),
|
||||
PFExecuteSqlPage: <PFExecuteSqlPage formId={formId} formCode={formCode} formParam={formParam} data={data} />,
|
||||
PFSendInfoToClientPage: <PFSendInfoToClientPage formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
PFFormConfigByNamePage: <PFFormConfigByNamePage formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
PFSendInfoToClientPage: (
|
||||
<PFSendInfoToClientPage formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
PFFormConfigByNamePage: (
|
||||
<PFFormConfigByNamePage formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
BDPictureEditPage: <BDPictureEditPage formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BDHmiPage: <BDHmiPage formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BDWordPage: <BDWordPage formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
@ -323,7 +366,9 @@ export default function (componentName, formId, formParam, data, formCode, formD
|
||||
HMTasks: <HMTasks formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
|
||||
FoPreOperSch: <FoPreOperSch formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
FoTeamActivityShowPrint: <FoTeamActivityShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
FoTeamActivityShowPrint: (
|
||||
<FoTeamActivityShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
PFCommonApprove: <PFCommonApprove formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
PFCommonApproveView: <PFCommonApproveView formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
PFTodayReminder: <PFTodayReminder formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
@ -374,7 +419,6 @@ export default function (componentName, formId, formParam, data, formCode, formD
|
||||
// CM043ShowPrint: <CM043ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
// CM045ShowPrint: <CM045ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
|
||||
|
||||
BIView: <BIView formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
// BI001: <BI001 formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
// BI050BSSafeCheck: <BI050BSSafeCheck formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
@ -402,20 +446,38 @@ export default function (componentName, formId, formParam, data, formCode, formD
|
||||
// BI008FormRunAnalysis: <BI008FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
// BI009RiskAnalysis: <BI009RiskAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
// BI010FormRunAnalysis: <BI010FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI011FormRunAnalysis: <BI011FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI011TrainSafeAnalysis: <BI011TrainSafeAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI011FormRunAnalysis: (
|
||||
<BI011FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
BI011TrainSafeAnalysis: (
|
||||
<BI011TrainSafeAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
// BI012NotificationTaskAnalysis: <BI012NotificationTaskAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
// BI013RiskAnalysisModel: <BI013RiskAnalysisModel formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI014RiskPerformanceModel: <BI014RiskPerformanceModel formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI030FormRunAnalysis: <BI030FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI014RiskPerformanceModel: (
|
||||
<BI014RiskPerformanceModel formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
BI030FormRunAnalysis: (
|
||||
<BI030FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
// BI060MapeShow: <BI060MapeShow formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
// BI060MapePoint: <BI060MapePoint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
// BI061MapeGISShow: <BI061MapeGISShow formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI009FormRunAnalysis: <BI009FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI020ApproveAnalysis: <BI020ApproveAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI012FormRunAnalysis: <BI012FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
PF136FormRunAnalysis: <PF136FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
PF139FormRunAnalysis: <PF139FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI009FormRunAnalysis: (
|
||||
<BI009FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
BI020ApproveAnalysis: (
|
||||
<BI020ApproveAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
BI012FormRunAnalysis: (
|
||||
<BI012FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
PF136FormRunAnalysis: (
|
||||
<PF136FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
PF139FormRunAnalysis: (
|
||||
<PF139FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
FO025ShowPrint: <FO025ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
FM202ShowPrint: <FM202ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
PFApproveRole: <PFApproveRole formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
@ -441,6 +503,7 @@ export default function (componentName, formId, formParam, data, formCode, formD
|
||||
SK024ShowPrint: <SK024ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
SK026ShowPrint: <SK026ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
SK027ShowPrint: <SK027ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
SK027ShowPrintNew: <SK027ShowPrintNew formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
SK031ShowPrint: <SK031ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
SK033ShowPrint: <SK033ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
SK035ShowPrint: <SK035ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
@ -450,6 +513,9 @@ export default function (componentName, formId, formParam, data, formCode, formD
|
||||
SK041ShowPrint: <SK041ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
SK043ShowPrint: <SK043ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
SK045ShowPrint: <SK045ShowPrint formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
|
||||
}[componentName]
|
||||
}
|
||||
BI00FullScreen: <BI00FullScreen formId={formId} formParam={formParam} data={data} formCode={formCode} />,
|
||||
BI064FormRunAnalysis: (
|
||||
<BI064FormRunAnalysis formId={formId} formParam={formParam} data={data} formCode={formCode} />
|
||||
),
|
||||
}[componentName];
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user