iframe页面的Modal 直接从父级获取

one_stop_public/AffairButton/AuditButton/Modal/index.jsx

@@ -4,9 +4,11 @@
  * Modal定制样式
  */
 import React, {Component} from 'react';
-import {Modal, Button} from 'antd';
-
+import { Button } from 'antd';
 import styles from './index.less';
+import { getModal } from '@/webPublic/one_stop_public/utils/utils';
+
+const Modal = getModal();
 
 export default class WebModal extends Component {
   constructor(props) {

one_stop_public/AffairButton/SumbitButton/AddModal.jsx

@@ -4,7 +4,9 @@
  * 事务发起提交多次弹框
  */
 import React, { Component } from 'react';
-import { Modal, Button } from 'antd';
+import { getModal } from '@/webPublic/one_stop_public/utils/utils';
+const Modal = getModal();
+
 export default class AddModal extends Component {
 	render() {
 		let { visible, handleCancel, handleOk, loading } = this.props;

one_stop_public/libs/PictureSignature/PictureSignature.js

 import React, { useState, useEffect, useRef } from 'react';
 import styles from './styles.less';
-import { Modal, Button, Icon, message } from 'antd';
+import { Button, Icon, message } from 'antd';
 import ShowItem, { dragEventList, zipImage } from './ShowItem';
 import { apiRequest } from '../../utils/request';
 import { deepCopy } from '@/webPublic/one_stop_public/utils/myutils';
+import { getModal } from '@/webPublic/one_stop_public/utils/utils';
+const Modal = getModal();
+
 
 let fakeFileInfo = {
   path: '/u/202112/25143111x0ki.jpg', // 超大的图片

one_stop_public/utils/utils.js

@@ -6,34 +6,38 @@ const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(
 const isUrl = (path) => reg.test(path);
 
 const isAntDesignPro = () => {
-	if (ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site') {
-		return true;
-	}
+  if (ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site') {
+    return true;
+  }
 
-	return window.location.hostname === 'preview.pro.ant.design';
+  return window.location.hostname === 'preview.pro.ant.design';
 }; // 给官方演示站点用，用于关闭真实开发环境不需要使用的特性
 
 const isAntDesignProOrDev = () => {
-	const { NODE_ENV } = process.env;
+  const { NODE_ENV } = process.env;
 
-	if (NODE_ENV === 'development') {
-		return true;
-	}
+  if (NODE_ENV === 'development') {
+    return true;
+  }
 
-	return isAntDesignPro();
+  return isAntDesignPro();
 };
 
 export { isAntDesignProOrDev, isAntDesignPro, isUrl };
 
 export const dispatch = (type, payload, callback) => {
-	window.g_app._store.dispatch({ type, payload, callback });
+  window.g_app._store.dispatch({
+    type,
+    payload,
+    callback,
+  });
 };
 
 
-export const getModal = () =>{
-  if(window?.parent?.iframeParentComponent?.Modal){
+export const getModal = () => {
+  if (window?.parent?.iframeParentComponent?.Modal) {
     return window?.parent?.iframeParentComponent?.Modal;
-  }else{
+  } else {
     return Modal;
   }
-}
+};