|
|
|
|
@ -1,7 +1,7 @@ |
|
|
|
|
<template> |
|
|
|
|
<el-dialog title="打印预览" append-to-body :modelValue="showPrint" fullscreen width="85%" |
|
|
|
|
@close="closeDialog" :custom-class="isPrint ? 'noprint' : 'rbdyBox'"> |
|
|
|
|
<el-button @click="printData" type="primary" class="printButton" :class="isPrint ? 'no-print' : ''">打 印</el-button> |
|
|
|
|
<el-button @click="printData" type="primary" class="printButton no-print">打 印</el-button> |
|
|
|
|
<div v-loading="loading" id="printMe" ref="printContent" class="printBox"> |
|
|
|
|
<!-- <div class="printTitle"> |
|
|
|
|
<div style="text-align:left;">JONHON受控</div> |
|
|
|
|
@ -21,94 +21,130 @@ |
|
|
|
|
<td colspan="2">3400</td> |
|
|
|
|
</tr> --> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="2">零件号</td> |
|
|
|
|
<td colspan="2">21E8-570-1122-L36</td> |
|
|
|
|
<td colspan="2">产品型号</td> |
|
|
|
|
<td colspan="2">{{ modelOne.wo.pjYieldOrder.productType || '/' }}</td> |
|
|
|
|
<td colspan="2">生产标识</td> |
|
|
|
|
<td colspan="1">JHT</td> |
|
|
|
|
<td colspan="1">零件号</td> |
|
|
|
|
<td colspan="4">21E8-570-1122-L36</td> |
|
|
|
|
<td colspan="1">产品型号</td> |
|
|
|
|
<td colspan="3">{{ modelOne.wo.pjYieldOrder.productType || '/' }}</td> |
|
|
|
|
<td colspan="1">生产标识</td> |
|
|
|
|
<td colspan="2">JHT</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="2">批次号</td> |
|
|
|
|
<td colspan="2">Y1702506402</td> |
|
|
|
|
<td colspan="2">名称</td> |
|
|
|
|
<td colspan="2">Φ5.5焊杯插针</td> |
|
|
|
|
<td colspan="2">数量</td> |
|
|
|
|
<td colspan="1">{{ modelOne.wo.pjYieldOrder.poQty || '/' }}</td> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="1">批次号</td> |
|
|
|
|
<td colspan="4">Y1702506402</td> |
|
|
|
|
<td colspan="1">名称</td> |
|
|
|
|
<td colspan="3">Φ5.5焊杯插针</td> |
|
|
|
|
<td colspan="1">数量</td> |
|
|
|
|
<td colspan="2">{{ modelOne.wo.pjYieldOrder.poQty || '/' }}</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<!-- <td>材料</td> |
|
|
|
|
<td colspan="4">{{ modelOne.dsPart.material || '/' }}</td> --> |
|
|
|
|
<td colspan="2">硬度</td> |
|
|
|
|
<td colspan="6">111</td> |
|
|
|
|
<td colspan="2">零件面积(dm²)</td> |
|
|
|
|
<td colspan="1">{{ modelOne.wo.pjYieldOrder.poArea || '/' }}</td> |
|
|
|
|
<!-- <td>设备编码</td> |
|
|
|
|
<td colspan="2">{{ '' || '/' }}</td> --> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="1">硬度</td> |
|
|
|
|
<td colspan="8">111</td> |
|
|
|
|
<td colspan="1">零件面积(dm²)</td> |
|
|
|
|
<td colspan="3">{{ modelOne.wo.pjYieldOrder.poArea || '/' }}</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="2">镀种</td> |
|
|
|
|
<td colspan="6">{{ modelOne.wo.pjYieldOrder.plate || '/' }}</td> |
|
|
|
|
<td colspan="2">材料</td> |
|
|
|
|
<td colspan="1">{{ '' || '/' }}</td> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="1">镀种</td> |
|
|
|
|
<td colspan="8">{{ modelOne.wo.pjYieldOrder.plate || '/' }}</td> |
|
|
|
|
<td colspan="1">材料</td> |
|
|
|
|
<td colspan="3">{{ '' || '/' }}</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="2">工艺路线</td> |
|
|
|
|
<td colspan="9">{{ modelOne.wo.pjYieldOrder.primaryCraft || '/' }}</td> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="1">工艺路线</td> |
|
|
|
|
<td colspan="11">{{ modelOne.wo.pjYieldOrder.primaryCraft || '/' }}</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="2">质量信息</td> |
|
|
|
|
<td colspan="9">{{ ( modelOne.dsPart.cruxMemo? modelOne.dsPart.cruxMemo :'' +' '+ modelOne.dsPart.memo?modelOne.dsPart.memo:'') || '/' }}</td> |
|
|
|
|
<td colspan="1">质量信息</td> |
|
|
|
|
<td colspan="11">{{ ( modelOne.dsPart.cruxMemo? modelOne.dsPart.cruxMemo :'' +' '+ modelOne.dsPart.memo?modelOne.dsPart.memo:'') || '/' }}</td> |
|
|
|
|
</tr> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<template v-if="modelTwo && modelTwo.length>0"> |
|
|
|
|
<template v-if="modelTwo && modelTwo.length>0"> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="11" style="font-size:21px;font-weight:550;">生产过程</td> |
|
|
|
|
<td colspan="12" style="font-size:21px;font-weight:550;">生产过程</td> |
|
|
|
|
</tr> |
|
|
|
|
<template v-for="(item,index) in modelTwo" > |
|
|
|
|
<tr v-if="index != 0" style="height: 20px;"></tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="11" style="font-size:16px;font-weight:550;"> |
|
|
|
|
<td colspan="12" style="font-size:16px;font-weight:550;"> |
|
|
|
|
{{item.orders}} - {{item.ppsName}} 工序详情 |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr v-if="item.selfInspection && JSON.stringify(item.selfInspection) != '{}'"> |
|
|
|
|
<td colspan="2">自检</td> |
|
|
|
|
<td colspan="6">{{item.selfInspection.content}}</td> |
|
|
|
|
<td colspan="2">结论</td> |
|
|
|
|
<td colspan="1">{{item.selfInspection.conclusion}}</td> |
|
|
|
|
<tr v-if="item.selfInspection && JSON.stringify(item.selfInspection) != '{}'"> |
|
|
|
|
<td colspan="1">自检</td> |
|
|
|
|
<td colspan="5">{{item.selfInspection.content}}</td> |
|
|
|
|
<td colspan="3">结论</td> |
|
|
|
|
<td colspan="3">{{item.selfInspection.conclusion}}</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="5">工艺文件编号/版本号</td> |
|
|
|
|
<td colspan="6">工艺文件编号/版本号</td> |
|
|
|
|
<td colspan="6">010-01796589/Q</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="5">CPS文件编号/版本号</td> |
|
|
|
|
<td colspan="6">CPS文件编号/版本号</td> |
|
|
|
|
<td colspan="6">/</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="2">操作者</td> |
|
|
|
|
<td :colspan="item.Hanger ? '2' : '1'">李新乐</td> |
|
|
|
|
<tr v-if="item.Hanger"> |
|
|
|
|
<td colspan="1">操作者</td> |
|
|
|
|
<td colspan="2">李新乐</td> |
|
|
|
|
<td colspan="1">挂具编号</td> |
|
|
|
|
<td colspan="1">GDAU</td> |
|
|
|
|
<td colspan="2">检验员确认</td> |
|
|
|
|
<td colspan="2">GDAU</td> |
|
|
|
|
<td colspan="3">检验员确认</td> |
|
|
|
|
<td colspan="3">曹鹏飞/2025-06-28</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="1">操作者</td> |
|
|
|
|
<td colspan="5">李新乐</td> |
|
|
|
|
<td colspan="3">检验员确认</td> |
|
|
|
|
<td colspan="3">曹鹏飞/2025-06-28</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr v-if="item.deviceCode && item.deviceCode != ''"> |
|
|
|
|
<td colspan="1">设备编号</td> |
|
|
|
|
<td colspan="5">9652249</td> |
|
|
|
|
<td colspan="3">有效期</td> |
|
|
|
|
<td colspan="3"></td> |
|
|
|
|
</tr> |
|
|
|
|
<tr v-if="item.tankInfo && JSON.stringify(item.tankInfo) != {}"> |
|
|
|
|
<td colspan="12" >同槽信息</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr v-if="item.tankInfo && JSON.stringify(item.tankInfo) != {}"> |
|
|
|
|
<td colspan="1">掺镀件面积(dm²)</td> |
|
|
|
|
<td colspan="3">{{item.tankInfo.cdjArea}}</td> |
|
|
|
|
<td colspan="1">陪镀件面积(dm²)</td> |
|
|
|
|
<td colspan="2">{{item.tankInfo.cdjArea}}</td> |
|
|
|
|
<td colspan="1">挂具面积(dm²)</td> |
|
|
|
|
<td colspan="4">{{item.tankInfo.cdjArea}}</td> |
|
|
|
|
</tr> |
|
|
|
|
<template v-if="item.tankInfo && JSON.stringify(item.tankInfo) != {} && item.tankInfo.tankData && item.tankInfo.tankData.length != 0"> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="1">同槽编号</td> |
|
|
|
|
<td colspan="3">零件号</td> |
|
|
|
|
<td colspan="2">批次号</td> |
|
|
|
|
<td>数量</td> |
|
|
|
|
<td>生产标识</td> |
|
|
|
|
<td>面积(dm²)</td> |
|
|
|
|
<td colspan="2">总面积(dm²)</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr v-for="(slot,index) in item.tankInfo.tankData"> |
|
|
|
|
<td v-if="index === 0" :rowspan="item.tankInfo.tankData.length">{{slot.slotNo}}</td> |
|
|
|
|
<td colspan="3">{{slot.partCode}}</td> |
|
|
|
|
<td colspan="2">{{slot.batchNo}}</td> |
|
|
|
|
<td >{{slot.count || '/'}}</td> |
|
|
|
|
<td >{{slot.count || '/'}}</td> |
|
|
|
|
<td >{{slot.area || '/'}}</td> |
|
|
|
|
<td v-if="index === 0" :rowspan="item.tankInfo.tankData.length" colspan="2">{{slot.totalArea || '/'}}</td> |
|
|
|
|
</tr> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="item.slotPosition && item.slotPosition.length != 0"> |
|
|
|
|
<tr > |
|
|
|
|
<td colspan="3">槽位/工步</td> |
|
|
|
|
<td colspan="1">槽位/工步</td> |
|
|
|
|
<td colspan="5">工艺要求</td> |
|
|
|
|
<td colspan="7">实际参数</td> |
|
|
|
|
<td colspan="5">实际参数</td> |
|
|
|
|
</tr> |
|
|
|
|
<!-- <tr v-for="slot in item.slotPosition" :key="slot.id"> |
|
|
|
|
<td>{{slot.slotName}}</td> |
|
|
|
|
</tr> --> |
|
|
|
|
<template v-for="(itemSlot, indexSlot) in item.slotPosition" :key="itemSlot.slotName + indexSlot"> |
|
|
|
|
<component |
|
|
|
|
:is="getTemplateComponent(itemSlot.rfpsType)" |
|
|
|
|
:itemSlot="itemSlot" |
|
|
|
|
:indexSlot="indexSlot" |
|
|
|
|
:quality="true" |
|
|
|
|
/> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
@ -118,6 +154,7 @@ |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
@ -125,6 +162,7 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import {getWordDetail} from '@/api/qualityManagement/inspectionArchiving/eRecord' |
|
|
|
|
import Templates from "@/views/qualityTemplate/index.js"; |
|
|
|
|
import { getTemplateComponent } from '@/utils/templateMapper.js'; |
|
|
|
|
import { exportEchartsToPdf } from '@/utils/exportPdf'; // 引入工具函数 |
|
|
|
|
@ -138,6 +176,18 @@ export default { |
|
|
|
|
type: Array, |
|
|
|
|
default: () => [] |
|
|
|
|
}, |
|
|
|
|
printType:{ |
|
|
|
|
type:String, |
|
|
|
|
default:'' |
|
|
|
|
}, |
|
|
|
|
woId:{ |
|
|
|
|
type:String, |
|
|
|
|
default:'' |
|
|
|
|
}, |
|
|
|
|
rbChecked:{ |
|
|
|
|
type:Array, |
|
|
|
|
default:() =>[] |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
|
...Templates, |
|
|
|
|
@ -169,15 +219,17 @@ export default { |
|
|
|
|
modelTwo: [ |
|
|
|
|
{ |
|
|
|
|
orders: '0005',ppsName:'上挂', |
|
|
|
|
Hanger:true, |
|
|
|
|
selfInspection:{content:"零件表面无油污、锈蚀、磕碰伤、划痕等缺陷",conclusion:"合格"} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
orders: '0010',ppsName:'清洗', |
|
|
|
|
deviceCode:"9652249", |
|
|
|
|
slotPosition:[ |
|
|
|
|
{ |
|
|
|
|
insertIndex: "1", |
|
|
|
|
rfpsType: 2, |
|
|
|
|
slotIndex: "1", |
|
|
|
|
// slotIndex: "1", |
|
|
|
|
slotName: "超声波除油", |
|
|
|
|
childrenList:[ |
|
|
|
|
{ |
|
|
|
|
@ -215,14 +267,14 @@ export default { |
|
|
|
|
// { |
|
|
|
|
// insertIndex: "1", |
|
|
|
|
// rfpsType: 7, |
|
|
|
|
// slotIndex: "1", |
|
|
|
|
// // slotIndex: "1", |
|
|
|
|
// slotName: "自来水洗", |
|
|
|
|
// childrenList:[ |
|
|
|
|
// { |
|
|
|
|
// "rfpsId": "1", |
|
|
|
|
// "detailName": "时间（min）", |
|
|
|
|
// "detailIndex": "1", |
|
|
|
|
// "ask": "1-3", |
|
|
|
|
// "ask": "20～40", |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "开始", |
|
|
|
|
@ -232,8 +284,8 @@ export default { |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// insertIndex: "1", |
|
|
|
|
// rfpsType: 2, |
|
|
|
|
// slotIndex: "1", |
|
|
|
|
// rfpsType: 1, |
|
|
|
|
// // slotIndex: "1", |
|
|
|
|
// slotName: "超声波除油", |
|
|
|
|
// childrenList:[ |
|
|
|
|
// { |
|
|
|
|
@ -244,55 +296,141 @@ export default { |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "开始", |
|
|
|
|
// "paramValue": "2025/06/28 09:00:49" |
|
|
|
|
// "paramValue": "2" |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// "rfpsId": "2", |
|
|
|
|
// "rfpsId": "1", |
|
|
|
|
// "detailName": "时间（min）", |
|
|
|
|
// "detailIndex": "1", |
|
|
|
|
// "ask": "20～40", |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "结束", |
|
|
|
|
// "paramValue": "2025/06/28 09:30:49" |
|
|
|
|
// "paramName": "开始", |
|
|
|
|
// "paramValue": "2" |
|
|
|
|
// }, |
|
|
|
|
// ] |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// insertIndex: "1", |
|
|
|
|
// rfpsType: 8, |
|
|
|
|
// // slotIndex: "1", |
|
|
|
|
// slotName: "超声波除油", |
|
|
|
|
// childrenList:[ |
|
|
|
|
// { |
|
|
|
|
// "rfpsId": "1", |
|
|
|
|
// "detailName": "时间（min）", |
|
|
|
|
// "detailIndex": "1", |
|
|
|
|
// "ask": "20～40", |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "开始", |
|
|
|
|
// "paramValue": "2" |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// "rfpsId": "2", |
|
|
|
|
// "detailName": "温度（℃）", |
|
|
|
|
// "rfpsId": "1", |
|
|
|
|
// "detailName": "时间（min）", |
|
|
|
|
// "detailIndex": "1", |
|
|
|
|
// "ask": "40~60", |
|
|
|
|
// "ask": "20～40", |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "参数名称1", |
|
|
|
|
// "paramValue": "55" |
|
|
|
|
// "paramName": "开始", |
|
|
|
|
// "paramValue": "2" |
|
|
|
|
// }, |
|
|
|
|
// ] |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// insertIndex: "1", |
|
|
|
|
// rfpsType: 7, |
|
|
|
|
// slotIndex: "1", |
|
|
|
|
// slotName: "自来水洗", |
|
|
|
|
// rfpsType: 3, |
|
|
|
|
// // slotIndex: "1", |
|
|
|
|
// slotName: "超声波除油", |
|
|
|
|
// childrenList:[ |
|
|
|
|
// { |
|
|
|
|
// "rfpsId": "1", |
|
|
|
|
// "detailName": "时间（min）", |
|
|
|
|
// "detailIndex": "1", |
|
|
|
|
// "ask": "1-3", |
|
|
|
|
// "ask": "20～40", |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "开始", |
|
|
|
|
// "paramValue": "2" |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// "rfpsId": "1", |
|
|
|
|
// "detailName": "时间（min）", |
|
|
|
|
// "detailIndex": "1", |
|
|
|
|
// "ask": "20～40", |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "结束", |
|
|
|
|
// "paramValue": "2" |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// "rfpsId": "1", |
|
|
|
|
// "detailName": "时间（min）", |
|
|
|
|
// "detailIndex": "1", |
|
|
|
|
// "ask": "20～40", |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "开始", |
|
|
|
|
// "paramValue": "2" |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// "rfpsId": "1", |
|
|
|
|
// "detailName": "时间（min）", |
|
|
|
|
// "detailIndex": "1", |
|
|
|
|
// "ask": "20～40", |
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44", |
|
|
|
|
// "qualified": "合格", |
|
|
|
|
// "paramName": "结束", |
|
|
|
|
// "paramValue": "2" |
|
|
|
|
// }, |
|
|
|
|
// ] |
|
|
|
|
// }, |
|
|
|
|
// } |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
orders: '0020',ppsName:'挂镀金', |
|
|
|
|
deviceCode:"9652249", |
|
|
|
|
tankInfo:{ |
|
|
|
|
cdjArea:0, |
|
|
|
|
tankData:[ |
|
|
|
|
{ |
|
|
|
|
slotNo:"B- BD2025062814474772", |
|
|
|
|
partCode:'21E8-570-1122-L36', |
|
|
|
|
batchNo:'Y1702506402' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
slotNo:"B- BD2025062814474772", |
|
|
|
|
partCode:'21E8-570-1122-L37', |
|
|
|
|
batchNo:'Y1702506402' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
slotNo:"B- BD2025062814474772", |
|
|
|
|
partCode:'21E8-570-1122-L38', |
|
|
|
|
batchNo:'Y1702506402', |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
modelThree: { checkList: [], procedureSet: {}}, |
|
|
|
|
modelFour: { procedureSet: {}, prWorkOrder: { pjYieldOrder: {}}}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created(){ |
|
|
|
|
console.log('check---------',this.checkedList) |
|
|
|
|
console.log('printType---------',this.printType) |
|
|
|
|
// if(this.printType == '热表'){ |
|
|
|
|
// console.log('checkList--------',this.checkedList) |
|
|
|
|
// getWordDetail({ |
|
|
|
|
// woId:this.woId, |
|
|
|
|
// moduleList:this.rbChecked, |
|
|
|
|
// planList:this.checkedList |
|
|
|
|
// }).then(res =>{ |
|
|
|
|
// console.log('res----------',res) |
|
|
|
|
// }) |
|
|
|
|
// } |
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|
getTemplateComponent(type) { |
|
|
|
|
const componentName = getTemplateComponent(type); |
|
|
|
|
@ -315,9 +453,6 @@ export default { |
|
|
|
|
margin-right: 8px; |
|
|
|
|
margin-top: 16px; |
|
|
|
|
|
|
|
|
|
&.no-print{ |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.printBox { |
|
|
|
|
width: 100%; |
|
|
|
|
@ -342,7 +477,7 @@ export default { |
|
|
|
|
page-break-inside: avoid; |
|
|
|
|
} |
|
|
|
|
td { |
|
|
|
|
width: 9%; |
|
|
|
|
width: 8.3%; |
|
|
|
|
height: 30px; |
|
|
|
|
border: 1px solid #000; |
|
|
|
|
background: transparent; |
|
|
|
|
@ -355,7 +490,8 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.fixTopLeft{ |
|
|
|
|
position: absolute; |
|
|
|
|
// position: fixed; |
|
|
|
|
float: left; |
|
|
|
|
top: 1; |
|
|
|
|
left: 0; |
|
|
|
|
font-family: 'SimHei'; |
|
|
|
|
@ -365,7 +501,8 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media print { |
|
|
|
|
.noprint, .no-print{ |
|
|
|
|
/* 隐藏不需要打印的元素：按钮、导航栏、侧边栏等 */ |
|
|
|
|
.no-print, header, footer, .sidebar, button { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
@page { |
|
|
|
|
@ -375,3 +512,28 @@ export default { |
|
|
|
|
} |
|
|
|
|
// @media print { @page { size:21cm 29.7cm } } |
|
|
|
|
</style> |
|
|
|
|
<style> |
|
|
|
|
@media print { |
|
|
|
|
.no-print { |
|
|
|
|
display: none !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* 确保表格行不被截断 |
|
|
|
|
/* tr.avoid-break { |
|
|
|
|
page-break-inside: avoid; |
|
|
|
|
break-inside: avoid; |
|
|
|
|
} */ |
|
|
|
|
|
|
|
|
|
/* 修复 Vue 3 中常见的打印问题：如果使用了 fixed 布局，打印时会消失或错位 */ |
|
|
|
|
/* .print-content { |
|
|
|
|
position: static !important; |
|
|
|
|
width: 100% !important; |
|
|
|
|
} */ |
|
|
|
|
|
|
|
|
|
/* body, #app, .your-container { |
|
|
|
|
height: auto !important; |
|
|
|
|
overflow: visible !important; |
|
|
|
|
position: static !important; |
|
|
|
|
} */ |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
jinna
4 weeks ago