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

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

@ -7,14 +7,12 @@
<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<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
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
>
</div>
</td>
</tr>
@ -119,14 +117,12 @@
<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<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
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
>
</div>
</td>
</tr>
@ -216,11 +212,111 @@
</td>
</tr>
</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>
</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>
<template #footer>
<!-- 【打印】 -->
<el-button @click="onPrint" type="primary">打印</el-button>
@ -296,6 +392,10 @@ const onPrint = () => {
justify-content: center;
border-bottom: 1px dashed rgba(51, 51, 51, 1);
}
.divide_line1 {
justify-content: center;
border-bottom: 1px dashed rgb(255, 255, 255);
}
</style>
<div>
@ -371,6 +471,10 @@ table {
justify-content: center;
border-bottom: 1px dashed rgba(51, 51, 51, 1);
}
.divide_line1 {
justify-content: center;
border-bottom: 1px dashed rgb(255, 255, 255);
}
#table {
position: relative;
}

Write Preview
Loading…
Cancel
Save