|
|
|
|
<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 no-print">打 印</el-button>
|
|
|
|
|
<div v-loading="loading" id="printMe" ref="printContent" class="printBox">
|
|
|
|
|
<!-- <div class="printTitle">
|
|
|
|
|
<div style="text-align:left;">JONHON受控</div>
|
|
|
|
|
<div style="width: 88%;text-align:center;">热表分厂质量记录卡</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="fixTopLeft">JONHON受控</div>
|
|
|
|
|
<div class="printTitle">热表分厂质量记录卡</div>
|
|
|
|
|
<div class="tableNo">表号：</div>
|
|
|
|
|
<table id="cus-table" cellspacing="0" style="width:100%">
|
|
|
|
|
<template v-if="checkedList[0] && modelOne!= null && modelOne.wo != null">
|
|
|
|
|
<!-- <tr>
|
|
|
|
|
<td>订单号</td>
|
|
|
|
|
<td colspan="4">{{ modelOne.wo.woCode || '/' }}</td>
|
|
|
|
|
<td>使用部门</td>
|
|
|
|
|
<td colspan="3">{{ modelOne.wo.pjYieldOrder.useDept || '/' }}</td>
|
|
|
|
|
<td>单位</td>
|
|
|
|
|
<td colspan="2">3400</td>
|
|
|
|
|
</tr> -->
|
|
|
|
|
<tr>
|
|
|
|
|
<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="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 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="1">镀种</td>
|
|
|
|
|
<td colspan="8">{{ modelOne.wo.pjYieldOrder.plate || '/' }}</td>
|
|
|
|
|
<td colspan="1">材料</td>
|
|
|
|
|
<td colspan="3">{{ '' || '/' }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td colspan="1">工艺路线</td>
|
|
|
|
|
<td colspan="11">{{ modelOne.wo.pjYieldOrder.primaryCraft || '/' }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<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">
|
|
|
|
|
<tr>
|
|
|
|
|
<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="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="1">自检</td>
|
|
|
|
|
<td colspan="5">{{item.selfInspection.content}}</td>
|
|
|
|
|
<td colspan="3">结论</td>
|
|
|
|
|
<td colspan="3">{{item.selfInspection.conclusion}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td colspan="6">工艺文件编号/版本号</td>
|
|
|
|
|
<td colspan="6">010-01796589/Q</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td colspan="6">CPS文件编号/版本号</td>
|
|
|
|
|
<td colspan="6">/</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr v-if="item.Hanger">
|
|
|
|
|
<td colspan="1">操作者</td>
|
|
|
|
|
<td colspan="2">李新乐</td>
|
|
|
|
|
<td colspan="1">挂具编号</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="1">槽位/工步</td>
|
|
|
|
|
<td colspan="5">工艺要求</td>
|
|
|
|
|
<td colspan="5">实际参数</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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</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'; // 引入工具函数
|
|
|
|
|
export default {
|
|
|
|
|
props:{
|
|
|
|
|
showPrint: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: false
|
|
|
|
|
},
|
|
|
|
|
checkedList: {
|
|
|
|
|
type: Array,
|
|
|
|
|
default: () => []
|
|
|
|
|
},
|
|
|
|
|
printType:{
|
|
|
|
|
type:String,
|
|
|
|
|
default:''
|
|
|
|
|
},
|
|
|
|
|
woId:{
|
|
|
|
|
type:String,
|
|
|
|
|
default:''
|
|
|
|
|
},
|
|
|
|
|
rbChecked:{
|
|
|
|
|
type:Array,
|
|
|
|
|
default:() =>[]
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
|
...Templates,
|
|
|
|
|
},
|
|
|
|
|
data(){
|
|
|
|
|
return{
|
|
|
|
|
// printObj: {
|
|
|
|
|
// id: 'printMe',
|
|
|
|
|
// popTitle: '打印66',
|
|
|
|
|
// ignoreClass: 'noprint',
|
|
|
|
|
// endCallback: (e) => {
|
|
|
|
|
// console.log(e, 5555);
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
modelOne: {
|
|
|
|
|
wo: { pjYieldOrder: {}},
|
|
|
|
|
checkList: [],
|
|
|
|
|
wpList: [
|
|
|
|
|
{
|
|
|
|
|
prWorkOrder: { pjYieldOrder: {}},
|
|
|
|
|
procedureSet: {},
|
|
|
|
|
partCode: '',
|
|
|
|
|
woCode: ''
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
dsPart: {}
|
|
|
|
|
},
|
|
|
|
|
isPrint:false,
|
|
|
|
|
modelTwo: [
|
|
|
|
|
{
|
|
|
|
|
orders: '0005',ppsName:'上挂',
|
|
|
|
|
Hanger:true,
|
|
|
|
|
selfInspection:{content:"零件表面无油污、锈蚀、磕碰伤、划痕等缺陷",conclusion:"合格"}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
orders: '0010',ppsName:'清洗',
|
|
|
|
|
deviceCode:"9652249",
|
|
|
|
|
slotPosition:[
|
|
|
|
|
{
|
|
|
|
|
insertIndex: "1",
|
|
|
|
|
rfpsType: 2,
|
|
|
|
|
// slotIndex: "1",
|
|
|
|
|
slotName: "超声波除油",
|
|
|
|
|
childrenList:[
|
|
|
|
|
{
|
|
|
|
|
"rfpsId": "1",
|
|
|
|
|
"detailName": "时间（min）",
|
|
|
|
|
"detailIndex": "1",
|
|
|
|
|
"ask": "20～40",
|
|
|
|
|
"rfpdTime": "2026-3-6 18:36:44",
|
|
|
|
|
"qualified": "合格",
|
|
|
|
|
"paramName": "开始",
|
|
|
|
|
"paramValue": "2025/06/28 09:00:49"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"rfpsId": "2",
|
|
|
|
|
"detailName": "时间（min）",
|
|
|
|
|
"detailIndex": "1",
|
|
|
|
|
"ask": "20～40",
|
|
|
|
|
"rfpdTime": "2026-3-6 18:36:44",
|
|
|
|
|
"qualified": "合格",
|
|
|
|
|
"paramName": "结束",
|
|
|
|
|
"paramValue": "2025/06/28 09:30:49"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"rfpsId": "2",
|
|
|
|
|
"detailName": "温度（℃）",
|
|
|
|
|
"detailIndex": "1",
|
|
|
|
|
"ask": "40~60",
|
|
|
|
|
"rfpdTime": "2026-3-6 18:36:44",
|
|
|
|
|
"qualified": "合格",
|
|
|
|
|
"paramName": "参数名称1",
|
|
|
|
|
"paramValue": "55"
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// insertIndex: "1",
|
|
|
|
|
// rfpsType: 7,
|
|
|
|
|
// // slotIndex: "1",
|
|
|
|
|
// slotName: "自来水洗",
|
|
|
|
|
// childrenList:[
|
|
|
|
|
// {
|
|
|
|
|
// "rfpsId": "1",
|
|
|
|
|
// "detailName": "时间（min）",
|
|
|
|
|
// "detailIndex": "1",
|
|
|
|
|
// "ask": "20～40",
|
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44",
|
|
|
|
|
// "qualified": "合格",
|
|
|
|
|
// "paramName": "开始",
|
|
|
|
|
// "paramValue": "2"
|
|
|
|
|
// },
|
|
|
|
|
// ]
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// insertIndex: "1",
|
|
|
|
|
// rfpsType: 1,
|
|
|
|
|
// // 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": "1",
|
|
|
|
|
// "detailName": "时间（min）",
|
|
|
|
|
// "detailIndex": "1",
|
|
|
|
|
// "ask": "20～40",
|
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44",
|
|
|
|
|
// "qualified": "合格",
|
|
|
|
|
// "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": "1",
|
|
|
|
|
// "detailName": "时间（min）",
|
|
|
|
|
// "detailIndex": "1",
|
|
|
|
|
// "ask": "20～40",
|
|
|
|
|
// "rfpdTime": "2026-3-6 18:36:44",
|
|
|
|
|
// "qualified": "合格",
|
|
|
|
|
// "paramName": "开始",
|
|
|
|
|
// "paramValue": "2"
|
|
|
|
|
// },
|
|
|
|
|
// ]
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// insertIndex: "1",
|
|
|
|
|
// rfpsType: 3,
|
|
|
|
|
// // 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": "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);
|
|
|
|
|
return componentName;
|
|
|
|
|
},
|
|
|
|
|
printData(){
|
|
|
|
|
// exportEchartsToPdf('printMe','热表分厂质量记录卡')
|
|
|
|
|
window.print()
|
|
|
|
|
},
|
|
|
|
|
closeDialog(){
|
|
|
|
|
this.$emit('closeDialog');
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" >
|
|
|
|
|
.printButton {
|
|
|
|
|
float: right;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.printBox {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 6px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
.printTitle {
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
padding: 8px;
|
|
|
|
|
color:#606266
|
|
|
|
|
// margin-bottom: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tableNo{
|
|
|
|
|
text-align: right;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table {
|
|
|
|
|
tr {
|
|
|
|
|
width: 100%;
|
|
|
|
|
page-break-inside: avoid;
|
|
|
|
|
}
|
|
|
|
|
td {
|
|
|
|
|
width: 8.3%;
|
|
|
|
|
height: 30px;
|
|
|
|
|
border: 1px solid #000;
|
|
|
|
|
background: transparent;
|
|
|
|
|
color: #000;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.fixTopLeft{
|
|
|
|
|
// position: fixed;
|
|
|
|
|
float: left;
|
|
|
|
|
top: 1;
|
|
|
|
|
left: 0;
|
|
|
|
|
font-family: 'SimHei';
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
color: black;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
|
/* 隐藏不需要打印的元素：按钮、导航栏、侧边栏等 */
|
|
|
|
|
.no-print, header, footer, .sidebar, button {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
@page {
|
|
|
|
|
size: auto;
|
|
|
|
|
margin: 6mm;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// @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>
|
