36 lines
1.8 KiB
HTML
36 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<table v-for="labelData in labelsData" style="break-before: page">
|
|
<tbody>
|
|
<tr>
|
|
<td rowspan="6"><span id="vertical" class="ellipsize">
|
|
{{labelData.collectionFk ? `${labelData.collectionFk} ~ ${labelData.wagon}-${labelData.level}` : '-'.repeat(19)}}
|
|
</span></td>
|
|
<td id="ticketFk">
|
|
{{labelData.clientFk ? `${labelData.ticketFk} « ${labelData.clientFk}` : labelData.ticketFk}}
|
|
</td>
|
|
<td colspan="2" id="shipped">{{labelData.shipped ? labelData.shipped : '---'}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan="3"><div v-html="getBarcode(labelData.ticketFk)" id="barcode"></div></td>
|
|
<td class="outline">{{labelData.workerCode ? labelData.workerCode : '---'}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="outline">{{labelData.labelCount ? labelData.labelCount : 0}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="outline">{{labelData.code == 'plant' ? labelData.size + 'cm' : labelData.volume + 'm³'}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><div id="agencyDescripton" class="ellipsize">{{labelData.agencyDescription.toUpperCase()}}</div></td>
|
|
<td id="bold">{{labelData.lineCount ? labelData.lineCount : 0}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="nickname" class="ellipsize">{{labelData.nickName ? labelData.nickName.toUpperCase() : '---'}}</td>
|
|
<td id="bold">{{labelData.shipped ? labelData.shippedHour : labelData.zoneHour}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |