38 lines
1.9 KiB
HTML
38 lines
1.9 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">{{getVertical(labelData)}}</span></td>
|
|
<td id="ticketFk">
|
|
{{labelData.clientFk ? `${labelData.ticketFk} « ${labelData.clientFk}` : labelData.ticketFk}}
|
|
</td>
|
|
<td colspan="2" id="shipped">{{dashIfEmpty(labelData.shipped)}}</td>
|
|
</tr>
|
|
<tr v-if="labelData?.qrData">
|
|
<td rowspan="3"><img :src="labelData.qrData" class="qr"/></td>
|
|
<td id="outline" class="ellipsize">{{dashIfEmpty(labelData.workerCode)}}</td>
|
|
</tr>
|
|
<tr v-else>
|
|
<td rowspan="3"><div v-html="getBarcode(labelData.ticketFk)" class="basrcode"></div></td>
|
|
<td id="outline" class="ellipsize">{{dashIfEmpty(labelData.workerCode)}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="outline" class="ellipsize">{{labelData.labelCount || 0}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="outline" class="ellipsize">{{labelData.code == 'V' ? (labelData.size || 0) + 'cm' : (labelData.volume || 0) + 'm³'}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><div id="agencyDescripton" class="ellipsize">{{dashIfEmpty(getAgencyDescription(labelData))}}</div></td>
|
|
<td id="bold">{{labelData.lineCount || 0}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="nickname" class="ellipsize">{{dashIfEmpty(labelData?.nickName.toUpperCase()) }}</td>
|
|
<td id="bold">{{labelData.shippedHour || labelData.zoneHour}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |