OneTeam/don_confiao_backend
15
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 5 Wiki Activity

view(Frontend): make dinamic summary_purchase.

Browse Source
This commit is contained in:
Mono Mono 2024-11-02 15:27:26 -05:00
parent 8b15d9dd9d
commit 4472d8b6b8
2 changed files with 47 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
tienda_ilusion/don_confiao/frontend/don-confiao/src/components/SummaryPurchase.vue
View File

@ -1,46 +1,56 @@
<template> <template>
<v-container> <v-container>
<v-toolbar> <v-container v-show="!id">
<v-toolbar-title> Resumen de la compra </v-toolbar-title> <v-toolbar>
</v-toolbar> <v-toolbar-title> No se indicó Id de la compra</v-toolbar-title>
<v-list> </v-toolbar>
<v-list-item> </v-container>
<v-list-item-content> <v-container v-show="id">
<v-list-item-title>Fecha:</v-list-item-title> <v-toolbar>
<v-list-item-subtitle>{{ purchase.date }}</v-list-item-subtitle> <v-toolbar-title> Resumen de la compra {{ id }}</v-toolbar-title>
</v-list-item-content> </v-toolbar>
</v-list-item> <v-list>
<v-list-item> <v-list-item>
<v-list-item-content> <v-list-item-content>
<v-list-item-title>Cliente:</v-list-item-title> <v-list-item-title>Fecha:</v-list-item-title>
<v-list-item-subtitle v-if="purchase.customer">{{ purchase.customer.name }}</v-list-item-subtitle> <v-list-item-subtitle>{{ purchase.date }}</v-list-item-subtitle>
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
<v-list-item> <v-list-item>
<v-list-item-content>
<v-list-item-title>Cliente:</v-list-item-title>
<v-list-item-subtitle v-if="purchase.customer">{{ purchase.customer.name }}</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content> <v-list-item-content>
<v-list-item-title>Total:</v-list-item-title> <v-list-item-title>Total:</v-list-item-title>
<v-list-item-subtitle v-if="purchase.set_lines">{{ currencyFormat(calculateTotal(purchase.set_lines)) }}</v-list-item-subtitle> <v-list-item-subtitle v-if="purchase.set_lines">{{ currencyFormat(calculateTotal(purchase.set_lines)) }}</v-list-item-subtitle>
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
</v-list> </v-list>
<v-data-table-virtual <v-data-table-virtual
:headers="headers" :headers="headers"
:items="purchase.set_lines" :items="purchase.set_lines"
> >
<template v-slot:item.unit_price="{ item }"> <template v-slot:item.unit_price="{ item }">
{{ currencyFormat(item.unit_price) }} {{ currencyFormat(item.unit_price) }}
</template> </template>
<template v-slot:item.subtotal="{ item }"> <template v-slot:item.subtotal="{ item }">
{{ currencyFormat(calculateSubtotal(item.price, item.quantity)) }} {{ currencyFormat(calculateSubtotal(item.price, item.quantity)) }}
</template> </template>
</v-data-table-virtual> </v-data-table-virtual>
</v-container>
</v-container> </v-container>
</template> </template>
<script> <script>
export default { export default {
name: 'SummaryPurchase', name: 'SummaryPurchase',
props: { props: {
msg: String msg: String,
id: String
}, },
data () { data () {
return { return {
@ -54,7 +64,11 @@
}; };
}, },
created() { created() {
this.fetchPurchase(1); if (this.id) {
this.fetchPurchase(this.id);
} else {
console.error('No se proporcionó un ID de compra.');
}
}, },
methods: { methods: {
fetchPurchase(purchaseId) { fetchPurchase(purchaseId) {

2
tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/summary_purchase.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<SummaryPurchase /> <SummaryPurchase :id="$route.query.id"/>
</template> </template>
<script setup> <script setup>