verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 59 Releases Wiki Activity

feat(collection-label): refs #6602 add qr to the report #2292

Merged
pablone merged 5 commits from 6602-barcode-to-qr into dev 2024-05-03 11:52:23 +00:00
Conversation 0 Commits 5 Files Changed 7 +40 -25
6 changed files with 40 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit bd1499a6f7 - Show all commits

3
modules/client/front/consumption/index.html
View File

@ -77,8 +77,7 @@
tabindex="-1">
</vn-fetched-tags>
</vn-td>
<vn-td number>{{::sale.quantity | dashIfEmpty}}</vn-td>
</vn-tr>
<vn-td number>{{::sale.quantity | dashIfEmpty}}</vn-td>
</vn-tbody>
</vn-table>
</vn-card>

5
print/templates/reports/collection-label/assets/css/style.css
View File

@ -32,9 +32,12 @@ html {
#bold {
font-weight: bold;
}
#barcode{
.barcode{
width: 370px;
}
.qr{
max-height: 137px;
}
#shipped {
font-weight: bold;
width: 50px;

16
print/templates/reports/collection-label/collection-label.html
View File

@ -8,15 +8,15 @@
<td id="ticketFk">
{{labelData.clientFk ? `${labelData.ticketFk} « ${labelData.clientFk}` : labelData.ticketFk}}
</td>
<td colspan="2" id="shipped">{{labelData.shipped || '---'}}</td>
<td colspan="2" id="shipped">{{dashIfEmpty(labelData.shipped)}}</td>
</tr>
<tr v-if="labelData.scannableCodeType === 'qr'">
<td rowspan="3"><div v-html="getQr(labelData.ticketFk)" id="barcode"></div></td>
<td id="outline" class="ellipsize">{{labelData.workerCode || '---'}}</td>
<tr v-if="labelData?.qrData">
<td rowspan="3"><img :src="labelData.qrData" class="qr"/></td>
<td id="outline" class="ellipsize">{{dashIfEmpty(labelData.workerCode)}}</td>
pablone marked this conversation as resolved Outdated
jgallego commented 2024-04-17 07:13:32 +00:00
Outdated
Review
Copy Link

buscar opcion sin --- que no aparezca nada por ejemplo

buscar opcion sin --- que no aparezca nada por ejemplo
</tr>
<tr v-else>
<td rowspan="3"><div v-html="getBarcode(labelData.ticketFk)" id="barcode"></div></td>
<td id="outline" class="ellipsize">{{labelData.workerCode || '---'}}</td>
<td rowspan="3"><div v-html="getBarcode(labelData.ticketFk)" class="basrcode"></div></td>
<td id="outline" class="ellipsize">{{dashIfEmpty(labelData.workerCode)}}</td>
</tr>
<tr>
<td id="outline" class="ellipsize">{{labelData.labelCount || 0}}</td>
@ -25,11 +25,11 @@
<td id="outline" class="ellipsize">{{labelData.code == 'V' ? (labelData.size || 0) + 'cm' : (labelData.volume || 0) + 'm³'}}</td>
</tr>
<tr>
<td><div id="agencyDescripton" class="ellipsize">{{getAgencyDescripton(labelData)}}</div></td>
<td><div id="agencyDescripton" class="ellipsize">{{dashIfEmpty(getAgencyDescription(labelData))}}</div></td>
<td id="bold">{{labelData.lineCount || 0}}</td>
</tr>
<tr>
<td id="nickname" class="ellipsize">{{labelData.nickName ? labelData.nickName.toUpperCase() : '---'}}</td>
<td id="nickname" class="ellipsize">{{dashIfEmpty(labelData?.nickName.toUpperCase()) }}</td>
<td id="bold">{{labelData.shippedHour || labelData.zoneHour}}</td>
</tr>
</tbody>

34
print/templates/reports/collection-label/collection-label.js
View File

@ -1,8 +1,9 @@
import qrcode from 'qrcode';
import jsBarcode from 'jsbarcode';
const qrCode = require('qrcode');
const jsBarcode = require('jsbarcode');
const {DOMImplementation, XMLSerializer} = require('xmldom');
const vnReport = require('../../../core/mixins/vn-report.js');
const {TRUE} = require('node-sass');
module.exports = {
name: 'collection-label',
@ -29,19 +30,27 @@ module.exports = {
} else
ticketIds = [this.id];
this.labelsData = await this.rawSqlFromDef('labelsData', [ticketIds]);
const labels = await this.rawSqlFromDef('labelsData', [ticketIds]);
const [{scannableCodeType}] = await this.rawSqlFromDef('barcodeType');
if (scannableCodeType === 'qr') {
for (const labelData of labels)
labelData.qrData = await this.getQr(labelData?.ticketFk, labelData?.workerFk);
}
this.labelsData = labels;
this.checkMainEntity(this.labelsData);
},
methods: {
getQR(id) {
let QRdata = JSON.stringify({
async getQr(ticketFk, workerFk = null) {
const QRdata = JSON.stringify({
company: 'vnl',
user: this.userFk,
user: workerFk,
created: Date.vnNew(),
table: 'ticket',
id
id: ticketFk
});
return qrcode.toDataURL(QRdata, {margin: 0});
return qrCode.toDataURL(QRdata, {margin: 0});
},
getBarcode(id) {
const xmlSerializer = new XMLSerializer();
@ -64,18 +73,16 @@ module.exports = {
if (labelData.code == 'V')
value = value + `${labelData.wagon}-${labelData.level}`;
else
value = value + `${labelData.color.substring(0, 4)}`;
value = value + `${labelData.color?.substring(0, 4)}`;
} else
value = '-'.repeat(19);
return value;
},
getAgencyDescripton(labelData) {
getAgencyDescription(labelData) {
let value;
if (labelData.agencyDescription)
value = labelData.agencyDescription.toUpperCase().substring(0, 11);
else
value = '---';
if (labelData.routeFk) {
let routeFk = labelData.routeFk.toString();
@ -84,5 +91,8 @@ module.exports = {
return value;
},
dashIfEmpty(value) {
return value || '---';
}
},
};

3
print/templates/reports/collection-label/sql/barcodeType.sql Normal file
View File

@ -0,0 +1,3 @@
SELECT scannableCodeType
FROM productionConfig
LIMIT 1

4
print/templates/reports/collection-label/sql/labelsData.sql
View File

@ -11,14 +11,14 @@ SELECT c.itemPackingTypeFk code,
IF(sgd.id, IFNULL(pc.itemPreviousDefaultSize, i.`size`), i.`size`)
) `size`,
w.code workerCode,
w.id workerFk,
TIME_FORMAT(t.shipped, '%H:%i') shippedHour,
TIME_FORMAT(zo.`hour`, '%H:%i') zoneHour,
DATE_FORMAT(t.shipped, '%d/%m/%y') shipped,
tt.labelCount,
t.nickName,
SUM(IF(sgd.id IS NULL, 1, 0)) + IF(sgd.id , 1, 0) lineCount,
rm.routeFk,
pc.scannableCodeType
rm.routeFk
FROM vn.ticket t
JOIN vn.ticketCollection tc ON tc.ticketFk = t.id
JOIN vn.collection c ON c.id = tc.collectionFk