licq/heli-mes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

打印

Browse Source
This commit is contained in:
z 2025-09-05 23:18:12 +08:00
parent 966573b942
commit de462199de
1 changed files with 31 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
mes-ui/mes-ui-admin-vue3/src/views/heli/plan/productionPrint.vue
View File

@ -121,7 +121,7 @@
<td> 设备型号 </td> <td> 设备型号 </td>
<td> 数量 </td> <td> 数量 </td>
<td> 主要材料 </td> <td> 主要材料 </td>
<td style="width:120px"> 毛坯日期 </td> <td style="width:150px"> 毛坯日期 </td>
<td> 2D/日期 </td> <td> 2D/日期 </td>
<td> 3D/日期 </td> <td> 3D/日期 </td>
</tr> </tr>
@ -330,7 +330,7 @@ style="
<td style="width: 10%"> 设备型号 </td> <td style="width: 10%"> 设备型号 </td>
<td style="width: 10%"> 数量 </td> <td style="width: 10%"> 数量 </td>
<td style="width: 10%"> 主要材料 </td> <td style="width: 10%"> 主要材料 </td>
<td style="width: 10%"> 毛坯日期 </td> <td style="width: 15%"> 毛坯日期 </td>
<td style="width: 10%"> 2D/日期 </td> <td style="width: 10%"> 2D/日期 </td>
<td style="width: 10%"> 3D/日期 </td> <td style="width: 10%"> 3D/日期 </td>
</tr> </tr>
@ -536,12 +536,7 @@ const onPrint = () => {
position: relative; position: relative;
font-size: 12px !important; font-size: 12px !important;
} }
@media print and (-webkit-min-device-pixel-ratio: 0){
@page {
size: A4;
margin:0.8cm 1cm 1.4cm 1cm;;
}
@media print {
.page { .page {
margin: 10mm; margin: 10mm;
border: initial; border: initial;
@ -552,24 +547,24 @@ const onPrint = () => {
background: initial; background: initial;
page-break-after: always; page-break-after: always;
} }
} .footer {
/* 注册页脚为运行元素 */ position: absolute;
.footer {
position: running(footer);
text-align: right; text-align: right;
font-size: 10px; font-size: 10px;
color: #666; color: #666;
border-top: 1px dashed #ccc; border-top: 1px dashed #ccc;
padding-top: 2px; padding-top: 2px;
} }
}
/* 定义页脚位置 */ @page {
@page { size: A4;
margin:0.8cm 1cm 1.4cm 1cm;;
@bottom-right { @bottom-right {
content: counter(page) "/" counter(pages); content: counter(page) "/" counter(pages);
font-family: Arial; /* 防止继承奇怪字体 */ font-family: Arial;
} }
} }
/* 定义页脚位置 */
table { table {
width: 100%; /* 让表格宽度100%占满其父元素宽度 */ width: 100%; /* 让表格宽度100%占满其父元素宽度 */
@ -1015,8 +1010,12 @@ const resetForm = () => {
@page { @page {
size: A4; size: A4;
margin: 0; margin: 0;
@bottom-right {
content: counter(page) "/" counter(pages);
font-family: Arial;
}
} }
@media print { @media print and (-webkit-min-device-pixel-ratio: 0) {
.page { .page {
margin: 0; margin: 0;
border: initial; border: initial;
@ -1027,23 +1026,18 @@ const resetForm = () => {
background: initial; background: initial;
page-break-after: always; page-break-after: always;
} }
} .footer {
.footer { position: absolute;
position: running(footer);
text-align: right; text-align: right;
font-size: 10px; font-size: 10px;
color: #666; color: #666;
border-top: 1px dashed #ccc; border-top: 1px dashed #ccc;
padding-top: 5px; padding-top: 5px;
}
/* 定义页脚位置 */
@page {
@bottom-right {
content: counter(page) "/" counter(pages);
font-family: Arial; /* 防止继承奇怪字体 */
} }
} }
/* 定义页脚位置 */
table { table {
width: 100%; /* 让表格宽度100%占满其父元素宽度 */ width: 100%; /* 让表格宽度100%占满其父元素宽度 */
height: auto; /* 高度根据内容自适应 */ height: auto; /* 高度根据内容自适应 */