56 lines
1.5 KiB
Vue
56 lines
1.5 KiB
Vue
<template>
|
|
<section class="mb-5">
|
|
<h3 class="is-size-4 mb-3">Previsualización de los datos</h3>
|
|
|
|
<b-table :data="data" hoverable striped>
|
|
<b-table-column
|
|
field="numeroInventario"
|
|
label="Número de Inventario"
|
|
v-slot="props"
|
|
centered
|
|
>
|
|
<span>{{ props.row.numeroInventario }}</span>
|
|
</b-table-column>
|
|
|
|
<b-table-column
|
|
field="numeroSerie"
|
|
label="Número de Serie"
|
|
v-slot="props"
|
|
centered
|
|
>
|
|
<span>{{ props.row.numeroSerie }}</span>
|
|
</b-table-column>
|
|
|
|
<b-table-column field="equipo" label="Equipo" v-slot="props" centered>
|
|
<span>{{ props.row.equipo }}</span>
|
|
</b-table-column>
|
|
|
|
<b-table-column field="tipo" label="Tipo" v-slot="props" centered>
|
|
<span>{{ props.row.Carrito.TipoCarrito.tipoCarrito }}</span>
|
|
</b-table-column>
|
|
|
|
<b-table-column field="programa" label="Programa" v-slot="props" centered>
|
|
<span v-if="props.row.Programa">{{ props.row.Programa.programa }}</span>
|
|
</b-table-column>
|
|
|
|
<b-table-column field="carrito" label="Carrito" v-slot="props" centered>
|
|
<span>{{ props.row.Carrito.carrito }}</span>
|
|
</b-table-column>
|
|
|
|
<b-table-column field="modulo" label="Módulo" v-slot="props" centered>
|
|
<span>{{ props.row.Carrito.Modulo.modulo }}</span>
|
|
</b-table-column>
|
|
</b-table>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
data: { type: Array, required: true },
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|