Skip to content

M
mes-ui
Commit b1d8b68b authored by 沈翠玲's avatar 沈翠玲
Browse files
Options

生产工单->打印工单

parent 49bd2403
Hide whitespace changes
Inline Side-by-side
Showing with 134 additions and 106 deletions
src/views/mes/pro/workorder/print/productOrderDetail.vue
View file @ b1d8b68b
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<td colspan="2" align="center">生产量</td> <td colspan="2" align="center">生产量</td>
<td colspan="2" align="center">Loss数</td> <td colspan="2" align="center">Loss数</td>
<td colspan="2" align="center">参考数</td> <td colspan="2" align="center">参考数</td>
<td colspan="2" align="center">派工数</td> <td colspan="2" align="center" style="background-color: #7e7878;-webkit-print-color-adjust: exact;">派工数</td>
<td colspan="2" align="center">材料总重(KG)</td> <td colspan="2" align="center">材料总重(KG)</td>
<td colspan="3" align="center">单层厚(丝)</td> <td colspan="3" align="center">单层厚(丝)</td>
</tr> </tr>
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
<td colspan="2" align="center">{{ workOrderInfo.quantity }}</td> <td colspan="2" align="center">{{ workOrderInfo.quantity }}</td>
<td colspan="2" align="center">{{ workOrderInfo.lossNum }}</td> <td colspan="2" align="center">{{ workOrderInfo.lossNum }}</td>
<td colspan="2" align="center">{{ workOrderInfo.dispatchQuantity }}</td> <td colspan="2" align="center">{{ workOrderInfo.dispatchQuantity }}</td>
<td colspan="2" align="center">{{ workOrderInfo.referenceQuantity }}</td> <td colspan="2" align="center" style="background: #7e7878;-webkit-print-color-adjust: exact;">{{ workOrderInfo.referenceQuantity }}</td>
<td colspan="2" align="center">{{ workOrderInfo.materialWeight }}</td> <td colspan="2" align="center">{{ workOrderInfo.materialWeight }}</td>
<td colspan="3" align="center">{{ workOrderInfo.singleLayerThick }}</td> <td colspan="3" align="center">{{ workOrderInfo.singleLayerThick }}</td>
</tr> </tr>
...@@ -412,12 +412,13 @@ export default { ...@@ -412,12 +412,13 @@ export default {
.titles{ .titles{
text-align: center; text-align: center;
font-size:25px; font-size:25px;
letter-spacing: 2px;
} }
.GOM { .GOM {
color: #1d1d1d; color: #9f9c97;
color: #ccc3c3;
position: absolute; position: absolute;
left: 50%; left: 50%;
font-size:28px;
transform: translateX(-50%) transform: translateX(-50%)
} }
.barcode{ .barcode{
......
src/views/mes/pro/workorder/print/productOrderSpecification.vue
View file @ b1d8b68b
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
<div style="padding-right:50px;">网站：<u>www.gzbaoshen.com</u></div> <div style="padding-right:50px;">网站：<u>www.gzbaoshen.com</u></div>
</div> </div>
<div class="titles"> <div class="titles">
<div class="cdbh">存档编号:</div>
<div> <div>
SPECIFICATION SPECIFICATION
</div> </div>
...@@ -24,25 +25,25 @@ ...@@ -24,25 +25,25 @@
<vue-barcode <vue-barcode
:value="pageHeader.productionSolutionCode" :value="pageHeader.productionSolutionCode"
margin-right="5" margin-right="5"
display-value="432141243" :display-value="pageHeader.productionSolutionCode"
font="bold" font="bold"
margin-left="5" margin-left="5"
text-margin="10" text-margin="5"
text-position="bottom" text-position="bottom"
style="width:200px;" style="width:250px;"
width="1" width="2"
ean128="ean128" ean128="ean128"
:text="'规格书编号：'+ pageHeader.productionSolutionCode" :text="'规格书编号：'+ pageHeader.productionSolutionCode"
height="30" height="30"
margin-top="10" margin-top="10"
margin="10" margin="10"
margin-bottom="20" margin-bottom="20"
text-align="center" text-align="right"
font-size="12">不支持vue-barcode</vue-barcode> font-size="12">不支持vue-barcode</vue-barcode>
</div> </div>
</div> </div>
</div> </div>
<table border class="form-header font-size-16" style="table-layout: fixed;width: 100%;border:1px solid #000000;font-size:14px;"> <table border class="form-header font-size-16" style="table-layout: fixed;width: 100%;border:1px solid #000000;font-size:14px;line-height: 25px; margin: 8px 10px 5px 10px;">
<!-- --> <!-- -->
<tr height="20" class="color000"> <tr height="20" class="color000">
<td colspan="3" align="center">产品类别</td> <td colspan="3" align="center">产品类别</td>
...@@ -121,12 +122,12 @@ ...@@ -121,12 +122,12 @@
<tr height="20" class="color000"> <tr height="20" class="color000">
<td colspan="3" align="center">印刷正面颜色</td> <td colspan="3" align="center">印刷正面颜色</td>
<td colspan="9" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.frontColorName }}</td> <td colspan="9" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.frontColorName }}</td>
<td colspan="3" align="center">印刷背面颜色</td> <td colspan="2" align="center">印刷背面颜色</td>
<td colspan="9" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.oppositeColorName }}</td> <td colspan="10" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.oppositeColorName }}</td>
</tr> </tr>
<tr height="20" class="color000"> <tr height="20" class="color000" style="font-weight: 600">
<td colspan="3" align="center">生产制造</td> <td colspan="3" align="center">生产制程</td>
<td colspan="21" align="center">描述</td> <td colspan="21" align="center">描述</td>
</tr> </tr>
<tr height="20" v-for="(item,index) in body.processes" :key="index" class="color000"> <tr height="20" v-for="(item,index) in body.processes" :key="index" class="color000">
...@@ -208,104 +209,117 @@ ...@@ -208,104 +209,117 @@
import VueBarcode from 'vue-barcode' import VueBarcode from 'vue-barcode'
export default { export default {
components: { VueBarcode }, components: { VueBarcode },
props: ['productionSolutionTable'],
data() { data() {
return { return {
pageHeader: { // pageHeader: {
"itemTypeName": null, // "itemTypeName": null,
"arrangeCode": null, // "arrangeCode": null,
"clientName": null, // "clientName": null,
"tableTypeName": "直接出货单-正常单", // "tableTypeName": "直接出货单-正常单",
"productionSolutionCode": "60000000", // 规格数编号 // "productionSolutionCode": "60000000", // 规格数编号
"finishTime": null, // "finishTime": null,
"routeDesc": null, // "routeDesc": null,
"rowNum": null, // "rowNum": null,
"dispatchMultiple": null, // "dispatchMultiple": null,
"printingDirection": null, // "printingDirection": null,
"materialLength": null, // "materialLength": null,
"packMode": null // "packMode": null
}, // },
pageFooter: { // pageFooter: {
"printUsername": null, // "printUsername": null,
"auditors": null, // "auditors": null,
"merchandiser": null, // "merchandiser": null,
"productionManagement": null, // "productionManagement": null,
"entryTime": "2024-05-08" // 录入时间 // "entryTime": "2024-05-08" // 录入时间
}, // },
body: { // body: {
"itemTypeName": "", // "itemTypeName": "",
"itemCode": "IF2024042440", // "itemCode": "IF2024042440",
"unit": "PCS", // "unit": "PCS",
"brandName": "李宁", // "brandName": "李宁",
"purchaseUnit": "M2", // "purchaseUnit": "M2",
"conversionValue": "0", // "conversionValue": "0",
"itemName": "*QT03800 李宁鞋类不干胶防伪防窜(升级版)鞋舌贴标3.4*2.8cm ", // "itemName": "*QT03800 李宁鞋类不干胶防伪防窜(升级版)鞋舌贴标3.4*2.8cm ",
"workorderProofingCode": null, // "workorderProofingCode": null,
"enName": "LINING", // "enName": "LINING",
"length": 0, // "length": 0,
"singleLayerThick": 0.0, // "singleLayerThick": 0.0,
"singleWeight": 0.0, // "singleWeight": 0.0,
"layerNum": 0.0, // "layerNum": 0.0,
"height": 0.0, // "height": 0.0,
"width": 0.0, // "width": 0.0,
"printingPaperlenth": 12.30, // "printingPaperlenth": 12.30,
"printPaperwidth": 12.00, // "printPaperwidth": 12.00,
"storePlace": "W00", // "storePlace": "W00",
"dispatchMultiple": 2.00, // "dispatchMultiple": 2.00,
"isEnable": "启用", // "isEnable": "启用",
"isCreateSpec": null, // "isCreateSpec": null,
"isNeedShoeImg": null, // "isNeedShoeImg": null,
"isAddSimple": "实物样", // "isAddSimple": "实物样",
"isUniqueCode": "未定义", // "isUniqueCode": "未定义",
"isConsiderColor": "未定义", // "isConsiderColor": "未定义",
"productMaterial": null, // "productMaterial": null,
"formula": null, // "formula": null,
"frontColorName": "紫红,深红,朱红", // "frontColorName": "紫红,深红,朱红",
"oppositeColorName": "紫红,深红,朱红", // "oppositeColorName": "紫红,深红,朱红",
"frontImg": "http://192.168.3.91:9000/mes/2024/03/20/1111_20240320192902A005.png", // "frontImg": "http://192.168.3.91:9000/mes/2024/03/20/1111_20240320192902A005.png",
"backImg": "http://192.168.3.91:9000/mes/2024/03/20/2222_20240320192903A006.png", // "backImg": "http://192.168.3.91:9000/mes/2024/03/20/2222_20240320192903A006.png",
"customerApprover": null, // 客户确认->确认人 // "customerApprover": null, // 客户确认->确认人
"customerApproved": "2024-05-10", // 客户确认->日期 // "customerApproved": "2024-05-10", // 客户确认->日期
"processes": [ // map-> processes // "processes": [ // map-> processes
{ // {
"processName": "高端排版", // "processName": "高端排版",
"remark": "", // "remark": "",
"desc": "", // "desc": "",
"quantity": 10092.000 // "quantity": 10092.000
}, // },
{ // {
"processName": "数码印刷", // "processName": "数码印刷",
"remark": "", // "remark": "",
"desc": "", // "desc": "",
"quantity": 10092.000 // "quantity": 10092.000
}, // },
{ // {
"processName": "模切", // "processName": "模切",
"remark": "", // "remark": "",
"desc": "", // "desc": "",
"quantity": 10092.000 // "quantity": 10092.000
}, // },
{ // {
"processName": "QC&包装", // "processName": "QC&包装",
"remark": "", // "remark": "",
"desc": "", // "desc": "",
"quantity": 10092.000 // "quantity": 10092.000
} // }
], // ],
"rdchecked": null, // 研发部门-> 审核 // "rdchecked": null, // 研发部门-> 审核
"rdapproverd": null, // 研发部门-> 核准 // "rdapproverd": null, // 研发部门-> 核准
"rdprepared": null // 研发部门-> 制定 // "rdprepared": null // 研发部门-> 制定
} // }
} }
}, },
computed: {
body (){
return this.productionSolutionTable.body
},
pageHeader (){
return this.productionSolutionTable.pageHeader
},
pageFooter (){
return this.productionSolutionTable.pageFooter
},
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.productOrderSpecification{ .productOrderSpecification{
position: relative; position: relative;
padding-top:20px; width: 920px;
width: 780px;
height: 1100px; height: 1100px;
padding: 0 49px;
padding-top:20px;
padding-bottom:80px; padding-bottom:80px;
box-sizing: border-box; box-sizing: border-box;
...@@ -318,13 +332,22 @@ export default { ...@@ -318,13 +332,22 @@ export default {
font-size:22px; font-size:22px;
font-weight: 600; font-weight: 600;
position: relative; position: relative;
.cdbh{
font-weight: 400;
font-size: 16px;
position: absolute;
left: 0;
bottom: 0;
}
.barcode{ .barcode{
position: absolute; position: absolute;
top:-10px; top:-3px;
right:0px; right:-10px;
width: 200px; width: 300px;
height:80px; height:80px;
display: flex;
overflow: hidden; overflow: hidden;
justify-content: flex-end;
} }
} }
.img{ .img{
...@@ -341,10 +364,10 @@ export default { ...@@ -341,10 +364,10 @@ export default {
} }
} }
.pageBottom{ .pageBottom{
width: 780px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
padding: 0px 10px; width: 850px;
padding: 0px 49px;
color: #000; color: #000;
div{ div{
margin-left:100px; margin-left:100px;
...@@ -356,6 +379,10 @@ export default { ...@@ -356,6 +379,10 @@ export default {
} }
.color000{ .color000{
color: #000; color: #000;
td {
word-wrap:break-word;
word-break:break-all
}
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment