8144-devToTest_2448 #3216

Merged
alexm merged 256 commits from 8144-devToTest_2448 into test 2024-11-19 07:36:04 +00:00
2 changed files with 68 additions and 111 deletions
Showing only changes of commit 34deba406b - Show all commits

View File

@ -1,88 +1,37 @@
* { html {
box-sizing: border-box; font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 12px;
} }
.label { table {
font-size: 1.2em;
}
.barcode {
float: left;
width: 40%;
}
.barcode h1 {
text-align: center;
font-size: 1.8em;
margin: 0 0 10px 0
}
.barcode .image {
text-align: center
}
.barcode .image img {
width: 170px
}
.data {
float: left;
width: 60%;
}
.data .header {
background-color: #000;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 25px;
text-align: right;
font-size: 1.2em;
padding: 0.2em;
color: #FFF
}
.data .color,
.data .producer {
text-transform: uppercase;
text-align: right;
font-size: 1.5em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.data .producer {
text-justify: inter-character;
}
.data .details {
border-top: 4px solid #000;
padding-top: 2px;
}
.data .details .package {
padding-right: 5px;
float: left;
width: 50%; width: 50%;
font-size: 12px;
float: right;
} }
td {
.package .packing, border: 3px solid white;
.package .dated,
.package .labelNumber {
text-align: right
} }
.center {
.package .packing {
font-size: 1.8em;
font-weight: 400
}
.data .details .size {
background-color: #000;
text-align: center; text-align: center;
font-size: 3em; }
padding: 0.2em 0; .cursive {
float: left; font-style: italic;
width: 50%; }
color: #FFF .bold {
font-weight: bold;
}
.black {
background-color: black;
color: white;
}
.md {
font-size: 18px;
}
.xl {
font-size: 36px;
}
.border-black {
border: 2px solid #000000;
}
.regular-with {
width: 60px;
} }

View File

@ -1,29 +1,37 @@
<report-body v-bind="$props"> <!DOCTYPE html>
<template v-slot:header> <html>
<span></span> <body>
</template> <table>
<div class="label"> <tr>
<div class="barcode"> <td colspan="3" class="black center bold xl">1</td>
<h1>{{item.id}}</h1> </tr>
<div class="image"> <tr>
<img v-bind:src="barcode" /> <td colspan="2" class="black center bold md">EUC Cinerea</td>
</div> <td class="black center bold xl regular-with">60</td>
</div> </tr>
<div class="data"> <tr>
<div class="header">{{item.name}}</div> <td>Color: LIV</td>
<div class="color">{{tags.color}}</div> <td rowspan="2" class="center md border-black regular-with">15</td>
<div class="producer">{{tags.producer}}</div> <td rowspan="2" class="center md border-black regular-with">0</td>
<div class="details"> </tr>
<div class="package"> <tr>
<div class="packing">{{packing()}}</div> <td>Origen: VCL</td>
<div class="dated">{{formatDate(new Date(), '%W/%d')}}</div> </tr>
<div class="labelNumber">{{labelPage}}</div> <tr>
</div> <td colspan="2">Productor: L'Arenal</td>
<div class="size">{{item.size}}</div> <td></td>
</div> </tr>
</div> <tr>
</div> <td>Comprador: ATJ</td>
<template v-slot:footer> <td rowspan="2">F:42/1</td>
<span></span> <td rowspan="2" class="center cursive bold md">1 / 50</td>
</template> </tr>
</report-body> <tr>
<td>Entrada: 358799</td>
</tr>
<tr>
<td colspan="3" class="center cursive bold">E622/2</td>
</tr>
</table>
</body>
</html>