pcpuma_unam_operador/components/inputs/InputNumeroInventario.vue
2022-08-29 07:46:09 -05:00

44 lines
1004 B
Vue

<template>
<b-field
class="column mb-0 pb-0"
label="Número de inventario"
:class="columnSize"
>
<b-input
icon="clipboard-list-outline"
placeholder="Número de inventario"
type="text"
@keyup.enter.native="ejecutar()"
v-model="numeroInventario"
rounded
/>
</b-field>
</template>
<script>
export default {
props: {
ejecutar: { typeof: Function, required: true, default: () => {} },
numeroInventarioPadre: { typeof: String, required: true, default: '' },
columnSize: { typeof: String, required: false, default: '' },
},
data: () => {
return { numeroInventario: '' }
},
watch: {
numeroInventario() {
this.$emit('numero-inventario', this.numeroInventario)
},
numeroInventarioPadre() {
this.numeroInventario = this.numeroInventarioPadre
},
},
created() {
if (this.numeroInventarioPadre)
this.numeroInventario = this.numeroInventarioPadre
},
}
</script>
<style scoped></style>