38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<table class="mainTable">
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="2" id="truck" class="ellipsize">{{labelData.truck || '---'}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<table v-for="labelData in labelsData" class="zoneTable">
|
|
<thead>
|
|
<tr v-if="!labelData.isMatch" id="black">
|
|
<td id="routeFk" class="ellipsize">{{labelData.routeFk}}</td>
|
|
<td id="zone" class="ellipsize">{{labelData.zone || '---'}}</td>
|
|
<td id="labels" class="ellipsize">{{labelData.labels}}</td>
|
|
</tr>
|
|
<tr v-else>
|
|
<td id="routeFk" class="ellipsize">{{labelData.routeFk}}</td>
|
|
<td id="zone" class="ellipsize">{{labelData.zone || '---'}}</td>
|
|
<td id="labels" class="ellipsize">{{labelData.labels || '--'}}</td>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><img :src="QR" id="QR"/></td>
|
|
<td class="ellipsize">
|
|
<div id="additionalInfo"><b>Pallet: </b>{{id}}</div>
|
|
<div id="additionalInfo"><b>User: </b> {{username.name || '---'}}</div>
|
|
<div id="additionalInfo"><b>Day: </b>{{labelData.dayName.toUpperCase() || '---'}}</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |