当前位置：

FormInsertDiy/RenderForm/PrintCheckRecord.js

+import React, { useEffect, useRef, useState } from 'react';
+import ReactToPrint from 'react-to-print';
+import styles from './index.less';
+import { Button } from 'antd';
+import IframeForRenderForm from './IframeForRenderForm';
+import { getOneStopConfig } from '@/webPublic/zyd_public/utils/utils';
+
+export default function PrintQnmz(props) {
+  const { location: {pathname} } = props;
+  const componentRef = useRef();
+  const [showPrint, setShowPrint] = useState(false);
+  const id = getOneStopConfig(pathname);
+  useEffect(() => {
+    setTimeout(() => {
+      setShowPrint(true);
+    }, 2000);
+  }, []);
+  return (<div>
+    <div id={'showButtonDiv'} className={styles.buttonDiv}>
+      {
+        showPrint ? <ReactToPrint
+          trigger={() => <Button type={'primary'}>打印</Button>}
+          content={() => componentRef.current}
+          onBeforePrint={() => {
+            return new Promise((resolve, reject) => {
+              setTimeout(() => {
+                resolve(true);
+              }, 2000);
+            });
+          }}
+        /> : <div>正在加载信息, 请稍等</div>
+      }
+
+      {
+        showPrint && window.history.length > 1 &&
+        <Button type={'danger'} onClick={() => {
+          window.history.go(-1);
+        }}>返回</Button>
+      }
+    </div>
+    <div ref={componentRef}>
+            <div style={{
+              minHeight: '21cm',
+              minWidth: '29cm',
+              width: '42cm',
+              pageBreakAfter: 'always',
+              display: 'flex',
+              justifyContent: 'center',
+              alignItems: 'center',
+            }}>
+              <IframeForRenderForm id={id} {...props} />
+            </div>
+    </div>
+  </div>);
+}