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

打印发货单 附件清单

Browse Source
pull/1/head
qiuhongwu 9 months ago
parent 9fb9a95df7
commit 0dce091648
1 changed files with 123 additions and 19 deletions
Show Stats Download Patch File Download Diff File

142
mes-ui/mes-ui-admin-vue3/src/views/heli/hlvuestyle/shipmentsPrint.vue
Unescape View File

@ -7,15 +7,13 @@
<tbody> <tbody>
<tr> <tr>
<td colspan="10"> <td colspan="10">
<div style="display: flex; align-items: center;justify-content: space-between"> <div style="display: flex; align-items: center; justify-content: space-between">
<img <img src="/src/assets/imgs/exlogo.png" style="width: 100px" alt="" />
src="/src/assets/imgs/exlogo.png" <span style="font-size: 20px; font-weight: 700">发货单</span>
style="width: 100px;" <span
alt="" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
/> >
<span style="font-size: 20px; font-weight: 700;">发货单</span> </div>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -119,15 +117,13 @@
<tbody> <tbody>
<tr> <tr>
<td colspan="10"> <td colspan="10">
<div style="display: flex; align-items: center;justify-content: space-between"> <div style="display: flex; align-items: center; justify-content: space-between">
<img <img src="/src/assets/imgs/exlogo.png" style="width: 100px" alt="" />
src="/src/assets/imgs/exlogo.png" <span style="font-size: 20px; font-weight: 700">发货单</span>
style="width: 100px;" <span
alt="" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
/> >
<span style="font-size: 20px; font-weight: 700;">发货单</span> </div>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -216,10 +212,110 @@
</td> </td>
</tr> </tr>
</table> </table>
<div style="width: 100%; display: flex; justify-content: space-between; align-items: center"> <div
style="
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
"
>
<span>制单人：{{ `` }}</span> <span>制单人：{{ `` }}</span>
<span>-回单联-</span> <span>-回单联-</span>
</div> </div>
<div class="divide_line1" style="margin-top: 40px"></div>
<!-- 附件 -->
<!-- 附件需要判断 -->
<div>
<table border="2" cellspacing="0" id="table1" style="position: relative !important">
<tbody>
<tr>
<td colspan="10">
<div style="display: flex; align-items: center; justify-content: space-between">
<img src="/src/assets/imgs/exlogo.png" style="width: 100px" alt="" />
<span style="font-size: 20px; font-weight: 700">清单附件</span>
<span style="font-size: 12px">发货编号：{{ `H1202306024` }}</span>
</div>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td> 序号 </td>
<td colspan="3">
<span>摸具名称</span>
</td>
<td colspan="3">摸具图号</td>
<td> 数量(套) </td>
<td colspan="2">备注 </td>
</tr>
<tr>
<td colspan="10" style="background-color: rgb(255, 255, 0)">
<div style="text-align: left">模具清单</div>
</td>
</tr>
<tr v-for="item in 7" :key="item">
<td> {{ item }} </td>
<td colspan="3">
<span>{{ '摸具名称' }}</span>
</td>
<td colspan="3">{{ `摸具图号` }}</td>
<td> {{ item }} </td>
<td colspan="2">{{ `备注` }} </td>
</tr>
<tr>
<td colspan="10" style="background-color: rgb(255, 255, 0)">
<div style="text-align: left">备件清单</div>
</td>
</tr>
<tr v-for="item in 5" :key="item">
<td> {{ item }} </td>
<td colspan="3">
<span>{{ '摸具名称' }}</span>
</td>
<td colspan="3">{{ `摸具图号` }}</td>
<td> {{ item }} </td>
<td colspan="2">{{ `备注` }} </td>
</tr>
<tr>
<td colspan="10" style="background-color: rgb(255, 255, 0)">
<div style="text-align: left">刀具清单</div>
</td>
</tr>
<tr v-for="item in 5" :key="item">
<td> {{ item }} </td>
<td colspan="3">
<span>{{ '摸具名称' }}</span>
</td>
<td colspan="3">{{ `摸具图号` }}</td>
<td> {{ item }} </td>
<td colspan="2">{{ `备注` }} </td>
</tr>
</tbody>
<tr>
<td colspan="10">
<div style="text-align: left">内部货物门点人签名:</div>
</td>
</tr>
</table>
<div
style="
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
"
>
<span>制单人：{{ `` }}</span>
<span>-回单联-</span>
</div>
</div>
</div> </div>
<template #footer> <template #footer>
<!-- 【打印】 --> <!-- 【打印】 -->
@ -296,6 +392,10 @@ const onPrint = () => {
justify-content: center; justify-content: center;
border-bottom: 1px dashed rgba(51, 51, 51, 1); border-bottom: 1px dashed rgba(51, 51, 51, 1);
} }
.divide_line1 {
justify-content: center;
border-bottom: 1px dashed rgb(255, 255, 255);
}
</style> </style>
<div> <div>
@ -371,6 +471,10 @@ table {
justify-content: center; justify-content: center;
border-bottom: 1px dashed rgba(51, 51, 51, 1); border-bottom: 1px dashed rgba(51, 51, 51, 1);
} }
.divide_line1 {
justify-content: center;
border-bottom: 1px dashed rgb(255, 255, 255);
}
#table { #table {
position: relative; position: relative;
} }

Write Preview
Loading…
Cancel
Save