feat: refs #7266 First commit
gitea/salix/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Guillermo Bonet 2024-10-18 12:59:52 +02:00
parent a5bbdd7a01
commit 34deba406b
2 changed files with 68 additions and 111 deletions

View File

@ -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;
}

View File

@ -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>