96 lines
2.2 KiB
Vue
96 lines
2.2 KiB
Vue
<template>
|
|
<div class="column is-8">
|
|
<h3 class="is-size-4 mb-4">Datos del Equipo</h3>
|
|
|
|
<div class="columns">
|
|
<div class="column">
|
|
<b-field label="Número de Inventario">
|
|
<p class="input">{{ equipo.numeroInventario }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Número de Serie">
|
|
<p class="input">{{ equipo.numeroSerie }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Equipo">
|
|
<p class="input">{{ equipo.equipo }}</p>
|
|
</b-field>
|
|
|
|
<b-field label="Tipo">
|
|
<p class="input">
|
|
{{ equipo.Carrito.TipoCarrito.tipoCarrito }}
|
|
</p>
|
|
</b-field>
|
|
|
|
<b-field label="Programa">
|
|
<p class="input" v-if="equipo.Programa">
|
|
{{ equipo.Programa.programa || '' }}
|
|
</p>
|
|
|
|
<p class="input" v-else></p>
|
|
</b-field>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<b-field label="Carrito">
|
|
<p class="input">
|
|
{{ equipo.Carrito.carrito }}
|
|
</p>
|
|
</b-field>
|
|
|
|
<b-field label="Módulo">
|
|
<p class="input">
|
|
{{ equipo.Carrito.Modulo.modulo }}
|
|
</p>
|
|
</b-field>
|
|
|
|
<b-field label="Status">
|
|
<p class="input">
|
|
{{ equipo.Status.status }}
|
|
</p>
|
|
</b-field>
|
|
|
|
<b-field label="Ubicación">
|
|
<p
|
|
class="input is-size-6 tag"
|
|
v-for="(sE, i) in statusEquipo"
|
|
:key="i"
|
|
:class="sE.tagType"
|
|
v-show="equipo.Status.idStatus === sE.idStatus"
|
|
>
|
|
{{ sE.texto }}
|
|
</p>
|
|
</b-field>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
equipo: { type: Object, required: true },
|
|
},
|
|
data() {
|
|
return {
|
|
statusEquipo: [
|
|
{
|
|
texto: 'En carrito, a espera de entrega',
|
|
tagType: 'is-info',
|
|
idStatus: 1,
|
|
},
|
|
{ texto: 'En uso', tagType: 'is-link', idStatus: 2 },
|
|
{
|
|
texto: 'En carrito, a espera de su confiración',
|
|
tagType: 'is-primary',
|
|
idStatus: 3,
|
|
},
|
|
{ texto: 'En carrito', tagType: 'is-success', idStatus: 4 },
|
|
],
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|