view(Frontend): make dinamic summary_purchase.

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

View File

@ -1,7 +1,14 @@
<template> <template>
<v-container> <v-container>
<v-container v-show="!id">
<v-toolbar> <v-toolbar>
<v-toolbar-title> Resumen de la compra </v-toolbar-title> <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-toolbar>
<v-list> <v-list>
<v-list-item> <v-list-item>
@ -35,12 +42,15 @@
</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) {

View File

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