OneTeam/don_confiao_backend
16
0
Fork 0
Code Issues 2 Pull Requests 5 Actions Packages Projects Releases 7 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
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>
<v-container>
<v-toolbar>
<v-toolbar-title> Resumen de la compra </v-toolbar-title>
</v-toolbar>
<v-list>
<v-list-item>
<v-list-item-content>
<v-list-item-title>Fecha:</v-list-item-title>
<v-list-item-subtitle>{{ purchase.date }}</v-list-item-subtitle>
</v-list-item-content>
</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-container v-show="!id">
<v-toolbar>
<v-toolbar-title> No se indicó Id de la compra</v-toolbar-title>
</v-toolbar>
</v-container>
<v-container v-show="id">
<v-toolbar>
<v-toolbar-title> Resumen de la compra {{ id }}</v-toolbar-title>
</v-toolbar>
<v-list>
<v-list-item>
<v-list-item-content>
<v-list-item-title>Fecha:</v-list-item-title>
<v-list-item-subtitle>{{ purchase.date }}</v-list-item-subtitle>
</v-list-item-content>
</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-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-content>
</v-list-item>
</v-list>
<v-data-table-virtual
:headers="headers"
:items="purchase.set_lines"
>
<template v-slot:item.unit_price="{ item }">
{{ currencyFormat(item.unit_price) }}
</template>
<template v-slot:item.subtotal="{ item }">
{{ currencyFormat(calculateSubtotal(item.price, item.quantity)) }}
</template>
</v-data-table-virtual>
</v-list-item>
</v-list>
<v-data-table-virtual
:headers="headers"
:items="purchase.set_lines"
>
<template v-slot:item.unit_price="{ item }">
{{ currencyFormat(item.unit_price) }}
</template>
<template v-slot:item.subtotal="{ item }">
{{ currencyFormat(calculateSubtotal(item.price, item.quantity)) }}
</template>
</v-data-table-virtual>
</v-container>
</v-container>
</template>
<script>
export default {
name: 'SummaryPurchase',
props: {
msg: String
msg: String,
id: String
},
data () {
return {
@@ -54,7 +64,11 @@
};
},
created() {
this.fetchPurchase(1);
if (this.id) {
this.fetchPurchase(this.id);
} else {
console.error('No se proporcionó un ID de compra.');
}
},
methods: {
fetchPurchase(purchaseId) {

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

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