+
+
+ {/*
+
+
+
+
+
+
+
+
+
+
+
+ {/* 主要内容区域 */}
+
+ {/* 左侧：人员资质 */}
+
+
+
+
+ {/* 中间：部门人员分布 */}
+
+
+
+
+ {/* 右侧：到期提醒 */}
+
+
+
+
+ 到期提醒
+
+
+
+
+ 沈一撒合同已到期
+
+
+
+ 赵敏敏合同临期 15 天
+
+
+
+ 赵敏敏合同临期 15 天
+
+
+
+
+ {/* 底部表格区域 */}
+
+
+
+
+
+
+ 部门
+
+
+
+
+
+ }
+ style={{ backgroundColor: '#2E4CD4', color: '#fff', borderColor: '#2E4CD4' }}
+ onClick={() => this.handleModalVisible(true)}
+ >
+ 新增人员
+
+ }
+ className={styles['button-style']}
+ >
+ 批量导入
+
+ }
+ className={styles['button-style']}
+ >
+ 批量导出
+
+
+
+
+
+
+
`共 ${total} 条`}
+ />
+
+
+ {modalVisible &&
}
+
+ {updateFormValues && Object.keys(updateFormValues).length ? (
+
+ ) : null}
+
+ {viewFormValues && Object.keys(viewFormValues).length ? (
+
+ ) : null}
+
+ )
+ }
+}
+
+export default PersonnelBasicInfo;
diff --git a/src/pages/business_basicinformation/components/QualificationManagement.js b/src/pages/business_basicinformation/components/QualificationManagement.js
new file mode 100644
index 0000000..1af972f
--- /dev/null
+++ b/src/pages/business_basicinformation/components/QualificationManagement.js
@@ -0,0 +1,743 @@
+import React, { PureComponent } from 'react';
+import {
+ DeleteOutlined,
+ EditOutlined,
+ PlusOutlined,
+ SearchOutlined,
+ RedoOutlined,
+ DownOutlined,
+ ExclamationCircleFilled,
+ UpOutlined,
+ SafetyOutlined,
+ ImportOutlined,
+ ExportOutlined,
+ UserOutlined,
+ TeamOutlined,
+ SettingOutlined,
+ FileTextOutlined,
+ ProjectOutlined,
+ WarningOutlined,
+ AlertOutlined,
+} from '@ant-design/icons';
+import { Button, Card, Divider, Dropdown, message, Modal, Popconfirm, Space, Switch, Tag, Row, Col, Tree, Progress, Input, Select } from 'antd';
+import StandardTable from '@/components/StandardTable';
+import ReactECharts from 'echarts-for-react';
+
+import { MyIcon } from "@/components/Icon"
+import style from "@/global.less";
+import StaffSheetCreateForm from '../form/BasicInfoCreateForm'; //新增表单
+import StaffSheetUpdateForm from '../form/BasicInfoUpdateForm'; //修改表单
+import StaffSheetViewForm from '../form/BasicInfoViewForm'; //查看表单
+import styles from '../BasicInformation.less';
+import datadictionary from "@/utils/dataDictionary";
+import { formatDate } from "@/utils/formatUtils";
+import { formatDictText, checkButtonAuthority } from "@/utils/globalCommon";
+
+const { confirm } = Modal;
+
+//预约类型
+const sex_type = datadictionary.sex
+const user_status = datadictionary.user_status
+const sys_user_post = datadictionary.sys_user_post
+
+const mockData = {
+ list: [
+ {
+ id: '01',
+ certificateName: '安全生产许可证',
+ certificateNumber: 'AQ103',
+ validDate: '2025-09-09',
+ status: '有效',
+ remainingDays: 15,
+ fileLink: '点击查看 PDF',
+ },
+ {
+ id: '02',
+ certificateName: '特种设备证书',
+ certificateNumber: 'AQ103',
+ validDate: '2025-09-09',
+ status: '有效',
+ remainingDays: 15,
+ fileLink: '点击查看 PDF',
+ },
+ {
+ id: '03',
+ certificateName: '安全许可证书',
+ certificateNumber: 'AQ103',
+ validDate: '2025-09-09',
+ status: '即将到期',
+ remainingDays: 15,
+ fileLink: '点击查看 PDF',
+ },
+ {
+ id: '04',
+ certificateName: '安全生产许可证',
+ certificateNumber: 'AQ103',
+ validDate: '2025-09-09',
+ status: '即将到期',
+ remainingDays: 15,
+ fileLink: '点击查看 PDF',
+ },
+ {
+ id: '05',
+ certificateName: '安全生产许可证',
+ certificateNumber: 'AQ103',
+ validDate: '2025-09-09',
+ status: '异常',
+ remainingDays: 15,
+ fileLink: '点击查看 PDF',
+ },
+ ],
+ pagination: {
+ total: 48,
+ current: 1,
+ pageSize: 5,
+ },
+}
+
+class QualificationManagement extends PureComponent {
+ state = {
+ modalVisible: false,
+ updateModalVisible: false,
+ viewModalVisible: false,
+ expandForm: false,
+ selectedRows: [],
+ formValues: {},
+ updateFormValues: {},
+ viewFormValues: {},
+ toggleExpand: false,
+ }
+
+ columns = [
+ {
+ title: '序号',
+ dataIndex: 'id',
+ key: 'id',
+ width: 60,
+ fixed: 'left',
+ render: (text) => (
+
{text}
+ ),
+ },
+ {
+ title: '证书名称',
+ dataIndex: 'certificateName',
+ key: 'certificateName',
+ width: 150,
+ fixed: 'left',
+ render: (text) => (
+
{text}
+ ),
+ },
+ {
+ title: '编号',
+ dataIndex: 'certificateNumber',
+ key: 'certificateNumber',
+ width: 120,
+ render: (text) => (
+
{text}
+ ),
+ },
+ {
+ title: '有效期',
+ dataIndex: 'validDate',
+ key: 'validDate',
+ width: 100,
+ render: (text) => (
+
{text}
+ ),
+ },
+ {
+ title: '状态',
+ dataIndex: 'status',
+ key: 'status',
+ width: 100,
+ render: (text) => {
+ let color = '#2E4CD4';
+ let bgColor = '#E6E9FB';
+ if (text === '即将到期') {
+ color = '#FF8800';
+ bgColor = '#FFF3E9';
+ } else if (text === '异常') {
+ color = '#FF3E48';
+ bgColor = '#FFE0E2';
+ }
+ return (
+
+ {text}
+
+ );
+ },
+ },
+ {
+ title: '预警信息',
+ dataIndex: 'remainingDays',
+ key: 'remainingDays',
+ width: 100,
+ render: (text) => (
+
{text} 天
+ ),
+ },
+ {
+ title: '关联文件链接',
+ dataIndex: 'fileLink',
+ key: 'fileLink',
+ width: 120,
+ render: (text, record) => (
+
{text}
+ ),
+ },
+ // {
+ // title: '操作',
+ // fixed: 'right',
+ // align: 'center',
+ // width: 200,
+ // render: (text, record) => {
+ // return (
+ //
+ // )
+ // }
+ // },
+ ]
+
+ getPieChartOption = () => {
+ return {
+ tooltip: {
+ trigger: 'item',
+ formatter: '{a}
{b}: {c}% ({d}%)'
+ },
+ legend: {
+ orient: 'vertical',
+ right: '0',
+ top: '22%',
+ itemWidth: 16,
+ itemHeight: 4,
+ itemGap: 16,
+ textStyle: {
+ fontSize: 12,
+ color: '#666',
+ fontWeight: 'normal'
+ }
+ },
+ series: [
+ {
+ name: '证照类型分布',
+ type: 'pie',
+ radius: ['30%', '45%'],
+ center: ['30%', '40%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false
+ },
+ emphasis: {
+ scale: true,
+ scaleSize: 5
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ {
+ value: 45,
+ name: '安全生产许可证',
+ itemStyle: {
+ color: '#4B69F1'
+ }
+ },
+ {
+ value: 20,
+ name: '安全评价报告',
+ itemStyle: {
+ color: '#44BB5F'
+ }
+ },
+ {
+ value: 20,
+ name: '施工资质证书',
+ itemStyle: {
+ color: '#A493FB'
+ }
+ },
+ {
+ value: 15,
+ name: '其他',
+ itemStyle: {
+ color: '#FFD85A'
+ }
+ }
+ ]
+ }
+ ]
+ };
+ }
+
+ getPieCertificationStatusChartOption = () => {
+ return {
+ tooltip: {
+ trigger: 'item',
+ formatter: '{b}: {c}% ({d}%)'
+ },
+ legend: {
+ orient: 'vertical',
+ right: '20%',
+ top: '22%',
+ itemWidth: 16,
+ itemHeight: 4,
+ itemGap: 16,
+ textStyle: {
+ fontSize: 12,
+ color: '#666'
+ }
+ },
+ series: [
+ {
+ name: '证照状态分布',
+ type: 'pie',
+ radius: '45%',
+ center: ['30%', '40%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: true,
+ position: 'inside',
+ formatter: '{d}%',
+ fontSize: 12,
+ // fontWeight: 'bold',
+ color: '#fff'
+ },
+ emphasis: {
+ scale: true,
+ scaleSize: 5
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ {
+ value: 40,
+ name: '有效',
+ itemStyle: {
+ color: '#1269FF'
+ }
+ },
+ {
+ value: 25,
+ name: '临期 30 天',
+ itemStyle: {
+ color: '#6E86F4'
+ }
+ },
+ {
+ value: 25,
+ name: '临期 15 天',
+ itemStyle: {
+ color: '#A3B3F8'
+ }
+ },
+ {
+ value: 10,
+ name: '异常',
+ itemStyle: {
+ color: '#C6D0FB'
+ }
+ }
+ ]
+ }
+ ]
+ };
+ }
+
+ handleStandardTableChange = (pagination, sorter) => {
+ const { dispatch } = this.props
+ const { formValues } = this.state
+
+ const params = {
+ currentPage: pagination.current,
+ pageSize: pagination.pageSize,
+ ...formValues
+ }
+
+ sorter.field && (params.sorter = `${sorter.field}_${sorter.order}`)
+ }
+
+ handleFormReset = () => {
+ const { dispatch } = this.props
+ this.setState({
+ formValues: {}
+ })
+ }
+
+ toggleForm = () => {
+ const { expandForm } = this.state
+ this.setState({
+ expandForm: !expandForm
+ })
+ }
+
+ handleSelectRows = rows => {
+ this.setState({
+ selectedRows: rows
+ })
+ }
+
+ handleSearch = values => {
+ const { dispatch } = this.props
+ const { expandForm } = this.state
+
+ this.setState({
+ formValues: values
+ })
+ }
+
+ handleModalVisible = flag => {
+ this.setState({
+ modalVisible: !!flag
+ })
+ }
+
+ handleUpdateModalVisible = (flag, record) => {
+ this.setState({
+ updateModalVisible: !!flag,
+ updateFormValues: record || {}
+ })
+ }
+
+ handleViewModalVisible = (flag, record) => {
+ this.setState({
+ viewModalVisible: !!flag,
+ viewFormValues: record || {}
+ })
+ }
+
+ handleAdd = fields => {
+ const { dispatch } = this.props
+ // 添加逻辑
+ }
+
+ handleDeleteRecord = record => {
+ const { dispatch } = this.props
+ // 删除逻辑
+ }
+
+ handleUpdate = fields => {
+ const { dispatch } = this.props
+ // 更新逻辑
+ }
+
+ handleCollapse = () => {
+ const { toggleExpand } = this.state
+ this.setState({
+ toggleExpand: !toggleExpand
+ })
+ }
+
+ render() {
+ const {
+ loading,
+ dispatch
+ } = this.props
+ const {
+ selectedRows,
+ modalVisible,
+ updateModalVisible,
+ viewModalVisible,
+ updateFormValues,
+ viewFormValues,
+ toggleExpand,
+ } = this.state
+
+ const parentMethods = {
+ handleAdd: this.handleAdd,
+ handleModalVisible: this.handleModalVisible,
+ dispatch: dispatch,
+ loading,
+ }
+
+ const updateMethods = {
+ handleUpdateModalVisible: this.handleUpdateModalVisible,
+ handleUpdate: this.handleUpdate,
+ dispatch: dispatch,
+ loading,
+ }
+
+ const viewMethods = {
+ handleViewModalVisible: this.handleViewModalVisible
+ }
+
+ return (
+
+ {/* 主要内容区域 */}
+
+ {/* 左侧：证照类型分布 */}
+
+
+
+
+ {/* 中间：证照状态分布 */}
+
+
+
+
+ {/* 右侧：临期预警 */}
+
+
+ {/* 添加半透明覆盖层以增强内容可读性 */}
+
+
+
+
+ 临期预警
+
+
+ {/* 证照预警列表 */}
+
+ {[
+ { name: '安全生产许可证', code: 'AQXK-2023-0552', status: '15天后到期', backgroundColor: '#FFF9F4', borderColor: '#FFD7BB', backgroundColorDate: '#FFEDDE', color: '#FF8800' },
+ { name: '安全生产许可证', code: 'AQXK-2023-0552', status: '15天后到期', backgroundColor: '#FFF9F4', borderColor: '#FFD7BB', backgroundColorDate: '#FFEDDE', color: '#FF8800' },
+ { name: '安全生产许可证', code: 'AQXK-2023-0552', status: '5天后到期', backgroundColor: '#FFF5F6', borderColor: '#FFC0BF', backgroundColorDate: '#FFE0E2', color: '#FF2526' }
+ ].map((item, index) => (
+
+
+
+ {item.name}
+
+
+ {item.status}
+
+
+
+ 编号：{item.code}
+
+
+ ))}
+
+
+
+ {/* 底部表格区域 */}
+
+
+
+
+
+
+ 证件类型
+
+
+
+
+
+ }
+ className={styles['button-style']}
+ >
+ 批量导入
+
+ }
+ className={styles['button-style']}
+ >
+ 批量导出
+
+
+
+
+
+
+
`共 ${total} 条`}
+ />
+
+ )
+ }
+}
+
+export default QualificationManagement;
diff --git a/src/pages/business_basicinformation/form/BasicInfoCreateForm.js b/src/pages/business_basicinformation/form/BasicInfoCreateForm.js
new file mode 100644
index 0000000..bafac8c
--- /dev/null
+++ b/src/pages/business_basicinformation/form/BasicInfoCreateForm.js
@@ -0,0 +1,167 @@
+import { useState, useEffect } from 'react'
+import { Col, DatePicker, Form, Input, Modal, Row, Select } from 'antd'
+import SelectDeptTree from '@/components/SelectDeptTree'
+import SelectOrganTree from '@/components/SelectOrganTree'
+import datadictionary from '@/utils/dataDictionary'
+import { formatDictOptions, verifyPhone } from '@/utils/globalCommon'
+import { NumberInput } from '@/components/NumberInput'
+import styles from '../BasicInformation.less'
+import style from '@/global.less'
+import dayjs from 'dayjs'
+import { formatDate } from '@/utils/formatUtils'
+
+const { Item: FormItem } = Form
+const { TextArea } = Input
+const dictData = datadictionary
+
+//新增表单
+let getDeptTreeBySelectTree
+let getOrganTreeBySelectTree
+
+const BasicInfoCreateForm = (props => {
+ const [form] = Form.useForm()
+
+ const {
+ modalVisible,
+ handleAdd,
+ handleModalVisible,
+ loading,
+ dispatch,
+ selectDeptTree,
+ selectOrganTree
+ } = props
+
+ // 清空和初始化逻辑可保留
+ useEffect(() => {
+ form.resetFields();
+ }, [modalVisible])
+
+ const okHandle = () => {
+ form.validateFields()
+ .then(fieldsValue => {
+ form.resetFields()
+ handleAdd(fieldsValue)
+ })
+ .catch(() => { })
+ }
+
+ const afterClose = () => {
+ form.resetFields();
+ }
+
+ return (
+
handleModalVisible()}
+ afterClose={afterClose}
+ confirmLoading={loading}
+ footer={[
+ ,
+
+ ]}
+ >
+
+
+ )
+})
+
+export default BasicInfoCreateForm
diff --git a/src/pages/business_basicinformation/form/BasicInfoImportForm.js b/src/pages/business_basicinformation/form/BasicInfoImportForm.js
new file mode 100644
index 0000000..2b2ef56
--- /dev/null
+++ b/src/pages/business_basicinformation/form/BasicInfoImportForm.js
@@ -0,0 +1,148 @@
+import React, { useState } from 'react';
+import { Modal, Upload, message, Progress } from 'antd';
+import { UploadOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
+import styles from '../BasicInformation.less';
+import fileIcon from '@/assets/basic_information/file-icon.png';
+const BasicInfoImportForm = (props) => {
+ const { modalVisible, handleModalVisible, loading } = props;
+ const [fileList, setFileList] = useState([
+ // 示例数据，实际可根据上传进度动态设置
+ // { uid: '1', name: '文件名称', size: 3 * 1024 * 1024, status: 'uploading', percent: 60 },
+ // ...
+ ]);
+
+ const maxFiles = 10;
+ const maxSize = 100 * 1024 * 1024; // 100M
+
+ const beforeUpload = (file) => {
+ if (file.size > maxSize) {
+ message.error('单个文件不能超过100M');
+ return Upload.LIST_IGNORE;
+ }
+ if (fileList.length >= maxFiles) {
+ message.error(`最多只能上传${maxFiles}个文件`);
+ return Upload.LIST_IGNORE;
+ }
+ // 模拟上传进度
+ file.status = 'uploading';
+ file.percent = 60;
+ return true;
+ };
+
+ const handleChange = ({ fileList: newFileList }) => {
+ // 模拟每个文件60%进度
+ const updatedList = newFileList.slice(0, maxFiles).map(file => ({
+ ...file,
+ status: 'uploading',
+ percent: 60,
+ }));
+ setFileList(updatedList);
+ };
+
+ const handleRemove = (file) => {
+ setFileList(fileList.filter(item => item.uid !== file.uid));
+ };
+
+ const handleOk = () => {
+ handleModalVisible(false);
+ setFileList([]);
+ };
+
+ const handleCancel = () => {
+ handleModalVisible(false);
+ setFileList([]);
+ };
+
+ // 文件列表渲染
+ const renderFileList = () => (
+
+ {fileList.map(file => (
+
+
+
+
+
+
{file.name || '文件名称'}
+
+ {file.size ? `${(file.size / (1024 * 1024)).toFixed(0)} MB` : '3 MB'}
+
+
+
+
handleRemove(file)}
+ >
+ ×
+
+
+ ))}
+
+ );
+
+ return (
+
取消,
+
+ ]}
+ >
+
+ {fileList.length > 0 && renderFileList()}
+
+
+
+
+
+
+ 添加文件 {fileList.length}/{maxFiles}
+
+
+
+
+
+ 单个文件不超过 100M
+
+
+ );
+};
+
+export default BasicInfoImportForm;
\ No newline at end of file
diff --git a/src/pages/business_basicinformation/form/BasicInfoUpdateForm.js b/src/pages/business_basicinformation/form/BasicInfoUpdateForm.js
new file mode 100644
index 0000000..c9b8c90
--- /dev/null
+++ b/src/pages/business_basicinformation/form/BasicInfoUpdateForm.js
@@ -0,0 +1,149 @@
+import { useEffect } from 'react'
+import { Col, Form, Input, Modal, Row, Select } from 'antd'
+import styles from '../BasicInformation.less'
+
+const BasicInfoUpdateForm = (props => {
+ const [form] = Form.useForm()
+
+ const {
+ updateModalVisible,
+ handleUpdate,
+ handleUpdateModalVisible,
+ loading,
+ values = {}
+ } = props
+
+ useEffect(() => {
+ if (updateModalVisible) {
+ form.setFieldsValue(values)
+ }
+ }, [updateModalVisible, values, form])
+
+ const okHandle = () => {
+ form.validateFields()
+ .then(fieldsValue => {
+ form.resetFields()
+ handleUpdate(fieldsValue)
+ })
+ .catch(() => { })
+ }
+
+ const afterClose = () => {
+ form.resetFields();
+ }
+
+ return (
+
handleUpdateModalVisible()}
+ afterClose={afterClose}
+ confirmLoading={loading}
+ footer={[
+ ,
+
+ ]}
+ >
+
+
+ )
+})
+
+export default BasicInfoUpdateForm
\ No newline at end of file
diff --git a/src/pages/business_basicinformation/form/BasicInfoViewForm.js b/src/pages/business_basicinformation/form/BasicInfoViewForm.js
new file mode 100644
index 0000000..15f6759
--- /dev/null
+++ b/src/pages/business_basicinformation/form/BasicInfoViewForm.js
@@ -0,0 +1,52 @@
+import React from 'react';
+import { Modal, Row, Col } from 'antd';
+import styles from '../BasicInformation.less';
+
+const BasicInfoViewForm = (props) => {
+ const { viewModalVisible, handleViewModalVisible, values = {} } = props;
+
+ return (
+
handleViewModalVisible(false)}
+ >
+
+
+ 项目名称
+ {values.projectName || '-'}
+
+
+ 地理信息
+ {values.location || '-'}
+
+
+ 占地面积
+
+ {values.area ? `${values.area}` : '-'}
+
+
+
+ 职业人数
+ {values.staffCount || '-'}
+
+
+ 组织机构
+ {values.organization || '-'}
+
+
+ 安全等级
+ {values.safetyLevel || '-'}
+
+
+
+ );
+};
+
+export default BasicInfoViewForm;
\ No newline at end of file
diff --git a/src/pages/business_basicinformation/form/PersonnelCreateForm.js b/src/pages/business_basicinformation/form/PersonnelCreateForm.js
new file mode 100644
index 0000000..76b3e56
--- /dev/null
+++ b/src/pages/business_basicinformation/form/PersonnelCreateForm.js
@@ -0,0 +1,152 @@
+import { useState, useEffect } from 'react'
+import { Col, DatePicker, Form, Input, Modal, Row, Select } from 'antd'
+import SelectDeptTree from '@/components/SelectDeptTree'
+import SelectOrganTree from '@/components/SelectOrganTree'
+import datadictionary from '@/utils/dataDictionary'
+import { formatDictOptions, verifyPhone } from '@/utils/globalCommon'
+import { NumberInput } from '@/components/NumberInput'
+import styles from '../BasicInformation.less'
+import style from '@/global.less'
+import dayjs from 'dayjs'
+import { formatDate } from '@/utils/formatUtils'
+
+const { Item: FormItem } = Form
+const { TextArea } = Input
+const dictData = datadictionary
+
+//新增表单
+let getDeptTreeBySelectTree
+let getOrganTreeBySelectTree
+
+const PersonnelCreateForm = (props => {
+ const [form] = Form.useForm()
+
+ const {
+ modalVisible,
+ handleAdd,
+ handleModalVisible,
+ loading,
+ dispatch,
+ selectDeptTree,
+ selectOrganTree
+ } = props
+
+ // 清空和初始化逻辑可保留
+ useEffect(() => {
+ form.resetFields();
+ }, [modalVisible])
+
+ const okHandle = () => {
+ form.validateFields()
+ .then(fieldsValue => {
+ form.resetFields()
+ handleAdd(fieldsValue)
+ })
+ .catch(() => { })
+ }
+
+ const afterClose = () => {
+ form.resetFields();
+ }
+
+ return (
+
handleModalVisible()}
+ afterClose={afterClose}
+ confirmLoading={loading}
+ footer={[
+ ,
+
+ ]}
+ >
+
+
+ )
+})
+
+export default PersonnelCreateForm
diff --git a/src/pages/business_basicinformation/form/StaffSheetRenderAdvancedForm.js b/src/pages/business_basicinformation/form/StaffSheetRenderAdvancedForm.js
new file mode 100644
index 0000000..2625938
--- /dev/null
+++ b/src/pages/business_basicinformation/form/StaffSheetRenderAdvancedForm.js
@@ -0,0 +1,113 @@
+import { useEffect } from 'react'
+import { Button, Col, Form, Input, Row } from 'antd'
+import { UpOutlined, SearchOutlined, RedoOutlined } from '@ant-design/icons'
+import SelectDeptTree from '@/components/SelectDeptTree'
+import SelectOrganTree from '@/components/SelectOrganTree'
+import style from '@/global.less'
+
+const { Item: FormItem } = Form
+let getDeptTreeBySelectTree
+let getOrganTreeBySelectTree
+
+const StaffSheetRenderAdvancedForm = (props) => {
+ const [form] = Form.useForm()
+ const { dispatch, handleSearch, handleFormReset, toggleForm, selectDeptTree, selectOrganTree, params } = props
+
+ useEffect(() => {
+ form.setFieldsValue({
+ user_name: params?.user_name,
+ user_name_cn: params?.user_name_cn,
+ deptname: params?.deptname,
+ orgname: params?.orgname,
+ })
+ }, [params])
+
+ const onFinish = values => {
+ // if (getDeptTreeBySelectTree) {
+ // values.dept_code = getDeptTreeBySelectTree.dept_code
+ // values.deptname = getDeptTreeBySelectTree.title
+ // }
+
+ if (getOrganTreeBySelectTree) {
+ values.org_code = getOrganTreeBySelectTree.org_code
+ values.orgname = getOrganTreeBySelectTree.title
+ }
+
+ handleSearch(values)
+ }
+
+ const myHandleFormReset = () => {
+ form.resetFields()
+ handleFormReset()
+ }
+
+ const selectedDeptTreeValue = (deptRecord) => {
+ getDeptTreeBySelectTree = deptRecord
+ }
+
+ const selectedOrganTreeValue = (orgRecord) => {
+ getOrganTreeBySelectTree = orgRecord
+ }
+
+ const parentDeptTreeMethod = {
+ dispatch: dispatch,
+ selectDeptTree: selectDeptTree,
+ selectedDeptTreeValue: selectedDeptTreeValue
+ }
+
+ const parentOrganTreeMethod = {
+ dispatch: dispatch,
+ selectOrganTree: selectOrganTree,
+ selectedOrganTreeValue: selectedOrganTreeValue
+ }
+
+ return (
+
+ )
+}
+
+export default StaffSheetRenderAdvancedForm
diff --git a/src/pages/business_basicinformation/form/StaffSheetRenderSimpleForm.js b/src/pages/business_basicinformation/form/StaffSheetRenderSimpleForm.js
new file mode 100644
index 0000000..0468e76
--- /dev/null
+++ b/src/pages/business_basicinformation/form/StaffSheetRenderSimpleForm.js
@@ -0,0 +1,81 @@
+import { useEffect } from 'react'
+import {Button, Col, Form, Input, Row, DatePicker, Select} from 'antd'
+import {DownOutlined, RedoOutlined, SearchOutlined} from '@ant-design/icons'
+import style from '@/global.less'
+import dayjs from 'dayjs'
+const { Item: FormItem } = Form
+
+const StaffSheetRenderSimpleForm = (props) => {
+ const [form] = Form.useForm()
+ const { handleSearch, handleFormReset, toggleForm, params } = props
+
+ useEffect(() => {
+ form.setFieldsValue({
+ user_name: params?.user_name,
+ user_name_cn: params?.user_name_cn,
+ })
+ }, [params])
+
+ const onFinish = values => {
+ handleSearch(values)
+ }
+
+ const myHandleFormReset = () => {
+ form.resetFields()
+ handleFormReset()
+ }
+
+ return (
+
+ )
+}
+
+export default StaffSheetRenderSimpleForm
diff --git a/src/pages/business_hiddentrouble/HiddenTrouble.js b/src/pages/business_hiddentrouble/HiddenTrouble.js
new file mode 100644
index 0000000..6ea7690
--- /dev/null
+++ b/src/pages/business_hiddentrouble/HiddenTrouble.js
@@ -0,0 +1,32 @@
+import MyCard from "@/pages/business_hiddentrouble/component/MyCard";
+import {Col, Row, Tabs} from "antd";
+import HiddenDangerInspection from "@/pages/business_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection";
+import styles from './HiddenTrouble.less'
+import HiddenDangerRighted from "@/pages/business_hiddentrouble/component/hiddenDangerRighted/hiddenDangerRighted";
+import HiddenDangerCount from "@/pages/business_hiddentrouble/component/hiddenDangerCount/hiddenDangerCount";
+
+const items = [
+ {
+ key: '1',
+ label: '隐患检查',
+ children:
,
+ },
+ {
+ key: '2',
+ label: '隐患整改',
+ children:
+ },
+ {
+ key: '3',
+ label: '隐患统计',
+ children: ,
+ },
+];
+const HiddenTrouble = () => {
+ return (
+ <>
+
+
+ )
+}
+export default HiddenTrouble
diff --git a/src/pages/business_hiddentrouble/HiddenTrouble.less b/src/pages/business_hiddentrouble/HiddenTrouble.less
new file mode 100644
index 0000000..56d8636
--- /dev/null
+++ b/src/pages/business_hiddentrouble/HiddenTrouble.less
@@ -0,0 +1,43 @@
+/* 移除下滑线 */
+.custom-tabs .ant-tabs-ink-bar {
+ display: none !important;
+}
+
+/* 未选中状态 */
+.custom-tabs {
+ .ant-tabs-tab {
+ background: #f0f0f0 !important;
+ border: none !important;
+ border-radius: 6px !important;
+ margin-right: 8px !important;
+ padding: 8px 16px !important;
+ transition: all 0.3s ease !important;
+ }
+}
+
+/* 选中状态 - 背景变为蓝色 */
+.custom-tabs {
+ :global(.ant-tabs-tab-active) {
+ background: #2E4CD4 !important;
+ }
+}
+
+/* 选中状态 - 文字变为白色 */
+.custom-tabs :global(.ant-tabs-tab-active .ant-tabs-tab-btn) {
+ color: white !important;
+ font-weight: 500 !important;
+}
+
+/* 移除底部边框 */
+.custom-tabs .ant-tabs-nav::before {
+ border-bottom: none !important;
+}
+
+/* 悬停效果 */
+.custom-tabs .ant-tabs-tab:hover {
+ background: #e6e6e6 !important;
+}
+
+.custom-tabs .ant-tabs-tab-active:hover {
+ background: #40a9ff !important;
+}
diff --git a/src/pages/business_hiddentrouble/component/MyCard.js b/src/pages/business_hiddentrouble/component/MyCard.js
new file mode 100644
index 0000000..568de6f
--- /dev/null
+++ b/src/pages/business_hiddentrouble/component/MyCard.js
@@ -0,0 +1,325 @@
+import Icon from "antd/es/icon";
+import {Col, Pagination, Row, Table} from "antd";
+import {Descriptions} from "antd";
+import * as echarts from 'echarts';
+import {useEffect, useRef} from "react";
+
+const HourglassSvg=()=>{
+ return (
+
+ )
+}
+const HourglassIcon=(props)=>{
+ return(
+
+ )
+}
+
+const MyCard = (props) => {
+ return (
+
+
+
{props.title}
+
{props.num}
+ {props.flag === 1 &&
+ {props.grow === 1 ? <>⬆ : <>⬇} {props.data}% 较上周
+
}
+ {props.flag===2 &&
+ {props.grow===1 ? <>⬆:<>⬇} {props.data}% 较上周
+
}
+ {props.flag===3 &&
+ {props.grow===1 ? <>⬆:<>⬇} {props.data}% 较上周
+
}
+
+
+
+
+
+
+
+ {props.title}}
+ column={2}
+ >
+ {items.map((item)=>{
+ return(
+
+
+
+ {item.children}
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+
+
+
+
'共 25 条',
+ pageSizeOptions:[5,10,20,50,100],
+ defaultPageSize:5,
+ style:{
+ marginTop:50
+ }
+ }}
+ style={{width:'100%'}}
+ />
+
+
+ )
+}
+
+
+export default MyCard;
diff --git a/src/pages/business_hiddentrouble/component/hiddenDangerCount/hiddenDangerCount.js b/src/pages/business_hiddentrouble/component/hiddenDangerCount/hiddenDangerCount.js
new file mode 100644
index 0000000..cf9e757
--- /dev/null
+++ b/src/pages/business_hiddentrouble/component/hiddenDangerCount/hiddenDangerCount.js
@@ -0,0 +1,100 @@
+import {Col, List, Row} from "antd";
+import MyCard from "@/pages/business_hiddentrouble/component/MyCard";
+
+const headerList=[
+ {
+ title:'总隐患数',
+ num:'1489',
+ data:'12',
+ flag:1,
+ grow:1,
+ backgroundColor:'#E5EEFE',
+ color:'#1269FF',
+ },
+ {
+ title:'已整改隐患',
+ num:'986',
+ data:'12',
+ flag:1,
+ grow:1,
+ backgroundColor:'#D9F8E8',
+ color:'#1DCE74',
+ },
+ {
+ title:'整改率',
+ num:'86%',
+ data:'8',
+ flag:2,
+ grow:0,
+ backgroundColor:'#FFF3E9',
+ color:'orange',
+ },
+ {
+ title:'按期整改率',
+ num:'89%',
+ data:'2',
+ flag:3,
+ grow:0,
+ backgroundColor:'#FFE6E8',
+ color:'#FF3E48',
+ }
+]
+const data=[
+ {name:'Q3设备故障类隐患',tip:'占比最高',num:'45%'},
+ {name:'Q2安全防护隐患',tip:'显著下降',num:'32%'},
+ {name:'Q4电器隐患',tip:'持续改善',num:'28%'},
+ {name:'全年平均整改周期',tip:'同比缩短',num:'7天'},
+]
+const TrendAnalysis=()=>{
+ return(
+
+
+ 1
+
+ {data.map((item,index)=>{
+ return(
+
+
+
{item.name}
+
{item.tip}
+
+
+ {item.num}
+
+
+
+ {headerList.map((item, index) => {
+ return
+ })}
+
+
+
+
+
+ )
+}
+export default HiddenDangerCount
diff --git a/src/pages/business_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.js b/src/pages/business_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.js
new file mode 100644
index 0000000..a82ed49
--- /dev/null
+++ b/src/pages/business_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.js
@@ -0,0 +1,198 @@
+import {Card, Col, Row, Input, Space, Select, Upload, Button, message, Tag} from "antd";
+import './hiddenDangerInspection.less'
+import MyCard, {BarChart, MyTable, PieChart} from "@/pages/business_hiddentrouble/component/MyCard";
+import {ExportOutlined, UploadOutlined} from "@ant-design/icons";
+import {render} from "react-dom";
+const { Search } = Input;
+
+const dataList=[
+ {
+ title:'隐患总数',
+ num:'169',
+ data:'12',
+ flag:1,
+ grow:1,
+ backgroundColor:'#E5EEFE',
+ color:'#1269FF',
+ },
+ {
+ title:'已整改隐患',
+ num:'169',
+ data:'12',
+ flag:1,
+ grow:1,
+ backgroundColor:'#D9F8E8',
+ color:'#1DCE74',
+ },
+ {
+ title:'整改中隐患',
+ num:'169',
+ data:'8',
+ flag:2,
+ grow:0,
+ backgroundColor:'#FFF3E9',
+ color:'orange',
+ },
+ {
+ title:'超期未整改',
+ num:'169',
+ data:'2',
+ flag:3,
+ grow:0,
+ backgroundColor:'#FFE6E8',
+ color:'#FF3E48',
+ }
+]
+export const Select1=()=>{
+ return(
+
+ )
+}
+export const Select2=()=>{
+ return(
+
+ )
+}
+const props = {
+ name: 'file',
+ action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
+ headers: {
+ authorization: 'authorization-text',
+ },
+ onChange(info) {
+ if (info.file.status !== 'uploading') {
+ console.log(info.file, info.fileList);
+ }
+ if (info.file.status === 'done') {
+ message.success(`${info.file.name} file uploaded successfully`);
+ } else if (info.file.status === 'error') {
+ message.error(`${info.file.name} file upload failed.`);
+ }
+ },
+};
+export const Import=()=>{
+ return(
+
+ } style={{color:'#2E4CD4'}}>导入
+
+ )
+
+
+}
+export const Export=()=>{
+ return(
+
+ )
+}
+export const levelList= {
+ '一般隐患':['#DAF3FF','#00AAFA'],
+ '中等隐患':['#FFF3E9','#FF8800'],
+ '极高隐患':['#FFE0E2','#FF3E48'],
+}
+
+const columns=[
+ {align:'center',title:'检查项',dataIndex:'inspectionItems',key:'inspectionItems'},
+ {align:'center',title:'隐患名称',dataIndex:'name',key:'name'},
+ {align:'center',title:'隐患等级',dataIndex:'level',key:'level',render:(level)=>{
+
+ return {level}
+ }},
+ {align:'center',title:'登记时间',dataIndex:'createTime',key:'createTime'},
+ {align:'center',title:'隐患来源',dataIndex:'source',key:'source'},
+ {align:'center',title:'隐患描述',dataIndex:'description',key:'description',ellipsis:{showTitle:true}},
+ {align:'center',title:'治理类型',dataIndex:'type',key:'type'},
+ {align:'center',title:'治理期限',dataIndex:'deadline',key:'deadline'},
+ {align:'center',title:'整改负责人',dataIndex:'head',key:'head'},
+ {align:'center',title:'隐患状态',dataIndex:'state',key:'state',render:(state)=>{return {state}}},
+ {align:'center',title:'验收时间',dataIndex:'acceptanceTime',key:'acceptanceTime'},
+ {align:'center',title:'操作',dataIndex:'operation',key:'operation',render:(_,record)=>{
+ return
+ }},
+]
+
+const dataSource=[
+ {key:1,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述111111111111111111111111111111111111',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:2,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'中等隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:3,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'极高隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:4,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:5,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:6,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:7,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:8,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:9,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:10,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:11,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:12,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:13,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:14,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:15,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:16,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:17,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:18,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:19,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:20,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+
+]
+
+
+const HiddenDangerInspection=()=>{
+ return(
+ < >
+
+
+ {dataList.map((item) => {
+ return
+ })}
+
+
+
+
+
+
+
+ )
+}
+export default HiddenDangerInspection
diff --git a/src/pages/business_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.less b/src/pages/business_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.less
new file mode 100644
index 0000000..b28b04f
--- /dev/null
+++ b/src/pages/business_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection.less
@@ -0,0 +1,3 @@
+
+
+
diff --git a/src/pages/business_hiddentrouble/component/hiddenDangerRighted/hiddenDangerRighted.js b/src/pages/business_hiddentrouble/component/hiddenDangerRighted/hiddenDangerRighted.js
new file mode 100644
index 0000000..aa61d7a
--- /dev/null
+++ b/src/pages/business_hiddentrouble/component/hiddenDangerRighted/hiddenDangerRighted.js
@@ -0,0 +1,318 @@
+import {Button, Card, Col, Input, Row, Space, Steps, Tag} from "antd";
+import MyCard, {MyTable, PieChart} from "@/pages/business_hiddentrouble/component/MyCard";
+import {useEffect, useRef} from "react";
+import img1 from '../../../../assets/img/stepOne.png'
+import img2 from '../../../../assets/img/stepTwo.png'
+import img3 from '../../../../assets/img/stepThree.png'
+import img4 from '../../../../assets/img/stepFour.png'
+
+import echarts from "echarts/lib/echarts";
+import {
+ Export, Import,
+ levelList,
+ Select1, Select2
+} from "@/pages/business_hiddentrouble/component/hiddenDangerInspection/hiddenDangerInspection";
+import './hiddenDangerRighted.less'
+const { Search } = Input;
+const dataList=[
+ {
+ title:'待整改隐患',
+ num:'169',
+ data:'12',
+ flag:1,
+ grow:1,
+ backgroundColor:'#E5EEFE',
+ color:'#1269FF',
+ },
+ {
+ title:'整改中隐患',
+ num:'169',
+ data:'12',
+ flag:1,
+ grow:1,
+ backgroundColor:'#D9F8E8',
+ color:'#1DCE74',
+ },
+ {
+ title:'已完成整改',
+ num:'169',
+ data:'8',
+ flag:2,
+ grow:0,
+ backgroundColor:'#FFF3E9',
+ color:'orange',
+ },
+ {
+ title:'整改完成率',
+ num:'89%',
+ data:'2',
+ flag:3,
+ grow:0,
+ backgroundColor:'#FFE6E8',
+ color:'#FF3E48',
+ }
+]
+
+
+const columns=[
+ {align:'center',title:'检查项',dataIndex:'inspectionItems',key:'inspectionItems'},
+ {align:'center',title:'隐患名称',dataIndex:'name',key:'name'},
+ {align:'center',title:'隐患等级',dataIndex:'level',key:'level',render:(level)=>{
+
+ return {level}
+ }},
+ {align:'center',title:'登记时间',dataIndex:'createTime',key:'createTime'},
+ {align:'center',title:'隐患来源',dataIndex:'source',key:'source'},
+ {align:'center',title:'隐患描述',dataIndex:'description',key:'description',ellipsis:{showTitle:true}},
+ {align:'center',title:'治理类型',dataIndex:'type',key:'type'},
+ {align:'center',title:'治理期限',dataIndex:'deadline',key:'deadline'},
+ {align:'center',title:'整改负责人',dataIndex:'head',key:'head'},
+ {align:'center',title:'隐患状态',dataIndex:'state',key:'state',render:(state)=>{return {state}}},
+ {align:'center',title:'验收时间',dataIndex:'acceptanceTime',key:'acceptanceTime'},
+ {align:'center',title:'操作',dataIndex:'operation',key:'operation',render:(_,record)=>{
+ return
+
+
+
+ }},
+]
+
+const dataSource=[
+ {key:1,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述111111111111111111111111111111111111',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:2,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'中等隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:3,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'极高隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:4,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:5,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:6,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:7,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:8,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:9,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:10,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:11,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:12,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:13,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:14,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:15,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:16,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:17,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:18,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:19,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:20,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+ {key:21,inspectionItems:'设备运行温度',name:'D10精馏车间',level:'一般隐患',createTime:'2025-03-01',source:'日常排查',description:'隐患描述',type:'限期整改',deadline:'2025-09-03',head:'张小龙',state:'已验收',acceptanceTime:'2025-09-03'},
+
+]
+
+
+
+const Qiu=(props)=>{
+ return(
+
+ {props.num}
+
+ )
+}
+const items=[
+ {'0': img1},
+ {'1': img2},
+ {'2': img3},
+ {'3': img4},
+
+]
+
+const TrendChart=()=>{
+ const TrendChart=useRef(null)
+ useEffect(() => {
+ const chart=echarts.init(TrendChart.current);
+ const option={
+ grid:{
+ bottom:25,
+ top:20,
+ },
+ legend:{
+ show:true,
+ left:'50%',
+ top:0,
+ icon: 'path://M0,0 L20,0',
+ itemStyle:{
+ color:'#00A0E9',
+ }
+ },
+ xAxis:{
+ type:'category',
+ data:['3月','4月','5月','6月','7月','8月'],
+ axisLabel:{
+ color:'#000',
+ },
+ axisLine:{
+ lineStyle:{
+ color:'#00A0E9',
+ type:'dashed',
+ }
+ },
+ boundaryGap: false, // 关键
+ axisTick: {
+ show: true,
+ alignWithLabel: true, // 关键
+ inside: true, // 刻度朝外
+ length: 100, // 足够长的长度（根据图表高度调整）
+ lineStyle: {
+ color: '#cccccc',
+ width: 1,
+ type: 'dashed',
+ }
+ },
+ },
+ yAxis:{
+ type:'value',
+ axisLabel:{
+ color:'#000',
+ type:'dashed',
+ },
+ axisLine:{
+ show:true,
+ lineStyle:{
+ color:'#00A0E9',
+ type:'dashed',
+ }
+ },
+ splitLine:{
+ lineStyle:{
+ color:'#00A0E9',
+ type:'dashed'
+ }
+ }
+ },
+ series:[
+ {
+ name:'整改完成率',
+ data:[120,200,150,80,70,110],
+ type:'line',
+ smooth:true,
+ lineStyle:{
+ color:'#00A0E9'
+ },
+ areaStyle:{
+ color:{
+ type:'linear',
+ x:0,
+ y:0,
+ x2:0,
+ y2:1,
+ colorStops:[
+ {offset:0,color:'#00A0E9'},
+ {offset:1,color:'#99D4F5 '}
+ ]
+ }
+ },
+ symbol:'none'
+ }
+ ]
+ }
+ chart.setOption(option)
+ // 响应式调整
+ const handleResize = () => {
+ chart.resize();
+ };
+ handleResize()
+ window.addEventListener('resize', handleResize);
+
+ // 清理函数
+ return () => {
+ window.removeEventListener('resize', handleResize);
+ chart.dispose();
+ };
+ }, []);
+ return(
+
+ )
+}
+const Workflow=()=>{
+ return(
+
+
+ 隐患整改流程
+
+
+ {items.map((item,index)=>{
+ return (
+
+ )
+ })}
+
+
+ {dataList.map((item, index) => {
+ return
+ })}
+
+
+
+
+
+ )
+}
+export default HiddenDangerRighted;
diff --git a/src/pages/business_hiddentrouble/component/hiddenDangerRighted/hiddenDangerRighted.less b/src/pages/business_hiddentrouble/component/hiddenDangerRighted/hiddenDangerRighted.less
new file mode 100644
index 0000000..8789c1b
--- /dev/null
+++ b/src/pages/business_hiddentrouble/component/hiddenDangerRighted/hiddenDangerRighted.less
@@ -0,0 +1,13 @@
+.qiu{
+ width: 27px;
+ height: 27px;
+ border-radius: 50%;
+ background-color:blue;
+ color: #fff;
+ text-align: center;
+ line-height: 27px;
+}
+.box{
+ display: flex;
+ justify-content: center;
+}
diff --git a/src/pages/business_system/SystemContentList.js b/src/pages/business_system/SystemContentList.js
new file mode 100644
index 0000000..d7d40d3
--- /dev/null
+++ b/src/pages/business_system/SystemContentList.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import { Outlet } from '@umijs/max';
+import './SystemContentList.less';
+
+const SystemContentList = () => {
+ return (
+
+ );
+};
+
+export default SystemContentList;
\ No newline at end of file
diff --git a/src/pages/business_system/SystemContentList.less b/src/pages/business_system/SystemContentList.less
new file mode 100644
index 0000000..cf4557c
--- /dev/null
+++ b/src/pages/business_system/SystemContentList.less
@@ -0,0 +1,10 @@
+.systemContentContainer {
+ width: 100%;
+ height: 100%;
+}
+
+.systemContentMain {
+ width: 100%;
+ height: 100%;
+ padding: 12px;
+}
\ No newline at end of file
diff --git a/src/pages/business_system/systemMenu/SystemMenuList.js b/src/pages/business_system/systemMenu/SystemMenuList.js
new file mode 100644
index 0000000..ee8176c
--- /dev/null
+++ b/src/pages/business_system/systemMenu/SystemMenuList.js
@@ -0,0 +1,408 @@
+import React from 'react';
+import {
+ DeleteOutlined,
+ EditOutlined,
+ PlusOutlined,
+ SearchOutlined,
+ RedoOutlined,
+ DownOutlined,
+ ExclamationCircleFilled,
+ UpOutlined,
+ InfoCircleFilled,
+ QuestionCircleFilled,
+ DownloadOutlined
+} from '@ant-design/icons';
+import {connect, history} from '@umijs/max';
+import {Button, Card, Divider, Dropdown, message, Modal, Popconfirm, Space, Switch, Tag, Row, Col, Tree} from 'antd';
+import StandardTable from '@/components/StandardTable';
+
+import { MyIcon } from "@/components/Icon"
+import style from "@/global.less";
+import styles from './SystemMenuList.less';
+import datadictionary from "@/utils/dataDictionary";
+import {formatDate} from "@/utils/formatUtils";
+import { formatDictText, checkButtonAuthority } from "@/utils/globalCommon";
+
+const { confirm } = Modal;
+
+// 菜单类型
+const menu_type = datadictionary.menu_type || [];
+const menu_status = datadictionary.menu_status || [];
+const menu_level = datadictionary.menu_level || [];
+
+const mockData = {
+ list: [
+ {
+ id: '1',
+ name: '效率管理',
+ code: 'hrefficiency',
+ type: '1',
+ level: '1',
+ status: '1',
+ path: '/topnavbar00/hrefficiency',
+ component: '',
+ icon: 'setting',
+ createTime: '2023-01-01 10:00:00',
+ createUser: 'admin',
+ children: [
+ {
+ id: '2',
+ name: '工时仪表盘',
+ code: 'timesheet',
+ type: '2',
+ level: '2',
+ status: '1',
+ path: '/topnavbar00/hrefficiency/timesheet',
+ component: './hrefficiency_timesheet/TimeSheetList',
+ icon: 'dashboard',
+ createTime: '2023-01-01 10:05:00',
+ createUser: 'admin'
+ },
+ {
+ id: '3',
+ name: '员工仪表盘',
+ code: 'staffsheet',
+ type: '2',
+ level: '2',
+ status: '1',
+ path: '/topnavbar00/hrefficiency/staffsheet',
+ component: './hrefficiency_staffsheet/StaffSheetList',
+ icon: 'user',
+ createTime: '2023-01-01 10:10:00',
+ createUser: 'admin'
+ }
+ ]
+ },
+ {
+ id: '4',
+ name: '系统管理',
+ code: 'system',
+ type: '1',
+ level: '1',
+ status: '1',
+ path: '/topnavbar00/hrefficiency/system',
+ component: './nav_system_content/SystemContentList',
+ icon: 'control',
+ createTime: '2023-01-02 14:30:00',
+ createUser: 'admin'
+ }
+ ],
+ pagination: {
+ total: 2,
+ pageSize: 10,
+ current: 1
+ }
+};
+
+@connect(({ systemMenu }) => ({
+ systemMenu
+}))
+export default class SystemMenuList extends React.Component {
+ state = {
+ selectedRows: [],
+ advancedFormVisible: false,
+ filterData: {},
+ pagination: {
+ pageSize: 10,
+ current: 1
+ },
+ tableData: mockData.list,
+ treeData: [],
+ expandedKeys: []
+ };
+
+ componentDidMount() {
+ this.getMenuList();
+ this.buildTreeData();
+ }
+
+ // 获取菜单列表
+ getMenuList = () => {
+ const { dispatch } = this.props;
+ const { pagination, filterData } = this.state;
+
+ try {
+ dispatch({
+ type: 'systemMenu/fetchList',
+ payload: {
+ pageNum: pagination.current,
+ pageSize: pagination.pageSize,
+ ...filterData
+ },
+ callback: (res) => {
+ this.setState({
+ tableData: res?.list || mockData.list,
+ pagination: {
+ ...pagination,
+ total: res?.total || mockData.pagination.total
+ }
+ }, () => {
+ this.buildTreeData();
+ });
+ }
+ });
+ } catch (error) {
+ console.error('获取菜单列表失败:', error);
+ this.setState({
+ tableData: mockData.list,
+ pagination: mockData.pagination
+ }, () => {
+ this.buildTreeData();
+ });
+ }
+ };
+
+ // 构建树数据
+ buildTreeData = () => {
+ const { tableData } = this.state;
+ const treeData = this.transformToTree(tableData);
+ this.setState({ treeData });
+ };
+
+ // 转换为树结构
+ transformToTree = (data) => {
+ return data.map(item => {
+ const node = {
+ title: item.name,
+ key: item.id,
+ dataRef: item
+ };
+ if (item.children && item.children.length > 0) {
+ node.children = this.transformToTree(item.children);
+ }
+ return node;
+ });
+ };
+
+ // 表格选择变化
+ handleSelectChange = (selectedRowKeys, selectedRows) => {
+ this.setState({ selectedRows });
+ };
+
+ // 分页变化
+ handleTableChange = (pagination) => {
+ this.setState({
+ pagination: {
+ ...this.state.pagination,
+ current: pagination.current
+ }
+ }, () => {
+ this.getMenuList();
+ });
+ };
+
+ // 新增菜单
+ handleAdd = () => {
+ // 新增逻辑
+ message.success('新增菜单功能');
+ };
+
+ // 编辑菜单
+ handleEdit = (record) => {
+ // 编辑逻辑
+ message.success('编辑菜单功能');
+ };
+
+ // 删除菜单
+ handleDelete = (record) => {
+ confirm({
+ title: '确定要删除这个菜单吗?',
+ icon: ,
+ onOk: () => {
+ // 删除逻辑
+ message.success('删除菜单成功');
+ }
+ });
+ };
+
+ // 批量删除
+ handleBatchDelete = () => {
+ const { selectedRows } = this.state;
+ if (selectedRows.length === 0) {
+ message.warning('请选择要删除的菜单');
+ return;
+ }
+ confirm({
+ title: `确定要删除选中的${selectedRows.length}个菜单吗?`,
+ icon: ,
+ onOk: () => {
+ // 批量删除逻辑
+ message.success('批量删除菜单成功');
+ }
+ });
+ };
+
+ // 启用/禁用菜单
+ handleStatusChange = (record) => {
+ const newStatus = record.status === '1' ? '0' : '1';
+ confirm({
+ title: `确定要${newStatus === '1' ? '启用' : '禁用'}这个菜单吗?`,
+ icon: ,
+ onOk: () => {
+ // 状态变更逻辑
+ message.success(`${newStatus === '1' ? '启用' : '禁用'}菜单成功`);
+ }
+ });
+ };
+
+ // 展开/折叠树节点
+ handleExpand = (expandedKeys) => {
+ this.setState({ expandedKeys });
+ };
+
+ // 点击树节点
+ handleTreeSelect = (selectedKeys, info) => {
+ // 树节点选择逻辑
+ console.log('Selected', selectedKeys, info);
+ };
+
+ render() {
+ const { selectedRows, tableData, pagination, treeData, expandedKeys } = this.state;
+
+ const columns = [
+ {
+ title: '菜单名称',
+ dataIndex: 'name',
+ key: 'name',
+ ellipsis: true
+ },
+ {
+ title: '菜单编码',
+ dataIndex: 'code',
+ key: 'code',
+ ellipsis: true
+ },
+ {
+ title: '菜单类型',
+ dataIndex: 'type',
+ key: 'type',
+ render: text => formatDictText(menu_type, text)
+ },
+ {
+ title: '菜单级别',
+ dataIndex: 'level',
+ key: 'level',
+ render: text => formatDictText(menu_level, text)
+ },
+ {
+ title: '路径',
+ dataIndex: 'path',
+ key: 'path',
+ ellipsis: true
+ },
+ {
+ title: '状态',
+ dataIndex: 'status',
+ key: 'status',
+ render: text => (
+
+ {text === '1' ? '启用' : '禁用'}
+
+ )
+ },
+ {
+ title: '创建时间',
+ dataIndex: 'createTime',
+ key: 'createTime',
+ ellipsis: true
+ },
+ {
+ title: '创建人',
+ dataIndex: 'createUser',
+ key: 'createUser',
+ ellipsis: true
+ },
+ {
+ title: '操作',
+ key: 'action',
+ fixed: 'right',
+ width: 160,
+ render: (_, record) => (
+
+ }
+ onClick={() => this.handleEdit(record)}
+ >
+ 编辑
+
+ }
+ onClick={() => this.handleDelete(record)}
+ >
+ 删除
+
+ this.handleStatusChange(record)}
+ />
+
+ )
+ }
+ ];
+
+ return (
+
+
+
+
+
菜单配置
+
+
+ }
+ onClick={this.handleAdd}
+ >
+ 新增菜单
+
+
+
+
+
+
+
+
+
组织管理
+
+
+ }
+ onClick={this.handleAdd}
+ >
+ 新增组织
+
+
+
+
+
+
+
+
+
角色配置
+
+
+ }
+ onClick={this.handleAdd}
+ >
+ 新增角色
+
+
+
+
+
+ HomeList
+
+ )
+ }
+}
+
+export default HomeList
diff --git a/src/pages/home/HomeList.less b/src/pages/home/HomeList.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/login/Login.js b/src/pages/login/Login.js
new file mode 100644
index 0000000..ce0ccbd
--- /dev/null
+++ b/src/pages/login/Login.js
@@ -0,0 +1,152 @@
+import { createRef } from 'react'
+import GlobalComponent from '@/components/GlobalComponent'
+import { connect, useModel, history } from '@umijs/max'
+import './Login.less'
+import login from '@/assets/login/login.png'
+import { EyeInvisibleOutlined, EyeTwoTone } from '@ant-design/icons'
+import { getPageQuery } from '@/utils/utils'
+import { getInitialState } from '@/app'
+
+@connect(({ login, loading }) => ({
+ login,
+ loading: loading.models.login
+}))
+
+class Login extends GlobalComponent {
+ formRef = createRef()
+ state = {
+ isRemember: false
+ }
+
+ componentDidMount() {
+ const { dispatch } = this.props
+ }
+
+ toggleRemember = e => {
+ this.setState({
+ isRemember: e.target.checked ?? false
+ })
+ }
+
+ replaceGoto = () => {
+ const urlParams = new URL(window.location.href)
+ const params = getPageQuery()
+ let { redirect } = params
+
+ if (redirect) {
+ const redirectUrlParams = new URL(redirect)
+
+ if (redirectUrlParams.origin === urlParams.origin) {
+ redirect = redirect.slice(urlParams.origin.length)
+ if (redirect.match(/^\/.*#/)) {
+ redirect = redirect.slice(redirect.indexOf('#') + 1)
+ }
+ } else {
+ history.replace('/')
+ return
+ }
+ }
+
+ history.replace(redirect || '/')
+ }
+
+ submitForm = () => {
+ this.formRef.current.validateFields()
+ .then(fieldsValue => {
+ const { dispatch } = this.props
+ const { message } = this
+ const params = {
+ username: fieldsValue?.username,
+ password: fieldsValue?.password
+ }
+
+ dispatch({
+ type: 'login/login_user',
+ payload: params,
+ callback: async res => {
+ if (res?.success && res?.datarecord) {
+ message.success('登录成功！')
+ await localStorage.setItem('antd-token-authority', res.datarecord.token)
+
+ await getInitialState('refresh').then(res => {
+ this.replaceGoto()
+ })
+ }
+ }
+ })
+ })
+ .catch(error => { })
+ }
+
+ onKeyDown = e => {
+ if (e.keyCode !== 13) return
+
+ this.submitForm()
+ }
+
+ contactAdmin = () => {
+ }
+
+ render() {
+ const { Row, Col, Carousel, Input, Form, Checkbox, Button, Spin } = this
+ const { Item: FormItem } = Form
+ const { Password } = Input
+ const { isRemember } = this.state
+ const { loading } = this.props
+
+ return (
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
+
+export default Login
diff --git a/src/pages/login/Login.less b/src/pages/login/Login.less
new file mode 100644
index 0000000..80898fd
--- /dev/null
+++ b/src/pages/login/Login.less
@@ -0,0 +1,125 @@
+@import '~@/utils/utils.less';
+@import '@/global.less';
+
+@color: rgba(41, 105, 255, 1);
+
+.loginBox {
+ height: 100vh;
+
+ .boxLeft {
+ background-color: #F5F8FF;
+ height: 100vh;
+ position: relative;
+
+ img {
+ position: absolute;
+ right: -60px;
+ bottom: 10%;
+ max-height: 80%;
+ max-width: 80%;
+ }
+ }
+
+ .boxRight {
+ height: 100vh;
+ overflow-y: auto;
+
+ .loginForm {
+ .formHeader {
+ width: 100%;
+ height: 80px;
+ line-height: 80px;
+ }
+
+ .formContent {
+ padding: 40px 0 0;
+
+ .contentBox {
+ width: 450px;
+ margin: 0 auto;
+
+ .contentHeader {
+ margin: 0 auto;
+
+ .headerName {
+ color: @color;
+ font-weight: 1000;
+ font-size: 40px;
+ }
+
+ @media screen and (max-width: @screen-lg) {
+ .headerName { font-size: 30px; }
+ }
+
+ @media screen and (min-width: @screen-xl) {
+ .headerName { font-size: 40px; }
+ }
+
+ .headerSlogan {
+ font-weight: 400;
+ font-size: 16px;
+ padding: 16px 0 40px;
+ }
+ }
+
+ .contentBody {
+ margin: 0 auto;
+
+ .username, .password {
+ margin-bottom: 20px;
+
+ .ant-form-item-label {
+ font-size: 14px;
+ padding: 0 0 14px;
+ letter-spacing: 1px;
+ }
+
+ .ant-input {
+ padding: 12px 10px;
+ font-size: 18px;
+ border-radius: 5px;
+ }
+
+ .ant-input-password {
+ padding: 0 10px 0 0;
+ }
+ }
+
+ .isRemember {
+ padding-top: 10px;
+ padding-bottom: 24px;
+
+ .ant-checkbox+span {
+ padding: 0 8px;
+ letter-spacing: 1px;
+ }
+ }
+
+ .loginBtn {
+ width: 100%;
+ background-color: @color;
+ padding: 12px;
+ height: 54px;
+ line-height: 1;
+ border-radius: 5px;
+ }
+
+ .isForget {
+ padding-top: 20px;
+ text-align: center;
+
+ span+a {
+ padding: 0 8px;
+ letter-spacing: 1px;
+ }
+
+ a {
+ color: @color;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/pages/login/models/Login.js b/src/pages/login/models/Login.js
new file mode 100644
index 0000000..ce86291
--- /dev/null
+++ b/src/pages/login/models/Login.js
@@ -0,0 +1,42 @@
+import { loginUser, logOutUser } from '@/services/system/api_login'
+
+export default {
+ namespace: 'login',
+ state: {
+ data: {}
+ },
+ effects: {
+ *login_user({ payload, callback }, { call, put }) {
+ const response = yield call(loginUser, payload)
+ yield put({
+ type: 'loginUser',
+ payload: response
+ })
+
+ if (callback) callback(response)
+ },
+ *login_out_user({ payload, callback }, { call, put }) {
+ const response = yield call(logOutUser, payload)
+ yield put({
+ type: 'logOutUser',
+ payload: response
+ })
+
+ if (callback) callback(response)
+ }
+ },
+ reducers: {
+ loginUser(state, { payload }) {
+ return {
+ ...state,
+ data: { ...payload }
+ }
+ },
+ logOutUser(state, { payload }) {
+ return {
+ ...state,
+ data: { ...payload }
+ }
+ }
+ }
+}
diff --git a/src/pages/nav_pocmodel_content/PocmodelContentList.js b/src/pages/nav_pocmodel_content/PocmodelContentList.js
new file mode 100644
index 0000000..fd010ee
--- /dev/null
+++ b/src/pages/nav_pocmodel_content/PocmodelContentList.js
@@ -0,0 +1,73 @@
+import React, { useState, useEffect } from 'react'
+import { history, Outlet, useLocation, matchRoutes } from '@umijs/max'
+import { Menu } from 'antd'
+import './PocmodelContentList.less'
+import { formatRoute, getDefaultRoute } from '@/utils/routeUtils'
+
+const PocmodelContentList = (props) => {
+ const dynamicRoute = window.dynamicRoute
+ const location = useLocation()
+ const pathName = location.pathname
+ const [openKey, setOpenKey] = useState([])
+ const [selectedKey, setSelectedKey] = useState([])
+ const [menuItems, setMenuItems] = useState([])
+ let defaultKey = ''
+
+ useEffect(() => {
+ if (!dynamicRoute || dynamicRoute?.length === 0) return
+ let newList = []
+ let routes = []
+
+ if (dynamicRoute?.length) {
+ let tempRoute = dynamicRoute?.filter(item => pathName.indexOf(item.key) !== -1) ?? []
+
+ newList = formatRoute(tempRoute[0]?.children)
+ routes = formatRoute(tempRoute[0]?.children, true)
+ defaultKey = getDefaultRoute(routes)
+ const mathRoute = matchRoutes(routes, pathName)
+
+ setRouteActive({ key: mathRoute?.length ? pathName : defaultKey }, routes)
+ }
+
+ setMenuItems(newList)
+ }, [pathName])
+
+ const setRouteActive = (value, menu) => {
+ const curKey = value.key
+ const tempMenu = menu ?? menuItems ?? []
+ const mathRoute = matchRoutes(tempMenu, curKey)
+ let openKeys = []
+ let selectedKeys = []
+
+ mathRoute?.map((item, index) => {
+ mathRoute?.length !== index + 1 && (openKeys = [...openKeys, item.pathname])
+ mathRoute?.length === index + 1 && (selectedKeys = [...selectedKeys, item.pathname])
+ })
+
+ setOpenKey(openKeys)
+ setSelectedKey(selectedKeys)
+ history.replace(curKey)
+ }
+
+ return (
+
+
+
+
+
+
+
+
+ }
+ return item.icon;
+ };
+
+ const renderMenuItem = (menuItem) => ({
+ ...menuItem,
+ icon: renderIcon(),
+ children: menuItem.children?.map(child => renderMenuItem(child))
+ });
+
+ return renderMenuItem(item);
+};
+
+const SystemContentList = (props) => {
+ const dynamicRoute = window.dynamicRoute
+ console.log(dynamicRoute)
+ const location = useLocation()
+ const pathName = location.pathname
+ const [openKey, setOpenKey] = useState([])
+ const [selectedKey, setSelectedKey] = useState([])
+ const [menuItems, setMenuItems] = useState([])
+ const [systemType, setSystemType] = useState('智能巡检系统')
+ const [isMenuCollapsed, setIsMenuCollapsed] = useState(false); // 添加菜单收缩状态
+ let defaultKey = ''
+
+ useEffect(() => {
+ console.log('dynamicRoute structure:', dynamicRoute)
+ if (!dynamicRoute || dynamicRoute?.length === 0) return
+ let newList = []
+ let routes = []
+
+ if (dynamicRoute?.length) {
+ let tempRoute = dynamicRoute?.filter(item => pathName.indexOf(item.key) !== -1) ?? []
+
+ newList = formatRoute(tempRoute[0]?.children)
+ routes = formatRoute(tempRoute[0]?.children, true)
+ defaultKey = getDefaultRoute(routes)
+ const mathRoute = matchRoutes(routes, pathName)
+
+ setRouteActive({ key: mathRoute?.length ? pathName : defaultKey }, routes)
+ }
+
+ setMenuItems(newList)
+
+ const fixedMenuItems = [
+ {
+ "path": "/topnavbar00/business/basicinformation",
+ icon: 
,
+ "key": "/topnavbar00/business/basicinformation",
+ "label": "安全管理基础信息"
+ },
+ {
+ "path": "/topnavbar00/business/hiddentrouble",
+ icon: 
,
+ "key": "/topnavbar00/business/hiddentrouble",
+ "label": "隐患排查"
+ }
+ ]
+ setMenuItems(fixedMenuItems)
+ // 初始化默认路由
+ const defaultRoute = fixedMenuItems[0]?.key || ''
+ const mathRoute = matchRoutes(fixedMenuItems, pathName)
+ setRouteActive({ key: mathRoute?.length ? pathName : defaultRoute }, fixedMenuItems)
+ }, [pathName])
+
+ const setRouteActive = (value, menu) => {
+ const curKey = value.key
+ const tempMenu = menu ?? menuItems ?? []
+ const mathRoute = matchRoutes(tempMenu, curKey)
+ let openKeys = []
+ let selectedKeys = []
+
+ mathRoute?.map((item, index) => {
+ mathRoute?.length !== index + 1 && (openKeys = [...openKeys, item.pathname])
+ mathRoute?.length === index + 1 && (selectedKeys = [...selectedKeys, item.pathname])
+ })
+
+ setOpenKey(openKeys)
+ setSelectedKey(selectedKeys)
+ history.replace(curKey)
+ }
+
+ // 切换菜单收缩状态
+ const toggleMenu = () => {
+ setIsMenuCollapsed(!isMenuCollapsed);
+ };
+
+ const { initialState: { menu }, setInitialState } = useModel('@@initialState')
+
+ const loginOut = async () => {
+ // await outLogin()
+ const { redirect } = getPageQuery()
+
+ if (window.location.pathname !== '/login/login' && !redirect) {
+ history.replace({
+ pathname: '/login',
+ // search: stringify({
+ // redirect: window.location.href,
+ // }),
+ })
+
+ setInitialState({ currentUser: null, menu: null, menuMap: null })
+ window.dynamicRoute = null
+ localStorage.clear()
+ }
+ }
+
+ const handleMenuClick = (e) => {
+ switch (e.key) {
+ case 'logout':
+ loginOut()
+ break
+ default:
+ break
+ }
+ }
+
+ const dropDownMenuItems = [
+ {
+ label: <>退出登录,
+ key: 'logout'
+ }
+ ]
+
+ const dropDownMenu = () => (
+
+ )
+
+ return (
+
+
+
+
+
+
+
+ }
+ />
+
+
+ {/* 菜单收缩按钮 */}
+
+
+
+
+
+ {/*
*/}
+
+
+ {/*
+ 
+
+
+
+ {/*
*/}
+
+
+
+
+
+
+
+
菜单配置
+
+
+ }
+ onClick={this.handleAdd}
+ >
+ 新增菜单
+
+
+
+
+
+
+
+
+
组织管理
+
+
+ }
+ onClick={this.handleAdd}
+ >
+ 新增组织
+
+
+
+
+
+
+
+
+
角色配置
+
+
+ }
+ onClick={this.handleAdd}
+ >
+ 新增角色
+
+
+
+
+
+ {/*
+
+
+
+
+
+
*/}
+
+ {/*
+
+
*/}
+
+