8144-devToTest_2448 #3216
|
@ -1,88 +1,37 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
html {
|
||||
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
.label {
|
||||
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;
|
||||
table {
|
||||
width: 50%;
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.package .packing,
|
||||
.package .dated,
|
||||
.package .labelNumber {
|
||||
text-align: right
|
||||
td {
|
||||
border: 3px solid white;
|
||||
}
|
||||
|
||||
.package .packing {
|
||||
font-size: 1.8em;
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
.data .details .size {
|
||||
background-color: #000;
|
||||
.center {
|
||||
text-align: center;
|
||||
font-size: 3em;
|
||||
padding: 0.2em 0;
|
||||
float: left;
|
||||
width: 50%;
|
||||
color: #FFF
|
||||
}
|
||||
.cursive {
|
||||
font-style: italic;
|
||||
}
|
||||
.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;
|
||||
}
|
|
@ -1,29 +1,37 @@
|
|||
<report-body v-bind="$props">
|
||||
<template v-slot:header>
|
||||
<span></span>
|
||||
</template>
|
||||
<div class="label">
|
||||
<div class="barcode">
|
||||
<h1>{{item.id}}</h1>
|
||||
<div class="image">
|
||||
<img v-bind:src="barcode" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="data">
|
||||
<div class="header">{{item.name}}</div>
|
||||
<div class="color">{{tags.color}}</div>
|
||||
<div class="producer">{{tags.producer}}</div>
|
||||
<div class="details">
|
||||
<div class="package">
|
||||
<div class="packing">{{packing()}}</div>
|
||||
<div class="dated">{{formatDate(new Date(), '%W/%d')}}</div>
|
||||
<div class="labelNumber">{{labelPage}}</div>
|
||||
</div>
|
||||
<div class="size">{{item.size}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<template v-slot:footer>
|
||||
<span></span>
|
||||
</template>
|
||||
</report-body>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan="3" class="black center bold xl">1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" class="black center bold md">EUC Cinerea</td>
|
||||
<td class="black center bold xl regular-with">60</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Color: LIV</td>
|
||||
<td rowspan="2" class="center md border-black regular-with">15</td>
|
||||
<td rowspan="2" class="center md border-black regular-with">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Origen: VCL</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">Productor: L'Arenal</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Comprador: ATJ</td>
|
||||
<td rowspan="2">F:42/1</td>
|
||||
<td rowspan="2" class="center cursive bold md">1 / 50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Entrada: 358799</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" class="center cursive bold">E622/2</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue