<!DOCTYPE html> <html> <body table v-for="buy in buys" style="break-before: page"> <table> <tr> <td class="md-txt bold center black-bg lg-width md-height"> <div class="overflow-multiline"> {{buy.item}} </div> </td> <td colspan="2" class="xl-txt bold center black-bg md-height md-width"> <div class="overflow-line"> {{buy.size}} </div> </td> </tr> <tr> <td class="right lg-width"> <div class="overflow-line"> {{ (buy.longName && buy.size && buy.subName) ? `${buy.longName} ${buy.size} ${buy.subName}` : buy.comment }} </div> </td> <td class="center sm-width"> <div class="overflow-line"> {{buy.producerName || buy.producerFk}} </div> </td> <td class="center sm-width"> <div class="overflow-line"> {{buy.inkFk}} </div> </td> </tr> <tr> <td class="bold center lg-txt xl-width"> <div class="overflow-line"> {{formatNumber(buy.itemFk)}} </div> </td> <td colspan="2" class="center md-txt md-width"> <div class="overflow-line"> {{`${(packing || buy.packing)} x ${buy.stems || ''}`}} </div> </td> </tr> <tr> <td rowspan="2" class="center"> <div v-html="getBarcode(buy.buyFk)"></div> </td> <td colspan="2" class="center md-width xs-height xs-txt"> <div v-if="buy.isLaid && typeId === 'buy'" class="overflow-line black-bg bold"> {{'LAID'}} </div> <div v-else class="overflow-line"> {{formatNumber(buy.entryFk)}} </div> </td> </tr> <tr> <td class="center xs-txt sm-width"> <div class="overflow-line"> {{buy.buyerName}} </div> </td> <td class="center xs-txt sm-width"> <div class="overflow-line"> {{buy.origin}} </div> </td> </tr> <tr> <td class="center xs-txt xl-width"> <div class="overflow-line"> {{formatNumber(buy.buyFk)}} </div> </td> <td class="center xs-txt sm-width"> <div class="overflow-line"> {{date}} </div> </td> <td class="cursive center bold xs-txt sm-width"> <div class="overflow-line"> {{`${buy.labelNum}/${buy.quantity / (packing || buy.packing)}`}} </div> </td> </tr> </table> </body> </html>