2022-11-29 07:22:32 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<body>
|
|
|
|
<table v-for="labelData in labelsData" style="break-before: page">
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
2022-11-30 09:52:52 +00:00
|
|
|
<td rowspan="6"><span id="vertical" class="ellipsize">{{getVertical(labelData)}}</span></td>
|
2022-11-29 10:56:05 +00:00
|
|
|
<td id="ticketFk">
|
|
|
|
{{labelData.clientFk ? `${labelData.ticketFk} « ${labelData.clientFk}` : labelData.ticketFk}}
|
|
|
|
</td>
|
2024-05-02 08:25:46 +00:00
|
|
|
<td colspan="2" id="shipped">{{dashIfEmpty(labelData.shipped)}}</td>
|
2022-11-29 07:22:32 +00:00
|
|
|
</tr>
|
2024-07-24 07:14:28 +00:00
|
|
|
<tr>
|
2024-05-02 08:25:46 +00:00
|
|
|
<td rowspan="3"><img :src="labelData.qrData" class="qr"/></td>
|
|
|
|
<td id="outline" class="ellipsize">{{dashIfEmpty(labelData.workerCode)}}</td>
|
2024-04-12 06:48:29 +00:00
|
|
|
</tr>
|
2022-11-29 07:22:32 +00:00
|
|
|
<tr>
|
2024-07-11 14:20:37 +00:00
|
|
|
<td id="outline" class="ellipsize">{{labelCount || labelData.labelCount || 0}}</td>
|
2022-11-29 07:22:32 +00:00
|
|
|
</tr>
|
|
|
|
<tr>
|
2022-12-13 17:05:29 +00:00
|
|
|
<td id="outline" class="ellipsize">{{labelData.code == 'V' ? (labelData.size || 0) + 'cm' : (labelData.volume || 0) + 'm³'}}</td>
|
2022-11-29 07:22:32 +00:00
|
|
|
</tr>
|
|
|
|
<tr>
|
2024-05-02 08:25:46 +00:00
|
|
|
<td><div id="agencyDescripton" class="ellipsize">{{dashIfEmpty(getAgencyDescription(labelData))}}</div></td>
|
2022-11-30 07:18:37 +00:00
|
|
|
<td id="bold">{{labelData.lineCount || 0}}</td>
|
2022-11-29 07:22:32 +00:00
|
|
|
</tr>
|
|
|
|
<tr>
|
2024-05-02 08:25:46 +00:00
|
|
|
<td id="nickname" class="ellipsize">{{dashIfEmpty(labelData?.nickName.toUpperCase()) }}</td>
|
2022-11-30 07:18:37 +00:00
|
|
|
<td id="bold">{{labelData.shippedHour || labelData.zoneHour}}</td>
|
2022-11-29 07:22:32 +00:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</body>
|
|
|
|
</html>
|