Report template
gitea/salix/pipeline/head This commit looks good
Details
gitea/salix/pipeline/head This commit looks good
Details
This commit is contained in:
parent
89e49c3843
commit
b8add5b0bc
|
@ -4,6 +4,7 @@ parserOptions:
|
||||||
sourceType: "module"
|
sourceType: "module"
|
||||||
plugins:
|
plugins:
|
||||||
- jasmine
|
- jasmine
|
||||||
|
- html
|
||||||
env:
|
env:
|
||||||
jasmine: true
|
jasmine: true
|
||||||
rules:
|
rules:
|
||||||
|
|
|
@ -2,7 +2,10 @@
|
||||||
{
|
{
|
||||||
// Carácter predeterminado de final de línea.
|
// Carácter predeterminado de final de línea.
|
||||||
"files.eol": "\n",
|
"files.eol": "\n",
|
||||||
"editor.codeActionsOnSave": {
|
"editor.bracketPairColorization.enabled": true,
|
||||||
"source.fixAll.eslint": true
|
"editor.guides.bracketPairs": true,
|
||||||
}
|
"editor.formatOnSave": true,
|
||||||
|
"editor.defaultFormatter": "dbaeumer.vscode-eslint",
|
||||||
|
"editor.codeActionsOnSave": ["source.fixAll.eslint"],
|
||||||
|
"eslint.validate": ["javascript", "html"]
|
||||||
}
|
}
|
|
@ -63,6 +63,7 @@
|
||||||
"del": "^2.2.2",
|
"del": "^2.2.2",
|
||||||
"eslint": "^7.11.0",
|
"eslint": "^7.11.0",
|
||||||
"eslint-config-google": "^0.11.0",
|
"eslint-config-google": "^0.11.0",
|
||||||
|
"eslint-plugin-html": "^7.1.0",
|
||||||
"eslint-plugin-jasmine": "^2.10.1",
|
"eslint-plugin-jasmine": "^2.10.1",
|
||||||
"fancy-log": "^1.3.2",
|
"fancy-log": "^1.3.2",
|
||||||
"file-loader": "^1.1.11",
|
"file-loader": "^1.1.11",
|
||||||
|
|
|
@ -1,21 +1,10 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
|
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row info-panel">
|
<div class="grid-row info-panel">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<h1 class="title centered uppercase">{{$t('fields.title')}}</h1>
|
<h1 class="title centered uppercase">{{$t('fields.title')}}</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Block -->
|
|
||||||
<table>
|
<table>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -28,8 +17,6 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="info-panel">
|
<div class="info-panel">
|
||||||
|
@ -109,8 +96,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="info-panel" style="width: 98%">
|
<div class="info-panel" style="width: 98%">
|
||||||
|
@ -150,8 +135,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div>
|
<div>
|
||||||
|
@ -176,15 +159,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
|
||||||
<report-footer
|
<report-footer
|
||||||
id="pageFooter"
|
id="pageFooter"
|
||||||
v-bind:left-text="dated"
|
v-bind:left-text="dated"
|
||||||
v-bind="$props">
|
v-bind="$props">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -12,6 +13,7 @@ const rptCreditRequest = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,13 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row route-block" v-for="route in routes">
|
<div class="grid-row route-block" v-for="route in routes">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<h1 class="title uppercase">{{$t('route')}} {{route.id}}</h1>
|
<h1 class="title uppercase">{{$t('route')}} {{route.id}}</h1>
|
||||||
|
@ -80,7 +72,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Route ticket list -->
|
|
||||||
<div v-if="route.tickets" v-for="ticket in route.tickets" class="no-page-break">
|
<div v-if="route.tickets" v-for="ticket in route.tickets" class="no-page-break">
|
||||||
<div>
|
<div>
|
||||||
<table class="column-oriented repeatable">
|
<table class="column-oriented repeatable">
|
||||||
|
@ -148,14 +139,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
|
||||||
<report-footer id="pageFooter"
|
<report-footer id="pageFooter"
|
||||||
v-bind:left-text="$t('routeId', [id])"
|
v-bind:left-text="$t('routeId', [id])"
|
||||||
v-bind="$props">
|
v-bind="$props">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -39,6 +40,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,15 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
<report-header v-bind="$props" v-bind:company-code="entry.companyCode">
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"
|
|
||||||
v-bind:company-code="entry.companyCode">
|
|
||||||
</report-header>
|
</report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
|
@ -52,8 +43,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Buy block -->
|
|
||||||
<table class="column-oriented vn-mt-ml">
|
<table class="column-oriented vn-mt-ml">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -72,7 +61,8 @@
|
||||||
<td width="50%">{{buy.itemName}}</td>
|
<td width="50%">{{buy.itemName}}</td>
|
||||||
<td width="10%" class="number">{{buy.quantity | number($i18n.locale)}}</td>
|
<td width="10%" class="number">{{buy.quantity | number($i18n.locale)}}</td>
|
||||||
<td width="15%" class="number">{{buy.buyingValue | currency('EUR', $i18n.locale)}}</td>
|
<td width="15%" class="number">{{buy.buyingValue | currency('EUR', $i18n.locale)}}</td>
|
||||||
<td width="15%" class="number">{{buy.buyingValue * buy.quantity | currency('EUR', $i18n.locale)}}</td>
|
<td width="15%" class="number">{{buy.buyingValue * buy.quantity | currency('EUR',
|
||||||
|
$i18n.locale)}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="description font light-gray">
|
<tr class="description font light-gray">
|
||||||
<td colspan="7">
|
<td colspan="7">
|
||||||
|
@ -97,7 +87,6 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
<!-- End of buy block -->
|
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="size50">
|
<div class="size50">
|
||||||
<div id="notes" class="panel no-page-break" v-if="entry.notes">
|
<div id="notes" class="panel no-page-break" v-if="entry.notes">
|
||||||
|
@ -112,16 +101,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:left-text="$t('entry', [entry.id])" v-bind:company-code="entry.companyCode"
|
||||||
<report-footer id="pageFooter"
|
v-bind:center-text="supplier.name" v-bind:="$props">
|
||||||
v-bind:left-text="$t('entry', [entry.id])"
|
|
||||||
v-bind:company-code="entry.companyCode"
|
|
||||||
v-bind:center-text="supplier.name"
|
|
||||||
v-bind:="$props">
|
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -35,6 +36,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,13 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<h1 class="title centered uppercase">{{$t('title')}}</h1>
|
<h1 class="title centered uppercase">{{$t('title')}}</h1>
|
||||||
|
@ -38,14 +30,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:left-text="$t('invoice', [invoice.ref])" v-bind="$props">
|
||||||
<report-footer id="pageFooter"
|
|
||||||
v-bind:left-text="$t('invoice', [invoice.ref])"
|
|
||||||
v-bind="$props">
|
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -25,6 +26,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,19 +1,10 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<h1 class="title uppercase">{{$t('title')}}</h1>
|
<h1 class="title uppercase">{{$t('title')}}</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row vn-mb-lg" v-for="travel in travels">
|
<div class="grid-row vn-mb-lg" v-for="travel in travels">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="panel">
|
<div class="panel">
|
||||||
|
@ -71,14 +62,6 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:left-text="dated" v-bind="$props">
|
||||||
<report-footer id="pageFooter"
|
|
||||||
v-bind:left-text="dated"
|
|
||||||
v-bind="$props">
|
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
const db = require(`vn-print/core/database`);
|
const db = require(`vn-print/core/database`);
|
||||||
|
@ -100,6 +101,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,13 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<p v-html="$t('description', {
|
<p v-html="$t('description', {
|
||||||
|
@ -20,9 +12,7 @@
|
||||||
<p v-html="$t('declaration', {
|
<p v-html="$t('declaration', {
|
||||||
socialName: client.socialName
|
socialName: client.socialName
|
||||||
})"></p>
|
})"></p>
|
||||||
<p
|
<p v-for="(declaration, $index) in $t('declarations')" v-html="$t('declarations[' + $index + ']', {
|
||||||
v-for="(declaration, $index) in $t('declarations')"
|
|
||||||
v-html="$t('declarations[' + $index + ']', {
|
|
||||||
companyName: company.name,
|
companyName: company.name,
|
||||||
companyCity: company.city,
|
companyCity: company.city,
|
||||||
socialName: client.socialName,
|
socialName: client.socialName,
|
||||||
|
@ -59,26 +49,11 @@
|
||||||
<p>
|
<p>
|
||||||
<div>{{company.manager}}</div>
|
<div>{{company.manager}}</div>
|
||||||
<div>{{$t('manager')}}</div>
|
<div>{{$t('manager')}}</div>
|
||||||
<p>{{$t('issued', [
|
|
||||||
company.city,
|
|
||||||
issued.getDate(),
|
|
||||||
$t('months')[issued.getMonth()],
|
|
||||||
issued.getFullYear()])
|
|
||||||
}}
|
|
||||||
</p>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:left-text="$t('client', [client.id])" v-bind="$props">
|
||||||
<report-footer id="pageFooter"
|
|
||||||
v-bind:left-text="$t('client', [client.id])"
|
|
||||||
v-bind="$props">
|
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -16,6 +17,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,15 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
<report-header v-bind="$props" v-bind:company-code="invoice.companyCode">
|
||||||
<body>
|
|
||||||
<table class="grid no-page-break page-break-after">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"
|
|
||||||
v-bind:company-code="invoice.companyCode">
|
|
||||||
</report-header>
|
</report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="columns vn-mb-lg">
|
<div class="columns vn-mb-lg">
|
||||||
|
@ -115,9 +106,4 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -27,6 +28,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,22 +1,8 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
<invoice-incoterms v-if="hasIncoterms" v-bind="$props">
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<!-- Incoterms block -->
|
|
||||||
<invoice-incoterms
|
|
||||||
v-if="hasIncoterms"
|
|
||||||
v-bind="$props">
|
|
||||||
</invoice-incoterms>
|
</invoice-incoterms>
|
||||||
|
<report-header v-bind="$props" v-bind:company-code="invoice.companyCode">
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"
|
|
||||||
v-bind:company-code="invoice.companyCode">
|
|
||||||
</report-header>
|
</report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="columns vn-mb-lg">
|
<div class="columns vn-mb-lg">
|
||||||
|
@ -59,8 +45,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Rectified invoices block -->
|
|
||||||
<div class="size100 no-page-break" v-if="rectified.length > 0">
|
<div class="size100 no-page-break" v-if="rectified.length > 0">
|
||||||
<h2>{{$t('rectifiedInvoices')}}</h2>
|
<h2>{{$t('rectifiedInvoices')}}</h2>
|
||||||
<table class="column-oriented">
|
<table class="column-oriented">
|
||||||
|
@ -82,9 +66,6 @@
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of rectified invoices block -->
|
|
||||||
|
|
||||||
<!-- Sales block -->
|
|
||||||
<div class="vn-mt-lg" v-for="ticket in tickets">
|
<div class="vn-mt-lg" v-for="ticket in tickets">
|
||||||
<div class="table-title clearfix">
|
<div class="table-title clearfix">
|
||||||
<div class="pull-left">
|
<div class="pull-left">
|
||||||
|
@ -153,10 +134,8 @@
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of sales block -->
|
|
||||||
|
|
||||||
<div class="columns vn-mt-xl">
|
<div class="columns vn-mt-xl">
|
||||||
<!-- Taxes block -->
|
|
||||||
<div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
|
<div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
|
||||||
<table class="column-oriented">
|
<table class="column-oriented">
|
||||||
<thead>
|
<thead>
|
||||||
|
@ -207,19 +186,16 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of taxes block -->
|
|
||||||
|
|
||||||
<!-- Phytosanitary block -->
|
|
||||||
<div id="phytosanitary" class="size50 pull-left no-page-break">
|
<div id="phytosanitary" class="size50 pull-left no-page-break">
|
||||||
<div class="panel">
|
<div class="panel">
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div class="flag">
|
<div class="flag">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="size25">
|
<div class="size25">
|
||||||
<img v-bind:src="getReportSrc('europe.png')"/>
|
<img v-bind:src="getReportSrc('europe.png')" />
|
||||||
</div>
|
</div>
|
||||||
<div class="size75 flag-text">
|
<div class="size75 flag-text">
|
||||||
<strong>{{$t('plantPassport')}}</strong><br/>
|
<strong>{{$t('plantPassport')}}</strong><br />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -244,11 +220,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of phytosanitary block -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- Intrastat block -->
|
|
||||||
<div class="size100 no-page-break" v-if="intrastat.length > 0">
|
<div class="size100 no-page-break" v-if="intrastat.length > 0">
|
||||||
<h2>{{$t('intrastat')}}</h2>
|
<h2>{{$t('intrastat')}}</h2>
|
||||||
<table class="column-oriented">
|
<table class="column-oriented">
|
||||||
|
@ -286,12 +258,9 @@
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of intrastat block -->
|
|
||||||
|
|
||||||
<!-- Observations block -->
|
|
||||||
<div class="columns vn-mt-xl" v-if="invoice.payMethodCode == 'wireTransfer'">
|
<div class="columns vn-mt-xl" v-if="invoice.payMethodCode == 'wireTransfer'">
|
||||||
<div class="size50 pull-left no-page-break" >
|
<div class="size50 pull-left no-page-break">
|
||||||
<div class="panel" >
|
<div class="panel">
|
||||||
<div class="header">{{$t('observations')}}</div>
|
<div class="header">{{$t('observations')}}</div>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div>{{$t('wireTransfer')}}</div>
|
<div>{{$t('wireTransfer')}}</div>
|
||||||
|
@ -300,20 +269,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of observations block -->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:company-code="invoice.companyCode"
|
||||||
<report-footer id="pageFooter"
|
v-bind:left-text="$t('invoiceRef', [invoice.ref])" v-bind:center-text="client.socialName" v-bind="$props">
|
||||||
v-bind:company-code="invoice.companyCode"
|
|
||||||
v-bind:left-text="$t('invoiceRef', [invoice.ref])"
|
|
||||||
v-bind:center-text="client.socialName"
|
|
||||||
v-bind="$props">
|
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,5 +1,6 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
const Report = require(`vn-print/core/report`);
|
const Report = require(`vn-print/core/report`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
const invoiceIncoterms = new Report('invoice-incoterms');
|
const invoiceIncoterms = new Report('invoice-incoterms');
|
||||||
|
@ -110,6 +111,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build(),
|
'report-footer': reportFooter.build(),
|
||||||
'invoice-incoterms': invoiceIncoterms.build()
|
'invoice-incoterms': invoiceIncoterms.build()
|
||||||
|
|
|
@ -1,16 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
<report-header v-bind="$props" v-bind:company-code="invoice.companyCode">
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"
|
|
||||||
v-bind:company-code="invoice.companyCode">
|
|
||||||
</report-header>
|
</report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="columns vn-mb-lg">
|
<div class="columns vn-mb-lg">
|
||||||
|
@ -126,10 +116,7 @@
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of sales block -->
|
|
||||||
|
|
||||||
<div class="columns vn-mt-xl">
|
<div class="columns vn-mt-xl">
|
||||||
<!-- Taxes block -->
|
|
||||||
<div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
|
<div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
|
||||||
<table class="column-oriented">
|
<table class="column-oriented">
|
||||||
<thead>
|
<thead>
|
||||||
|
@ -180,12 +167,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of taxes block -->
|
|
||||||
|
|
||||||
<!-- Observations block -->
|
|
||||||
<div class="columns vn-mt-xl">
|
<div class="columns vn-mt-xl">
|
||||||
<div class="size50 pull-left no-page-break" >
|
<div class="size50 pull-left no-page-break">
|
||||||
<div class="panel" >
|
<div class="panel">
|
||||||
<div class="header">{{$t('observations')}}</div>
|
<div class="header">{{$t('observations')}}</div>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div>{{$t('payMethod')}}</div>
|
<div>{{$t('payMethod')}}</div>
|
||||||
|
@ -194,21 +178,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- End of observations block -->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:company-code="invoice.companyCode" v-bind:left-text="$t('invoiceId')"
|
||||||
<report-footer id="pageFooter"
|
v-bind:center-text="invoice.name" v-bind="$props">
|
||||||
v-bind:company-code="invoice.companyCode"
|
|
||||||
v-bind:left-text="$t('invoiceId')"
|
|
||||||
v-bind:center-text="invoice.name"
|
|
||||||
v-bind="$props">
|
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -82,6 +83,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build(),
|
'report-footer': reportFooter.build(),
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,15 +1,9 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<div class="label">
|
<div class="label">
|
||||||
<div class="barcode">
|
<div class="barcode">
|
||||||
<h1>{{item.id}}</h1>
|
<h1>{{item.id}}</h1>
|
||||||
<div class="image">
|
<div class="image">
|
||||||
<img v-bind:src="barcode"/>
|
<img v-bind:src="barcode" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data">
|
<div class="data">
|
||||||
|
@ -26,10 +20,4 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
const qrcode = require('qrcode');
|
const qrcode = require('qrcode');
|
||||||
|
@ -50,6 +51,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,13 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
|
@ -81,15 +73,7 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:left-text="$t('client', [client.id])" v-bind:center-text="client.socialName"
|
||||||
<report-footer id="pageFooter"
|
|
||||||
v-bind:left-text="$t('client', [client.id])"
|
|
||||||
v-bind:center-text="client.socialName"
|
|
||||||
v-bind="$props">
|
v-bind="$props">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -58,6 +59,7 @@ module.exports = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,13 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
@ -31,15 +23,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:left-text="$t('client', [client.id])" v-bind:center-text="client.socialName"
|
||||||
<report-footer id="pageFooter"
|
|
||||||
v-bind:left-text="$t('client', [client.id])"
|
|
||||||
v-bind:center-text="client.socialName"
|
|
||||||
v-bind="$props">
|
v-bind="$props">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -20,6 +21,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,13 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row no-page-break page-break-after">
|
<div class="grid-row no-page-break page-break-after">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
@ -25,9 +17,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<h1 class="title centered">{{$t('title')}}</h1>
|
<h1 class="title centered">{{$t('title')}}</h1>
|
||||||
|
@ -187,15 +177,7 @@
|
||||||
<p class="font small">{{$t('sendOrder')}}</p>
|
<p class="font small">{{$t('sendOrder')}}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:left-text="$t('order', [supplier.mandateCode])"
|
||||||
<report-footer id="pageFooter"
|
v-bind:center-text="client.socialName" v-bind="$props">
|
||||||
v-bind:left-text="$t('order', [supplier.mandateCode])"
|
|
||||||
v-bind:center-text="client.socialName"
|
|
||||||
v-bind="$props">
|
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -35,6 +36,7 @@ const rptSepaCore = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,13 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
|
@ -91,15 +83,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer block -->
|
<report-footer id="pageFooter" v-bind:left-text="$t('supplier', [supplier.id])"
|
||||||
<report-footer id="pageFooter"
|
v-bind:center-text="supplier.supplierName" v-bind="$props">
|
||||||
v-bind:left-text="$t('supplier', [supplier.id])"
|
|
||||||
v-bind:center-text="supplier.supplierName"
|
|
||||||
v-bind="$props">
|
|
||||||
</report-footer>
|
</report-footer>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`vn-print/core/component`);
|
const Component = require(`vn-print/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -44,6 +45,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,13 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<!-- Header block -->
|
|
||||||
<report-header v-bind="$props"></report-header>
|
<report-header v-bind="$props"></report-header>
|
||||||
<!-- Block -->
|
|
||||||
<div class="grid-row">
|
<div class="grid-row">
|
||||||
<div class="grid-block">
|
<div class="grid-block">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
@ -31,9 +23,4 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,4 +1,5 @@
|
||||||
const Component = require(`${appPath}/core/component`);
|
const Component = require(`${appPath}/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
const reportHeader = new Component('report-header');
|
const reportHeader = new Component('report-header');
|
||||||
const reportFooter = new Component('report-footer');
|
const reportFooter = new Component('report-footer');
|
||||||
|
|
||||||
|
@ -16,6 +17,7 @@ module.exports = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
'report-body': reportBody.build(),
|
||||||
'report-header': reportHeader.build(),
|
'report-header': reportHeader.build(),
|
||||||
'report-footer': reportFooter.build()
|
'report-footer': reportFooter.build()
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,16 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<report-body>
|
||||||
<html v-bind:lang="$i18n.locale">
|
|
||||||
<body>
|
|
||||||
<table class="grid">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<div class="text">{{zone.agencyName}}</div>
|
<div class="text">{{zone.agencyName}}</div>
|
||||||
<div class="text">{{zone.id}}</div>
|
<div class="text">{{zone.id}}</div>
|
||||||
<div class="text">{{zone.plateNumber}} {{zone.time | date('%H:%M')}}</div>
|
<div class="text">{{zone.plateNumber}} {{zone.time | date('%H:%M')}}</div>
|
||||||
</td>
|
</report-body>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,3 +1,6 @@
|
||||||
|
const Component = require(`${appPath}/core/component`);
|
||||||
|
const reportBody = new Component('report-body');
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
name: 'zone',
|
name: 'zone',
|
||||||
async serverPrefetch() {
|
async serverPrefetch() {
|
||||||
|
@ -11,6 +14,9 @@ module.exports = {
|
||||||
return this.findOneFromDef('zone', [id]);
|
return this.findOneFromDef('zone', [id]);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
'report-body': reportBody.build()
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
id: {
|
id: {
|
||||||
type: Number,
|
type: Number,
|
||||||
|
|
Loading…
Reference in New Issue