41 lines
865 B
Vue
41 lines
865 B
Vue
|
<template>
|
||
|
|
<b-field
|
||
|
|
class="column mb-0 pb-0"
|
||
|
|
:label="`Usuario ${campo}`"
|
||
|
|
:class="columnSize"
|
||
|
|
>
|
||
|
|
<b-input
|
||
|
|
icon="account-plus"
|
||
|
|
:placeholder="`Usuario ${campo}`"
|
||
|
|
type="text"
|
||
|
|
@keyup.enter.native="ejecutar()"
|
||
|
|
v-model="operador"
|
||
|
|
rounded
|
||
|
|
/>
|
||
|
|
</b-field>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
ejecutar: { typeof: Function, required: true, default: () => {} },
|
||
|
|
campo: { typeof: String, required: true, default: '' },
|
||
|
|
operadorPadre: { typeof: String, required: true, default: '' },
|
||
|
|
columnSize: { typeof: String, required: false, default: '' },
|
||
|
|
},
|
||
|
|
data: () => {
|
||
|
|
return { operador: '' }
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
operador() {
|
||
|
|
this.$emit('operador', this.operador)
|
||
|
|
},
|
||
|
|
operadorPadre() {
|
||
|
|
this.operador = this.operadorPadre
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped></style>
|