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

one_stop_public/AffairButton/AuditButton/Modal/index.jsx

@@ -7,7 +7,6 @@ import React, {Component} from 'react';
 import {Modal, Button} from 'antd';
 
 import styles from './index.less';
-import {getContainer} from "@/webPublic/one_stop_public/utils/utils";
 
 export default class WebModal extends Component {
   constructor(props) {
@@ -55,7 +54,6 @@ export default class WebModal extends Component {
           closable={false}
           visible={visible}
           footer={null}
-          getContainer={getContainer !== undefined ? getContainer : undefined}
           destroyOnClose={true}
           width={!!width ? width : 800}
           handleCancel={handleCancel}

one_stop_public/AffairButton/AuditButton/userTable/index.jsx

@@ -5,7 +5,7 @@
  * @param { jsx } addition 附件按钮 由外部添加
  */
 import React, { Component } from 'react';
-import { Input, Row, Col, Modal, Checkbox } from 'antd';
+import { Input, Checkbox } from 'antd';
 import Btn from '../pagesBtn';
 import MyModal from '../Modal';
 import styles from './styles.less';
@@ -168,10 +168,6 @@ export default class userButton extends Component {
 				{/* <Btn get='2' btnOne={()=>{this.showModal('不同意')}} btnTwo={()=>{this.showModal('驳回')}} btnThree={()=>{this.showModal('通过')}}/> */}
 				<MyModal
 					visible={visibleOk}
-          getContainer={() => {
-            let dom = document.getElementById('btnsModalMountDiv');
-            return dom || document.body;
-          }}
 					title={isSecond ? '重新发起' : '审批'}
 					width={600}
 					handleCancel={this.handleCancelOk}>

one_stop_public/Table/ZdyTable.jsx

@@ -659,7 +659,6 @@ export default class ZdyTable extends Component {
 			defaultValues,
 			items,
 			init,
-			modalTitle,
 			currentFormKey,
 			currentFormTitle,
 			isEdit,

one_stop_public/filePreview/index.jsx

@@ -2,11 +2,13 @@
  * web端文件预览功能
  */
 import React, {Component} from 'react';
-import {Modal, Popconfirm} from 'antd';
+import { Popconfirm } from 'antd';
 import {checkIsImage} from '@/webPublic/one_stop_public/libs/UploadCom';
-import {getContainer} from "@/webPublic/one_stop_public/utils/utils";
+import { getModal } from '@/webPublic/one_stop_public/utils/utils';
+
+const FileViewer = CLIENT_TYPE === 'mobile' ? null : require('react-file-viewer');
+const Modal = getModal();
 
-const FileViewer = CLIENT_TYPE == 'mobile' ? null : require('react-file-viewer');
 
 export default class index extends Component {
   constructor(props) {
@@ -41,6 +43,7 @@ export default class index extends Component {
 
   render() {
     let {path, pathName, width, height} = this.props;
+
     const {visible} = this.state;
     let isShow = false;
     let type;
@@ -99,9 +102,6 @@ export default class index extends Component {
           visible={visible}
           width={1200}
           destroyOnClose
-          getContainer={() => {
-            return getContainer(this.imageDom.parentNode.parentNode.parentNode);
-          }}
           centered={true}
           onOk={this.handleOk}
           onCancel={this.handleCancel}>
@@ -126,9 +126,6 @@ export default class index extends Component {
                 <FileViewer
                   fileType={type}
                   filePath={path}
-                  // onError={this.onError}
-                  // errorComponent={Error}
-                  // unsupportedComponent={Error}
                 />
               )}
             </div>

one_stop_public/libs/FormulaAll.jsx

 import React from 'react';
-import { Tree, Upload, Icon, Button, message, Modal } from 'antd';
+import { Button } from 'antd';
 import 'brace/mode/javascript';
 import AceEditor from 'react-ace';
 import FormulaForm from './FormulaForm';
+import { getModal } from '@/webPublic/one_stop_public/utils/utils';
+
+const Modal = getModal();
 
 export default class FormulaAll extends React.Component {
 	constructor(props) {

one_stop_public/libs/PictureSignature/PictureSignature.js

@@ -208,7 +208,6 @@ export default function PictureSignature({
           destroyOnClose={true}
           maskClosable={false}
           onCancel={changeShowModal}
-          getContainer={false}
           className={styles.ModalClass}
           footer={<Footer />}
           title={'图片签章'}

one_stop_public/libs/TableSelect.js

 import React from "react";
-import { Button, message, Modal, Table, Tag } from "antd";
+import { Button, message, Table, Tag } from "antd";
 import FormList from "./formList/index";
 import { connect } from "dva";
+import { getModal } from '@/webPublic/one_stop_public/utils/utils';
+const Modal = getModal();
 
 @connect(({ DataColumn, SqlManageEntity, loading }) => ({
 	DataColumn,

one_stop_public/libs/UploadCom.js

 // 图片上传组件
 import React from 'react';
-import { Button, Icon, message, Modal, Upload } from 'antd';
+import { Button, Icon, message, Upload } from 'antd';
 import { queryApiActionPath } from '../utils/queryConfig';
 import config from '@/webPublic/one_stop_public/config';
 import styles from './style.less';
 import UploadComDiyForQnZy from '@/webPublic/one_stop_public/libs/UploadComDiyForQnZy';
-// import { getContainer } from '@/webPublic/one_stop_public/utils/utils';
 import Viewer from 'react-viewer';
 
 message.config({

one_stop_public/libs/UploadComDiyForQnZy.js

 import React from "react";
-import { Button, Icon, message, Modal, Upload } from "antd";
+import { Button, Icon, message, Upload } from "antd";
 import { queryApiActionPath } from "../utils/queryConfig";
 import config from "@/webPublic/one_stop_public/config";
 import styles from "./style.less";

one_stop_public/location/Notification/index.tsx

@@ -4,7 +4,9 @@
  * 通知提醒框二次封装
  */
 import React from 'react';
-import { notification, Modal } from 'antd';
+import { notification } from 'antd';
+import { getModal } from '@/webPublic/one_stop_public/utils/utils';
+const Modal = getModal();
 
 /**
  *

one_stop_public/models/callbackExamineProcess.js

-import { message, Modal } from 'antd';
-
 export function callbackSubmitData(infoData) {
   console.log(infoData);
   if (window.callbackSubmitInfoZhiYong && typeof window.callbackSubmitInfoZhiYong === 'function') {

one_stop_public/utils/utils.js

 /* eslint no-useless-escape:0 import/prefer-default-export:0 */
+import { Modal } from 'antd';
+
 const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
 
 const isUrl = (path) => reg.test(path);
@@ -27,11 +29,11 @@ export const dispatch = (type, payload, callback) => {
 	window.g_app._store.dispatch({ type, payload, callback });
 };
 
-export const getContainer = (node) => {
-  // console.log(node);
-  console.log(window.parent?.document);
-    if(window.parent?.document && node){
-      return node;
+
+export const getModal = () =>{
+  if(window?.parent?.iframeParentComponent?.Modal){
+    return window?.parent?.iframeParentComponent?.Modal;
+  }else{
+    return Modal;
   }
-    return document.body;
 }