admin editar caso especial casi listo

This commit is contained in:
2021-08-05 14:56:01 -05:00
parent e291493089
commit 614a199f84
21 changed files with 131 additions and 126 deletions
@@ -121,7 +121,9 @@ export default {
)
.then((res) => {
localStorage.removeItem('idCasoEspecial')
this.$buefy.dialog.alert('El servicio ha sido liberado.')
this.imprimirMensaje(
'Ha liberado este servicio social correctamente.'
)
this.updateIsLoading(false)
this.$router.push('/admin/casos_especiales')
})
@@ -1,10 +1,11 @@
<template>
<div>
<h3 class="title">Editar información del alumno</h3>
<b-field label="Correo eletrónico">
<b-input type="email" :placeholder="viejo.correo" v-model="nuevo.correo">
</b-input>
<b-input
type="email"
:placeholder="viejo.correo"
v-model="nuevo.correo"
/>
</b-field>
<b-field label="Teléfono">
@@ -77,13 +78,16 @@
<b-button
class="my-5 is-success"
@click="actualizarDialog()"
@click="
imprimirWarning(
'¿Estás segura(a) de querer actualizar estos datos?',
actualizar
)
"
:disabled="!mostrar()"
>
Actualizar Datos
</b-button>
<b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
</div>
</template>
@@ -107,6 +111,7 @@ export default {
imprimirMensaje: { type: Function, required: true },
imprimirWarning: { type: Function, required: true },
imprimirError: { type: Function, required: true },
updateIsLoading: { type: Function, required: true },
},
methods: {
fecha(date) {
@@ -141,21 +146,10 @@ export default {
}
return false
},
actualizarDialog() {
this.$buefy.dialog.confirm({
title: 'Actualizar datos',
message: '¿Seguro(a) que quiere actualizar estos datos?',
confirmText: 'Confirmar',
cancelText: 'Cancelar',
type: 'is-success',
hasIcon: true,
onConfirm: () => this.actualizar(),
})
},
actualizar() {
const data = { idCasoEspecial: this.idCasoEspecial }
this.isLoading = true
this.updateIsLoading(true)
if (this.nuevo.direccion) data.direccion = this.nuevo.direccion
if (this.nuevo.correo) data.correo = this.nuevo.correo
if (this.nuevo.telefono) data.telefono = this.nuevo.telefono
@@ -167,33 +161,32 @@ export default {
if (this.nuevo.fechaFin) data.fechaFin = moment(this.nuevo.fechaFin)
if (this.nuevo.fechaNacimiento)
data.fechaNacimiento = moment(this.nuevo.fechaNacimiento)
axios
.put(`${process.env.api}/caso_especial/update`, data, this.admin.token)
.then((res) => {
this.isLoading = false
this.$buefy.dialog.alert('Los datos han sido actualizados')
this.updateIsLoading(false)
this.imprimirMensaje(res.data.message)
this.$router.push('/admin/casos_especiales/caso_especial')
})
.catch((err) => {
this.isLoading = false
this.error(err.response.data.message)
this.updateIsLoading(false)
this.imprimirError(err.response.data)
})
},
obtenerCasoEspecial() {
this.isLoading = true
return axios
this.updateIsLoading(true)
axios
.get(
`${process.env.api}/caso_especial/?idCasoEspecial=${this.idCasoEspecial}`,
this.admin.token
)
.then((res) => {
this.viejo = res.data
this.isLoading = false
this.updateIsLoading(false)
})
.catch((err) => {
this.isLoading = false
this.error(err.response.data.message)
this.updateIsLoading(false)
this.imprimirError(err.response.data)
})
},
},
@@ -205,7 +198,8 @@ export default {
},
created() {
this.idCasoEspecial = localStorage.getItem('idCasoEspecial')
if (this.admin.idTipoUsuario === 1) this.obtenerCasoEspecial()
if (this.admin.idTipoUsuario === 1 && this.idCasoEspecial)
this.obtenerCasoEspecial()
},
}
</script>
@@ -2,12 +2,17 @@
<section class="container px-2 pb-6">
<BotonRegresar path="/admin/casos_especiales/caso_especial" />
<h3 class="title">Editar información del alumno</h3>
<FormEditar
:admin="admin"
:imprimirMensaje="imprimirMensaje"
:imprimirWarning="imprimirWarning"
:imprimirError="imprimirError"
:updateIsLoading="updateIsLoading"
/>
<b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
</section>
</template>
@@ -21,9 +26,13 @@ export default {
data() {
return {
admin: {},
isLoading: false,
}
},
methods: {
updateIsLoading(booleanValue) {
this.isLoading = booleanValue
},
imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
this.$buefy.dialog.alert({
ariaRole: 'alertdialog',
@@ -35,7 +44,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -53,13 +62,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -74,8 +83,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
@@ -47,7 +47,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -65,13 +65,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -86,8 +86,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -39,7 +39,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -57,13 +57,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -78,8 +78,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -47,7 +47,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -65,13 +65,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -86,8 +86,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -57,7 +57,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -75,13 +75,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -96,8 +96,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -46,7 +46,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -64,13 +64,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -85,8 +85,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
@@ -45,7 +45,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -63,13 +63,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -84,8 +84,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
@@ -37,7 +37,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -55,13 +55,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -76,8 +76,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -33,7 +33,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -51,13 +51,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -72,8 +72,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -33,7 +33,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -51,13 +51,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -72,8 +72,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -282,7 +282,7 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'alert-octagon',
// onConfirm,
// onConfirm: () => onConfirm(),
// })
// if (err.err && err.err === 'token error') {
// localStorage.clear()
@@ -300,13 +300,13 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'check-circle',
// onConfirm,
// onConfirm: () => onConfirm(),
// })
// },
// imprimirWarning(
// message,
// title = '¡Espera un minuto!',
// onConfirm = () => {},
// title = '¡Espera un minuto!',
// onCancel = () => {}
// ) {
// this.$buefy.dialog.alert({
@@ -321,8 +321,8 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'help-circle',
// onConfirm,
// onCancel,
// onConfirm: () => onConfirm(),
// onCancel: () => onCancel(),
// })
// },
// getLocalhostInfo() {
+5 -5
View File
@@ -175,7 +175,7 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'alert-octagon',
// onConfirm,
// onConfirm: () => onConfirm(),
// })
// if (err.err && err.err === 'token error') {
// localStorage.clear()
@@ -193,13 +193,13 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'check-circle',
// onConfirm,
// onConfirm: () => onConfirm(),
// })
// },
// imprimirWarning(
// message,
// title = '¡Espera un minuto!',
// onConfirm = () => {},
// title = '¡Espera un minuto!',
// onCancel = () => {}
// ) {
// this.$buefy.dialog.alert({
@@ -214,8 +214,8 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'help-circle',
// onConfirm,
// onCancel,
// onConfirm: () => onConfirm(),
// onCancel: () => onCancel(),
// })
// },
// getLocalhostInfo() {
+5 -5
View File
@@ -46,7 +46,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -64,13 +64,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -85,8 +85,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -44,7 +44,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -62,13 +62,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -83,8 +83,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -165,7 +165,7 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'alert-octagon',
// onConfirm,
// onConfirm: () => onConfirm(),
// })
// if (err.err && err.err === 'token error') {
// localStorage.clear()
@@ -183,13 +183,13 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'check-circle',
// onConfirm,
// onConfirm: () => onConfirm(),
// })
// },
// imprimirWarning(
// message,
// title = '¡Espera un minuto!',
// onConfirm = () => {},
// title = '¡Espera un minuto!',
// onCancel = () => {}
// ) {
// this.$buefy.dialog.alert({
@@ -204,8 +204,8 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'help-circle',
// onConfirm,
// onCancel,
// onConfirm: () => onConfirm(),
// onCancel: () => onCancel(),
// })
// },
// getLocalhostInfo() {
+5 -5
View File
@@ -161,7 +161,7 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'alert-octagon',
// onConfirm,
// onConfirm: () => onConfirm(),
// })
// if (err.err && err.err === 'token error') {
// localStorage.clear()
@@ -179,13 +179,13 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'check-circle',
// onConfirm,
// onConfirm: () => onConfirm(),
// })
// },
// imprimirWarning(
// message,
// title = '¡Espera un minuto!',
// onConfirm = () => {},
// title = '¡Espera un minuto!',
// onCancel = () => {}
// ) {
// this.$buefy.dialog.alert({
@@ -200,8 +200,8 @@ export default {
// hasIcon: true,
// iconPack: 'mdi',
// icon: 'help-circle',
// onConfirm,
// onCancel,
// onConfirm: () => onConfirm(),
// onCancel: () => onCancel(),
// })
// },
// getLocalhostInfo() {
+5 -5
View File
@@ -40,7 +40,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -58,13 +58,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -79,8 +79,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -57,7 +57,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -75,13 +75,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -96,8 +96,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {
+5 -5
View File
@@ -48,7 +48,7 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'alert-octagon',
onConfirm,
onConfirm: () => onConfirm(),
})
if (err.err && err.err === 'token error') {
localStorage.clear()
@@ -66,13 +66,13 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'check-circle',
onConfirm,
onConfirm: () => onConfirm(),
})
},
imprimirWarning(
message,
title = '¡Espera un minuto!',
onConfirm = () => {},
title = '¡Espera un minuto!',
onCancel = () => {}
) {
this.$buefy.dialog.alert({
@@ -87,8 +87,8 @@ export default {
hasIcon: true,
iconPack: 'mdi',
icon: 'help-circle',
onConfirm,
onCancel,
onConfirm: () => onConfirm(),
onCancel: () => onCancel(),
})
},
getLocalhostInfo() {