bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

打印样式优化

This commit is contained in:
bb_pan 2025-07-13 10:53:13 +08:00
parent f024626e9d
commit c494514932
3 changed files with 36 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/materialsStation/toolsBack/back/component/dialogFormByCq.vue
View File

@ -10,7 +10,7 @@
>
<div id="printcontent" style="height: 600px; overflow-y: scroll; padding: 0 20px">
<vue-easy-print tableShow ref="printRef">
<div id="checkId">
<div id="checkId" class="print-table">
<div style="text-align: center; font-weight: 600; font-size: 16px">机具设备退料单</div>
<div class="info" style="margin-top: 10px; display: flex; align-items: center">
<div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
@ -133,7 +133,7 @@
<el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
<div style="height: 500px; overflow-y: scroll; padding: 0 20px">
<vue-easy-print tableShow ref="remarksPrintRef">
<div id="checkIdTwo">
<div id="checkIdTwo" class="print-table">
<div class="remarks_box">
<div class="remarks_box_title">退料编码明细</div>
</div>
@ -356,4 +356,12 @@ export default {
/* 打印内容的样式 */
}
}
.print-table {
table,
th,
td {
border: 1.5px solid black;
border-collapse: collapse;
}
}
</style>

13
src/views/materialsStation/toolsLease/apply/component/homeApply.vue
View File

@ -217,7 +217,7 @@
<el-dialog :visible.sync="open" width="800px" :title="title" append-to-body>
<div style="height: 500px; overflow-y: scroll; padding: 0 20px">
<vue-easy-print tableShow ref="remarksPrintRef">
<div id="checkIdTwo">
<div id="checkIdTwo" class="print-table">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px">领料单</div>
<div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
<div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
@ -312,7 +312,7 @@
<!-- 编码管理查看弹窗 -->
<el-dialog :title="titleView" :visible.sync="showView" width="800px" append-to-body>
<div style="overflow-y: scroll">
<vue-easy-print tableShow ref="remarksPrintRefView" class="print">
<vue-easy-print tableShow ref="remarksPrintRefView" class="print-table">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px; margin-bottom: 20px">
领料单编号明细
</div>
@ -485,6 +485,7 @@ export default {
},
codeInfo(row) {
console.log('🚀 ~ codeInfo ~ row:', row)
this.showView = true
this.titleView = '查看'
this.getListViewInfo = row.maCodeVoList
@ -567,4 +568,12 @@ export default {
width: 100px;
height: 40px;
}
.print-table {
table,
th,
td {
border: 1.5px solid black;
border-collapse: collapse;
}
}
</style>

19
src/views/materialsStation/toolsLease/outBound/component/homeApply.vue
View File

@ -174,7 +174,7 @@
<el-dialog :visible.sync="open" width="800px" :title="title" append-to-body>
<div style="height: 500px; overflow-y: scroll; padding: 0 20px">
<vue-easy-print tableShow ref="remarksPrintRef">
<div id="checkIdTwo">
<div id="checkIdTwo" class="print-table">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px">领料单</div>
<div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
<div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
@ -268,7 +268,7 @@
<!-- 编码管理查看弹窗 -->
<el-dialog :title="titleView" :visible.sync="showView" width="800px" append-to-body>
<div style="overflow-y: scroll">
<vue-easy-print tableShow ref="remarksPrintRefView" class="print">
<vue-easy-print tableShow ref="remarksPrintRefView" class="print-table">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px; margin-bottom: 20px">
领料单编号明细
</div>
@ -415,11 +415,13 @@ export default {
//打开领料单
async handleLld(row) {
this.leaseApplyDetails = []
this.leaseApplyData = {}
this.title = '领料单'
this.open = true
var ids = row.id
const res = await getApplyInfo(ids)
this.leaseApplyDetails = res.data.leaseOutDetailsList
this.leaseApplyDetails = res.data.leaseApplyDetailsList
this.leaseApplyData = res.data.leaseApplyInfo
},
@ -440,9 +442,10 @@ export default {
},
codeInfo(row) {
console.log('🚀 ~ codeInfo ~ row:', row)
this.showView = true
this.titleView = '查看'
this.getListViewInfo = row.maCodeList
this.getListViewInfo = row.maCodeVoList
},
//打印
@ -526,4 +529,12 @@ export default {
width: 100px;
height: 40px;
}
.print-table {
table,
th,
td {
border: 1.5px solid black;
border-collapse: collapse;
}
}
</style>