ActiveMenuComponent.js

/**
 * 钟是志
 * 2022年9月15日
 * onestopApp1.0
 * */
import React, { useEffect, useState, createContext, useRef } from 'react';
import CheckRecord from '@/webPublic/FormInsertDiy/ExportComponent/CheckRecord'; // 查询类
import Apply from '@/webPublic/FormInsertDiy/AffairPage/ApplyPage'; // 申请
import BatchAudit from '@/webPublic/FormInsertDiy/AffairPage/AuditPage/BatchAudit'; // 批量审批
import Audit from '@/webPublic/FormInsertDiy/AffairPage/AuditPage/index.js'; // 审批
import Detail from '@/webPublic/FormInsertDiy/AffairPage/Detail'; //详情
import { Modal, message, notification, Popconfirm } from 'antd';
import { connect } from 'dva';
import router from 'umi/router';
import { getIsQian_Nan } from '@/webPublic/zyd_public/utils/getSchoolType';
import exportHandledInfo from '@/webPublic/FormInsertDiy/AffairPage/AuditPage/exportHandledInfo';

export const CreateC = createContext({
	routerConfig: {},
});

window.iframeParentComponent = {
	Modal,
	message,
	notification,
	Popconfirm,
};

function ActiveMenuComponent({ routerConfig, ...otherProps }) {
	const { component = '', appId } = routerConfig;
	const refType = useRef();
	const { location } = otherProps;
	const record = location?.state?.record;
	const [show, setShow] = useState(false);
	useEffect(
		() => {
			if ((appId || record.id) && refType.current?.component === component) {
				// 当同一个组件渲染时 切换show 保证重新调接口并渲染页面
				setShow(false);
				setTimeout(() => {
					setShow(true);
				}, 100);
			} else {
				setShow(true);
			}
			refType.current = routerConfig;
		},
		[appId, record],
	);
	if (!show) {
		return null;
	}

	let Res = <div>暂无此功能</div>;

	switch (component) {
		case 'CheckRecord': // 查询类应用
			Res = <CheckRecord workId={appId} />;
			break;
		case 'Apply': // 申请类
			if (appId === '1549319936277479424') {
				// 29573 当前位置： 违纪管理/违纪上报（辅导员）,100086 下面这个模块做个超链接 搞到这儿来
				otherProps.otherButtons = [
					{
						type: 'weijiJiangjiLiebiao',
						name: '申诉降级上报',
						component: 'Normal',
						handleClick: () => {
							router.push({
								pathname: '/xg/Violation/downgrade',
							});
						},
					},
				];
			}
			Res = <Apply workId={appId} {...otherProps} />;
			break;
		case 'Audit': // 审批类
			Res = <Audit workId={appId} {...otherProps} />;
			break;
		case 'BatchAudit': // 批量审批
      if(appId === '1492048888356405248' && getIsQian_Nan() || process.env.NODE_ENV === 'development'){
        // 禅道30031
        otherProps.tab2Buttons = [
          {
            type: 'export',
            name: '导出',
            component: 'Normal',
            handleClick: (selectRows, formValues, getPage, search, columns) => {
              exportHandledInfo({
                columns,
                appId,
                handled: 'handled',
              });
            },
          },
        ];
      }
			Res = <BatchAudit workId={appId} {...otherProps} />;
			break;
		case 'Detail': // 详情
			Res = <Detail {...otherProps} />;
			break;
		default:
			break;
	}
	return (
		<CreateC.Provider
			value={{
				routerConfig,
			}}>
			{Res}
		</CreateC.Provider>
	);
}

export default connect(({}) => {
	return {};
})(ActiveMenuComponent);