30 lines
951 B
Vue
30 lines
951 B
Vue
<template>
|
|
<div v-if="provenance && provenance.length > 0">
|
|
<v-divider class="my-4" />
|
|
<h3 class="text-h6 font-weight-bold mb-1">Origen e historia de los productos</h3>
|
|
<p class="text-body-2 text-medium-emphasis mb-4">
|
|
Conoce quiénes producen los productos que compras y de qué territorios provienen.
|
|
</p>
|
|
|
|
<h4 class="text-subtitle-1 font-weight-medium mb-2">Proveedores y organizaciones</h4>
|
|
<ProductSupplierOrganizationChart :provenance="provenance" />
|
|
|
|
<v-divider class="my-4" />
|
|
|
|
<h4 class="text-subtitle-1 font-weight-medium mb-2">Departamento y municipio</h4>
|
|
<ProductTerritoryChart :provenance="provenance" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import ProductSupplierOrganizationChart from './ProductSupplierOrganizationChart.vue'
|
|
import ProductTerritoryChart from './ProductTerritoryChart.vue'
|
|
|
|
defineProps({
|
|
provenance: {
|
|
type: Array,
|
|
default: null,
|
|
},
|
|
})
|
|
</script>
|