view(Frontend): make dinamic summary_purchase.
This commit is contained in:
parent
8b15d9dd9d
commit
4472d8b6b8
@ -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) {
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<SummaryPurchase />
|
<SummaryPurchase :id="$route.query.id"/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
Loading…
Reference in New Issue
Block a user