pcpuma_unam_operador/components/crear/CrearOperador.vue

119 lines
3.0 KiB
Vue
Raw Normal View History

2022-07-26 05:44:07 +00:00
<template>
<section class="mb-6">
<h3 class="is-size-4 mb-3">Crear Operador</h3>
<div class="box">
<div class="columns is-align-items-flex-end pl-0 pb-4">
<b-field class="column mb-0 pb-0" label="Nombre completo">
<b-input
icon="account"
placeholder="Nombres/Apellidos"
type="text"
@keyup.enter.native="warning()"
v-model="nombre"
rounded
/>
</b-field>
<b-field class="column mb-0 pb-0" label="Usuario">
<b-input
icon="account"
placeholder="Usuario"
type="text"
@keyup.enter.native="warning()"
v-model="operador"
rounded
/>
</b-field>
<b-field class="column mb-0 pb-0" label="Correo">
<b-input
icon="mail"
placeholder="Correo"
type="email"
@keyup.enter.native="warning()"
v-model="correo"
rounded
/>
</b-field>
<b-field class="column mb-0 pb-0" label="Contraseña">
<b-input
icon="lock"
placeholder="Contraseña"
type="password"
@keyup.enter.native="warning()"
v-model="password"
rounded
/>
</b-field>
<BotonCrear
:disabled="!operador || !correo || !nombre"
:crear="warning"
/>
</div>
</div>
</section>
</template>
<script>
import axios from 'axios'
import BotonCrear from '@/components/botones/BotonCrear'
export default {
components: { BotonCrear },
props: {
updateActualizarTabla: { type: Function, required: true },
updateIsLoading: { type: Function, required: true },
idInstitucion: { type: Number, required: true, default: 0 },
},
data() {
return {
correo: '',
nombre: '',
operador: '',
password: '',
}
},
methods: {
crearAdmin() {
const data = {
correo: this.correo,
id_institucion: this.idInstitucion,
id_tipo_usuario: 3,
nombre: this.nombre,
operador: this.operador,
}
this.updateIsLoading(true)
axios
.post(`${process.env.api}/operador`, data, this.$getToken.token())
.then((res) => {
this.correo = ''
this.nombre = ''
this.operador = ''
this.password = ''
2022-07-26 13:35:38 +00:00
this.updateActualizarTabla(true)
2022-07-26 05:44:07 +00:00
this.updateIsLoading(false)
this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
})
.catch((err) => {
this.updateIsLoading(false)
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
2022-07-26 13:35:38 +00:00
warning() {
if (this.correo && this.nombre && this.operador && this.password)
this.$alertsGenericos.imprimirWarning(
this.$buefy,
'¿Esta segur@ de querer crear este operador?',
this.crearAdmin
)
},
2022-07-26 05:44:07 +00:00
},
}
</script>
<style></style>