提交 9aa31060 authored 作者: 钟是志's avatar 钟是志

打印功能修改

上级 d207f29b
...@@ -20,7 +20,7 @@ export default function PrintQnmz(props) { ...@@ -20,7 +20,7 @@ export default function PrintQnmz(props) {
}, 2000); }, 2000);
}, []); }, []);
return (<div> return (<div>
<div id={'showButtonDiv'} className={styles.buttonDiv}> <div id={'showButtonDiv'} className={styles.buttonDiv2}>
{ {
showPrint ? <ReactToPrint showPrint ? <ReactToPrint
trigger={() => <Button type={'primary'}>打印</Button>} trigger={() => <Button type={'primary'}>打印</Button>}
...@@ -32,7 +32,7 @@ export default function PrintQnmz(props) { ...@@ -32,7 +32,7 @@ export default function PrintQnmz(props) {
}, 2000); }, 2000);
}); });
}} }}
/> : <div>正在加载信息, 请稍等</div> /> : <div style={{width: '200px'}}>正在加载信息</div>
} }
{ {
...@@ -46,12 +46,14 @@ export default function PrintQnmz(props) { ...@@ -46,12 +46,14 @@ export default function PrintQnmz(props) {
<div style={{ <div style={{
minHeight: '21cm', minHeight: '21cm',
minWidth: '29cm', minWidth: '29cm',
width: '42cm', width: '38cm',
pageBreakAfter: 'always', pageBreakAfter: 'always',
display: 'flex', display: 'flex',
justifyContent: 'center', // justifyContent: 'center',
alignItems: 'center', // alignItems: 'center',
}}> }}
id={'printDivDom'}
>
<IframeForRenderForm id={id} {...props} /> <IframeForRenderForm id={id} {...props} />
</div> </div>
</div> </div>
......
...@@ -24,6 +24,14 @@ ...@@ -24,6 +24,14 @@
padding: 10px; padding: 10px;
justify-content: center; justify-content: center;
} }
.buttonDiv2{
display: grid;
grid-template-columns: 70px 70px;
column-gap: 20px;
padding: 10px;
justify-content: start;
background-color: #fff;
}
@media print{ @media print{
table{ table{
//min-width: 19cm !important; //min-width: 19cm !important;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论