nuevo formateo

This commit is contained in:
Lemuel Marquez
2021-05-13 14:22:56 -05:00
parent eaf298c4a9
commit 24cd81c73d
61 changed files with 2227 additions and 2271 deletions
+64 -64
View File
@@ -31,7 +31,7 @@
</p>
<p>
{{
file.name || "Arrastra aquí tu archivo o da click para buscar"
file.name || 'Arrastra aquí tu archivo o da click para buscar'
}}
</p>
<p>Tamaño máximo para el archivo: 20MB</p>
@@ -55,128 +55,128 @@
</template>
<script>
import axios from "axios";
import axios from 'axios'
export default {
data() {
return {
isFullPage: true,
file: [],
idServicio: "",
cartaAceptacion: "",
idServicio: '',
cartaAceptacion: '',
isLoading: false,
token: {
headers: {
token: window.localStorage.getItem("token"),
token: window.localStorage.getItem('token'),
},
},
};
}
},
methods: {
validarTamaño() {
const TamMax = 20000000;
const archivo = this.file;
const TamMax = 20000000
const archivo = this.file
if (archivo.size > TamMax) {
this.toast();
this.file = "";
this.toast()
this.file = ''
}
},
toast() {
this.$buefy.toast.open({
message: "El archivo excede el tamaño permitido",
type: "is-danger",
});
message: 'El archivo excede el tamaño permitido',
type: 'is-danger',
})
},
Enviar() {
const data = { idServicio: this.idServicio };
const formData = new FormData();
const data = { idServicio: this.idServicio }
const formData = new FormData()
formData.append("data", JSON.stringify(data));
formData.append("cartaAceptacion", this.file);
this.isLoading = true;
formData.append('data', JSON.stringify(data))
formData.append('cartaAceptacion', this.file)
this.isLoading = true
axios
.put(`${process.env.api}/servicio/carta_aceptacion`, formData, {
headers: {
"Content-Type": "multipart/form-data",
'Content-Type': 'multipart/form-data',
token: this.token.headers.token,
},
})
.then((res) => {
this.$buefy.dialog.alert({
title: "Success",
message: "Se enviaron los datos correctamente",
type: "is-success",
title: 'Success',
message: 'Se enviaron los datos correctamente',
type: 'is-success',
hasIcon: true,
icon: "checkbox-marked-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'checkbox-marked-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
})
})
.catch((error) => {
this.error(error.response.data.message);
this.error(error.response.data.message)
})
.finally(() => {
this.isLoading = false;
localStorage.removeItem("idServicio");
localStorage.removeItem("cartaAceptacion");
this.$router.push("/responsable");
});
this.isLoading = false
localStorage.removeItem('idServicio')
localStorage.removeItem('cartaAceptacion')
this.$router.push('/responsable')
})
},
getIdLocal() {
this.idServicio = localStorage.getItem("idServicio");
this.cartaAceptacion = localStorage.getItem("cartaAceptacion");
this.idServicio = localStorage.getItem('idServicio')
this.cartaAceptacion = localStorage.getItem('cartaAceptacion')
if (this.idServicio === null || this.cartaAceptacion === null) {
this.$router.push("/responsable");
this.$router.push('/responsable')
}
},
error(msj) {
let salir = false;
let salir = false
switch (msj) {
case "invalid signature":
msj = "Tu token no es valido, inicia sesión de nuevo.";
salir = true;
break;
case "jwt expired":
msj = "Tu sesión ha expirado, inicia sesión de nuevo.";
salir = true;
break;
case "jwt malformed":
msj = "No se encontro tu token, inicia sesión de nuevo.";
salir = true;
break;
case "No hay token":
msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
salir = true;
break;
case 'invalid signature':
msj = 'Tu token no es valido, inicia sesión de nuevo.'
salir = true
break
case 'jwt expired':
msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
salir = true
break
case 'jwt malformed':
msj = 'No se encontro tu token, inicia sesión de nuevo.'
salir = true
break
case 'No hay token':
msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
salir = true
break
}
this.$buefy.dialog.alert({
title: "Error",
title: 'Error',
message: msj,
type: "is-danger",
type: 'is-danger',
hasIcon: true,
icon: "alert-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'alert-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
})
if (salir == true) {
localStorage.clear();
this.$router.push(`/`);
localStorage.clear()
this.$router.push(`/`)
}
},
},
watch: {
file: function(newFile, oldFile) {
this.validarTamaño();
file: function (newFile, oldFile) {
this.validarTamaño()
},
},
created() {
this.getIdLocal();
this.getIdLocal()
},
};
}
</script>
<style>
+64 -64
View File
@@ -30,7 +30,7 @@
</p>
<p>
{{
file.name || "Arrastra aquí tu archivo o da click para buscar"
file.name || 'Arrastra aquí tu archivo o da click para buscar'
}}
</p>
<p>Tamaño máximo para el archivo: 20MB</p>
@@ -55,129 +55,129 @@
</template>
<script>
import axios from "axios";
import axios from 'axios'
export default {
data() {
return {
isFullPage: true,
file: [],
idServicio: "",
cartaTermino: "",
idServicio: '',
cartaTermino: '',
isLoading: false,
token: {
headers: {
token: window.localStorage.getItem("token"),
token: window.localStorage.getItem('token'),
},
},
};
}
},
methods: {
validarTamaño() {
const TamMax = 20000000;
const archivo = this.file;
const TamMax = 20000000
const archivo = this.file
if (archivo.size > TamMax) {
this.toast();
this.file = "";
this.toast()
this.file = ''
}
},
toast() {
this.$buefy.toast.open({
message: "El archivo excede el tamaño permitido",
type: "is-danger",
});
message: 'El archivo excede el tamaño permitido',
type: 'is-danger',
})
},
Enviar() {
const data = { idServicio: this.idServicio };
const formData = new FormData();
const data = { idServicio: this.idServicio }
const formData = new FormData()
formData.append("data", JSON.stringify(data));
formData.append("cartaTermino", this.file);
this.isLoading = true;
formData.append('data', JSON.stringify(data))
formData.append('cartaTermino', this.file)
this.isLoading = true
axios
.put(`${process.env.api}/servicio/carta_termino`, formData, {
headers: {
"Content-Type": "multipart/form-data",
'Content-Type': 'multipart/form-data',
token: this.token.headers.token,
},
})
.then((res) => {
this.$buefy.dialog.alert({
title: "Success",
message: "Se enviaron los datos correctamente",
type: "is-success",
title: 'Success',
message: 'Se enviaron los datos correctamente',
type: 'is-success',
hasIcon: true,
icon: "checkbox-marked-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'checkbox-marked-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
})
})
.catch((error) => {
this.error(error.response.data.message);
this.error(error.response.data.message)
})
.finally(() => {
this.isLoading = false;
localStorage.removeItem("idServicio");
localStorage.removeItem("cartaTermino");
this.$router.push("/responsable");
});
this.isLoading = false
localStorage.removeItem('idServicio')
localStorage.removeItem('cartaTermino')
this.$router.push('/responsable')
})
},
getIdLocal() {
this.idServicio = localStorage.getItem("idServicio");
this.cartaTermino = localStorage.getItem("cartaTermino");
this.idServicio = localStorage.getItem('idServicio')
this.cartaTermino = localStorage.getItem('cartaTermino')
if (this.idServicio === null || this.cartaTermino === null) {
this.$router.push("/responsable");
this.$router.push('/responsable')
}
},
error(msj) {
let salir = false;
let salir = false
switch (msj) {
case "invalid signature":
msj = "Tu token no es valido, inicia sesión de nuevo.";
salir = true;
break;
case "jwt expired":
msj = "Tu sesión ha expirado, inicia sesión de nuevo.";
salir = true;
break;
case "jwt malformed":
msj = "No se encontro tu token, inicia sesión de nuevo.";
salir = true;
break;
case "No hay token":
msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
salir = true;
break;
case 'invalid signature':
msj = 'Tu token no es valido, inicia sesión de nuevo.'
salir = true
break
case 'jwt expired':
msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
salir = true
break
case 'jwt malformed':
msj = 'No se encontro tu token, inicia sesión de nuevo.'
salir = true
break
case 'No hay token':
msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
salir = true
break
}
this.$buefy.dialog.alert({
title: "Error",
title: 'Error',
message: msj,
type: "is-danger",
type: 'is-danger',
hasIcon: true,
icon: "alert-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'alert-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
})
if (salir == true) {
localStorage.clear();
this.$router.push(`/`);
localStorage.clear()
this.$router.push(`/`)
}
},
},
watch: {
file: function(newFile, oldFile) {
this.validarTamaño();
file: function (newFile, oldFile) {
this.validarTamaño()
},
},
created() {
this.getIdLocal();
this.getIdLocal()
},
};
}
</script>
<style>
+64 -64
View File
@@ -145,13 +145,13 @@
<b-button
:disabled="
actividad1 == '' ||
actividad2 == '' ||
actividad3 == '' ||
actividad4 == '' ||
actividad5 == '' ||
retroalimentacion.length < 5 ||
p6 == '' ||
p7 == ''
actividad2 == '' ||
actividad3 == '' ||
actividad4 == '' ||
actividad5 == '' ||
retroalimentacion.length < 5 ||
p6 == '' ||
p7 == ''
"
class="border-success my-5"
type="is-success"
@@ -167,27 +167,27 @@
</template>
<script>
import axios from "axios";
import axios from 'axios'
export default {
data() {
return {
idServicio: localStorage.getItem("idServicio"),
cuestionario: "",
idServicio: localStorage.getItem('idServicio'),
cuestionario: '',
isLoading: false,
actividad1: "",
actividad2: "",
actividad3: "",
actividad4: "",
actividad5: "",
actividad1: '',
actividad2: '',
actividad3: '',
actividad4: '',
actividad5: '',
retroalimentacion: [],
p6: "",
p7: "",
p6: '',
p7: '',
token: {
headers: {
token: window.localStorage.getItem("token"),
token: window.localStorage.getItem('token'),
},
},
};
}
},
methods: {
enviarCuestionario() {
@@ -202,82 +202,82 @@ export default {
p6: this.p6,
p7: this.p7,
idServicio: this.idServicio,
};
}
this.isLoading = true;
this.isLoading = true
axios
.post(`${process.env.api}/cuestionario_programa`, data, this.token)
.then((res) => {
this.$buefy.dialog.alert({
title: "Success",
message: "Se enviaron los datos correctamente",
type: "is-success",
title: 'Success',
message: 'Se enviaron los datos correctamente',
type: 'is-success',
hasIcon: true,
icon: "checkbox-marked-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'checkbox-marked-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
})
})
.catch((error) => {
this.error(error.response.data.message);
this.error(error.response.data.message)
})
.finally(() => {
this.isLoading = false;
localStorage.removeItem("idServicio");
localStorage.removeItem("cuestionario");
this.$router.push("/responsable");
});
this.isLoading = false
localStorage.removeItem('idServicio')
localStorage.removeItem('cuestionario')
this.$router.push('/responsable')
})
},
getIdLocal() {
this.idServicio = localStorage.getItem("idServicio");
this.cuestionario = localStorage.getItem("cuestionario");
this.idServicio = localStorage.getItem('idServicio')
this.cuestionario = localStorage.getItem('cuestionario')
if (this.idServicio === null || this.cuestionario === null) {
this.$router.push("/responsable");
this.$router.push('/responsable')
}
},
error(msj) {
let salir = false;
let salir = false
switch (msj) {
case "invalid signature":
msj = "Tu token no es valido, inicia sesión de nuevo.";
salir = true;
break;
case "jwt expired":
msj = "Tu sesión ha expirado, inicia sesión de nuevo.";
salir = true;
break;
case "jwt malformed":
msj = "No se encontro tu token, inicia sesión de nuevo.";
salir = true;
break;
case "No hay token":
msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
salir = true;
break;
case 'invalid signature':
msj = 'Tu token no es valido, inicia sesión de nuevo.'
salir = true
break
case 'jwt expired':
msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
salir = true
break
case 'jwt malformed':
msj = 'No se encontro tu token, inicia sesión de nuevo.'
salir = true
break
case 'No hay token':
msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
salir = true
break
}
this.$buefy.dialog.alert({
title: "Error",
title: 'Error',
message: msj,
type: "is-danger",
type: 'is-danger',
hasIcon: true,
icon: "alert-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'alert-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
})
if (salir == true) {
localStorage.clear();
this.$router.push(`/`);
localStorage.clear()
this.$router.push(`/`)
}
},
},
created() {
this.getIdLocal();
this.getIdLocal()
},
};
}
</script>
<style>
+170 -171
View File
@@ -1,16 +1,14 @@
<template>
<section>
<h1 class="title is-1 titleAnadir">
Añadir Servicio Social
</h1>
<h1 class="title is-1 titleAnadir">Añadir Servicio Social</h1>
<div
class="columns is-variable is-1-mobile is-0-tablet is-3-desktop is-8-widescreen is-2-fullhd pl-0"
>
<div class="column pl-0">
<div class="column pl-0">
<form>
<b-field class="column p-0 my-5 is-full">
<input
class="input column "
class="input column"
v-model="noCuenta"
message="Solo numeros"
required="required"
@@ -52,8 +50,9 @@
v-for="programa in programas"
v-bind:key="programa.idPrograma"
:value="programa.idPrograma"
>{{ programa.programa }}</option
>
{{ programa.programa }}
</option>
</b-select>
</b-field>
@@ -133,7 +132,7 @@
<p>
{{
file.name ||
"Arrastra aquí tu archivo o da click para buscar"
'Arrastra aquí tu archivo o da click para buscar'
}}
</p>
<p>Tamaño máximo 20MB</p>
@@ -150,7 +149,7 @@
type="is-info is-light "
icon-left="arrow-left-box"
class="border-info"
style="float: left;"
style="float: left"
size="is-mediumm"
>
Regresar
@@ -173,184 +172,184 @@
</section>
</template>
<script>
import "buefy/dist/buefy.css";
import validator from "validator";
import axios from "axios";
import moment from "moment";
import 'buefy/dist/buefy.css'
import validator from 'validator'
import axios from 'axios'
import moment from 'moment'
export default {
data() {
return {
token: {
headers: {
token: window.localStorage.getItem("token"),
token: window.localStorage.getItem('token'),
},
},
isLoading: false,
noCuenta: "",
sizeOk: "",
noCuenta: '',
sizeOk: '',
searched: false,
minDate: new Date(),
programaSelectedID: "",
programaSelectedID: '',
file: [],
programas: [],
programaSelected: {
idPrograma: null,
institucion: "",
dependencia: "",
programa: "",
clavePrograma: "",
acatlan: "",
activo: "",
idUsuario: "",
programaInterno: "",
profesor: "",
institucion: '',
dependencia: '',
programa: '',
clavePrograma: '',
acatlan: '',
activo: '',
idUsuario: '',
programaInterno: '',
profesor: '',
},
alumno: {
cuenta: "",
nombre: "",
carrera: "",
creditos: "",
idAlumno: "",
idCarrera: "",
cuenta: '',
nombre: '',
carrera: '',
creditos: '',
idAlumno: '',
idCarrera: '',
inicio: [],
fin: [],
correo: "",
correo: '',
},
};
}
},
methods: {
reset() {
this.programaSelected.idPrograma = "";
this.programaSelected.institucion = "";
this.programaSelected.dependencia = "";
this.programaSelected.programa = "";
this.programaSelected.clavePrograma = "";
this.programaSelected.acatlan = "";
this.programaSelected.activo = "";
this.programaSelected.idUsuario = "";
this.programaSelected.programaInterno = "";
this.programaSelected.profesor = "";
this.programaSelected.idPrograma = ''
this.programaSelected.institucion = ''
this.programaSelected.dependencia = ''
this.programaSelected.programa = ''
this.programaSelected.clavePrograma = ''
this.programaSelected.acatlan = ''
this.programaSelected.activo = ''
this.programaSelected.idUsuario = ''
this.programaSelected.programaInterno = ''
this.programaSelected.profesor = ''
this.alumno.cuenta = "";
this.alumno.nombre = "";
this.alumno.creditos = "";
this.alumno.carrera = "";
this.alumno.idAlumno = "";
this.alumno.idCarrera = "";
this.alumno.correo = "";
this.alumno.inicio = [];
this.alumno.fin = [];
this.alumno.cuenta = ''
this.alumno.nombre = ''
this.alumno.creditos = ''
this.alumno.carrera = ''
this.alumno.idAlumno = ''
this.alumno.idCarrera = ''
this.alumno.correo = ''
this.alumno.inicio = []
this.alumno.fin = []
this.noCuenta = "";
this.file = [];
this.programaSelectedID = "";
this.noCuenta = ''
this.file = []
this.programaSelectedID = ''
},
disabled() {
if (this.programaSelected.acatlan == false) {
if (
this.file != "" &&
this.noCuenta != "" &&
this.alumno.correo != "" &&
this.alumno.inicio != "" &&
this.alumno.fin != "" &&
this.programaSelectedID != ""
this.file != '' &&
this.noCuenta != '' &&
this.alumno.correo != '' &&
this.alumno.inicio != '' &&
this.alumno.fin != '' &&
this.programaSelectedID != ''
)
return false;
else return true;
return false
else return true
} else {
if (
this.file != "" &&
this.noCuenta != "" &&
this.alumno.correo != "" &&
this.alumno.inicio != "" &&
this.alumno.fin != "" &&
this.programaSelectedID != "" &&
this.programaSelected.programaInterno != "" &&
this.programaSelected.profesor != ""
this.file != '' &&
this.noCuenta != '' &&
this.alumno.correo != '' &&
this.alumno.inicio != '' &&
this.alumno.fin != '' &&
this.programaSelectedID != '' &&
this.programaSelected.programaInterno != '' &&
this.programaSelected.profesor != ''
)
return false;
else return true;
return false
else return true
}
},
esNumero(numero) {
const ultimaLetra = numero.length - 1;
const ultimaLetra = numero.length - 1
if (numero && !validator.isNumeric(numero[ultimaLetra])) {
return numero.substr(0, ultimaLetra);
return numero.substr(0, ultimaLetra)
}
return numero;
return numero
},
maxLength(str, max) {
if (str.length > max) return str.substr(0, max);
return str;
if (str.length > max) return str.substr(0, max)
return str
},
correoValidado() {
if (validator.isEmail(this.alumno.correo)) {
return "";
return ''
}
},
error(msj) {
let salir = false;
let salir = false
switch (msj) {
case "invalid signature":
msj = "Tu token no es valido, inicia sesión de nuevo.";
salir = true;
break;
case "jwt expired":
msj = "Tu sesión ha expirado, inicia sesión de nuevo.";
salir = true;
break;
case "jwt malformed":
msj = "No se encontro tu token, inicia sesión de nuevo.";
salir = true;
break;
case "No hay token":
msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
salir = true;
break;
case 'invalid signature':
msj = 'Tu token no es valido, inicia sesión de nuevo.'
salir = true
break
case 'jwt expired':
msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
salir = true
break
case 'jwt malformed':
msj = 'No se encontro tu token, inicia sesión de nuevo.'
salir = true
break
case 'No hay token':
msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
salir = true
break
}
this.$buefy.dialog.alert({
title: "Error",
title: 'Error',
message: msj,
type: "is-danger",
type: 'is-danger',
hasIcon: true,
icon: "alert-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'alert-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
})
if (salir == true) {
localStorage.clear();
this.$router.push(`/`);
localStorage.clear()
this.$router.push(`/`)
}
},
buscarAlumno() {
this.isLoading = true;
this.isLoading = true
axios
.get(
`${process.env.api}/usuario/escolares?numeroCuenta=${this.noCuenta}`,
this.token
)
.then((resp) => {
this.alumno.cuenta = this.noCuenta;
this.alumno.nombre = resp.data.nombre;
this.alumno.carrera = resp.data.carrera;
this.alumno.creditos = parseInt(resp.data.creditos, 10);
this.alumno.idCarrera = resp.data.idCarrera;
this.alumno.idAlumno = resp.data.idUsuario;
this.searched = true;
this.alumno.cuenta = this.noCuenta
this.alumno.nombre = resp.data.nombre
this.alumno.carrera = resp.data.carrera
this.alumno.creditos = parseInt(resp.data.creditos, 10)
this.alumno.idCarrera = resp.data.idCarrera
this.alumno.idAlumno = resp.data.idUsuario
this.searched = true
})
.catch((error) => {
this.error(error.response.data.message);
this.error(error.response.data.message)
})
.finally(() => {
this.isLoading = false;
});
this.isLoading = false
})
},
Enviar() {
this.isLoading = true;
this.isLoading = true
const data = {
idUsuario: this.alumno.idAlumno,
idPrograma: this.programaSelected.idPrograma,
@@ -362,96 +361,96 @@ export default {
profesor: this.programaSelected.profesor,
fechaInicio: moment(this.alumno.inicio),
fechaFin: moment(this.alumno.fin),
};
const formData = new FormData();
}
const formData = new FormData()
formData.append("alumno", JSON.stringify(data));
formData.append("cartaAceptacion", this.file);
formData.append('alumno', JSON.stringify(data))
formData.append('cartaAceptacion', this.file)
axios
.post(`${process.env.api}/servicio/nuevo`, formData, {
headers: {
"Content-Type": "multipart/form-data",
'Content-Type': 'multipart/form-data',
token: this.token.headers.token,
},
})
.then((res) => {
this.$buefy.dialog.alert({
title: "Success",
message: "Se enviaron los datos correctamente",
type: "is-success",
title: 'Success',
message: 'Se enviaron los datos correctamente',
type: 'is-success',
hasIcon: true,
icon: "checkbox-marked-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'checkbox-marked-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
this.reset();
})
this.reset()
})
.catch((error) => {
this.error(error.response.data.message);
this.error(error.response.data.message)
})
.finally(() => {
this.isLoading = false;
});
this.isLoading = false
})
},
},
watch: {
noCuenta() {
if (this.searched === false) {
this.noCuenta = Number(this.noCuenta) < 0 ? "" : this.noCuenta;
this.noCuenta = this.esNumero(this.noCuenta);
this.noCuenta = this.maxLength(this.noCuenta, 9);
this.noCuenta = Number(this.noCuenta) < 0 ? '' : this.noCuenta
this.noCuenta = this.esNumero(this.noCuenta)
this.noCuenta = this.maxLength(this.noCuenta, 9)
} else {
this.noCuenta = "";
this.searched = false;
this.reset();
this.noCuenta = ''
this.searched = false
this.reset()
}
},
programaSelectedID() {
if (this.programaSelectedID) {
for (let i = 0; i < this.programas.length; i++) {
if (this.programas[i].idPrograma === this.programaSelectedID) {
this.programaSelected.idPrograma = this.programas[i].idPrograma;
this.programaSelected.programa = this.programas[i].programa;
this.programaSelected.institucion = this.programas[i].institucion;
this.programaSelected.dependencia = this.programas[i].dependencia;
this.programaSelected.idPrograma = this.programas[i].idPrograma
this.programaSelected.programa = this.programas[i].programa
this.programaSelected.institucion = this.programas[i].institucion
this.programaSelected.dependencia = this.programas[i].dependencia
this.programaSelected.clavePrograma = this.programas[
i
].clavePrograma;
this.programaSelected.acatlan = this.programas[i].acatlan;
this.programaSelected.activo = this.programas[i].activo;
].clavePrograma
this.programaSelected.acatlan = this.programas[i].acatlan
this.programaSelected.activo = this.programas[i].activo
}
}
} else {
this.programaSelected.institucion = "";
this.programaSelected.dependencia = "";
this.programaSelected.programa = "";
this.programaSelected.clavePrograma = "";
this.programaSelected.acatlan = "";
this.programaSelected.activo = "";
this.programaSelected.institucion = ''
this.programaSelected.dependencia = ''
this.programaSelected.programa = ''
this.programaSelected.clavePrograma = ''
this.programaSelected.acatlan = ''
this.programaSelected.activo = ''
//this.programaSelected.idUsuario = "";
this.programaSelected.programaInterno = "";
this.programaSelected.profesor = "";
this.programaSelected.programaInterno = ''
this.programaSelected.profesor = ''
}
},
file() {
if (this.file.size >= 20000000) {
this.$buefy.dialog.alert({
title: "Error",
message: "El tamaño del archivo exede los 20MB",
type: "is-danger",
title: 'Error',
message: 'El tamaño del archivo exede los 20MB',
type: 'is-danger',
hasIcon: true,
icon: "alert-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'alert-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
this.file = [];
})
this.file = []
}
},
"alumno.inicio"() {
this.alumno.fin = [];
'alumno.inicio'() {
this.alumno.fin = []
},
},
mounted() {
@@ -460,26 +459,26 @@ export default {
`${
process.env.api
}/programa/programas_responsable?idUsuario=${localStorage.getItem(
"idUsuario"
'idUsuario'
)}`,
this.token
)
.then((resp) => {
this.programas = resp.data;
this.programas = resp.data
})
.catch((error) => {
this.error(error.response.data.message);
});
this.error(error.response.data.message)
})
this.minDate.setDate(this.minDate.getDate() - 16);
this.minDate.setDate(this.minDate.getDate() - 16)
},
computed: {
minDate2() {
const min = new Date(this.alumno.inicio);
return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate());
const min = new Date(this.alumno.inicio)
return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate())
},
},
};
}
</script>
<style scoped>
.titleAnadir,
+87 -87
View File
@@ -28,7 +28,7 @@
</b-field>
</div>
<div class="column is-3 mb-4 pb-4 ">
<div class="column is-3 mb-4 pb-4">
<b-field>
<b-select icon="information" expanded rounded v-model="idStatus">
<optgroup>
@@ -217,101 +217,101 @@
</template>
<script>
import axios from "axios";
import moment from "moment";
import axios from 'axios'
import moment from 'moment'
export default {
data() {
return {
idTipoUsuario: "",
idUsuario: "",
tipoUsuario: "",
idTipoUsuario: '',
idUsuario: '',
tipoUsuario: '',
data: [],
total: "",
total: '',
isLoading: false,
page: 1,
perPage: 25,
numeroCuenta: "",
nombre: "",
idStatus: "",
idServicio: "",
numeroCuenta: '',
nombre: '',
idStatus: '',
idServicio: '',
token: {
headers: {
token: window.localStorage.getItem("token"),
token: window.localStorage.getItem('token'),
},
},
};
}
},
methods: {
onPageChange(page) {
this.page = page;
this.obtenerDatos();
this.page = page
this.obtenerDatos()
},
types(idStatus) {
if (idStatus === 1) {
return "is-dark";
return 'is-dark'
} else if (idStatus === 2) {
return "is-info";
return 'is-info'
} else if (idStatus === 3) {
return "is-warning";
return 'is-warning'
} else if (idStatus === 4) {
return "is-link";
return 'is-link'
} else if (idStatus === 5) {
return "is-success";
return 'is-success'
} else if (idStatus === 6) {
return "is-success is-light";
return 'is-success is-light'
} else if (idStatus === 7) {
return "is-danger";
return 'is-danger'
} else if (idStatus === 8) {
return "is-danger";
return 'is-danger'
} else if (idStatus === 9) {
return "is-danger";
return 'is-danger'
}
},
botonCarta(cartaTermino, idServicio) {
window.localStorage.setItem("idServicio", idServicio);
window.localStorage.setItem("cartaTermino", cartaTermino);
this.$router.push("/responsable/carta_termino");
window.localStorage.setItem('idServicio', idServicio)
window.localStorage.setItem('cartaTermino', cartaTermino)
this.$router.push('/responsable/carta_termino')
if (cartaTermino === 1) {
return "is-success";
return 'is-success'
} else {
return "is-danger";
return 'is-danger'
}
},
botonCuestionario(cuestionario, idServicio) {
window.localStorage.setItem("idServicio", idServicio);
window.localStorage.setItem("cuestionario", cuestionario);
this.$router.push("/responsable/cuestionario");
window.localStorage.setItem('idServicio', idServicio)
window.localStorage.setItem('cuestionario', cuestionario)
this.$router.push('/responsable/cuestionario')
if (cuestionario === 1) {
return "is-success";
return 'is-success'
} else {
return "is-danger";
return 'is-danger'
}
},
iconoCarta(cartaTermino) {
if (cartaTermino != null) {
return "check";
return 'check'
}
},
iconoCuestionario(cuestionario) {
if (cuestionario != null) {
return "check";
return 'check'
}
},
fecha(date) {
const fecha = moment(date.substr(0, 10));
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
const fecha = moment(date.substr(0, 10))
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
},
obtenerDatos(idStatus) {
this.isLoading = true;
this.data = [];
this.isLoading = true
this.data = []
axios
.get(
`${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`,
this.token
)
.then((res) => {
const servicios = res.data.servicios;
const servicios = res.data.servicios
if (servicios.length !== 0) {
for (let i = 0; i < servicios.length; i++) {
@@ -326,82 +326,82 @@ export default {
cuestionario: servicios[i].idCuestionarioPrograma,
cartaTermino: servicios[i].cartaTermino,
idServicio: servicios[i].idServicio,
});
})
}
}
let currentTotal = servicios.length;
let contador;
let currentTotal = servicios.length
let contador
for (let i = 0; i < res.data.registros / 25 + 1; i++) {
contador = i;
contador = i
}
currentTotal = this.perPage * contador;
this.total = currentTotal;
currentTotal = this.perPage * contador
this.total = currentTotal
})
.catch((error) => {
this.error(error.response.data.message);
this.error(error.response.data.message)
})
.finally(() => {
this.isLoading = false;
});
this.isLoading = false
})
},
cartaAceptacion(idServicio, idStatus) {
window.localStorage.setItem("idServicio", idServicio);
window.localStorage.setItem("cartaAceptacion", idStatus);
this.$router.push("/responsable/carta_aceptacion");
window.localStorage.setItem('idServicio', idServicio)
window.localStorage.setItem('cartaAceptacion', idStatus)
this.$router.push('/responsable/carta_aceptacion')
},
getIdLocal() {
this.idUsuario = localStorage.getItem("idUsuario");
this.idTipoUsuario = localStorage.getItem("idTipoUsuario");
this.tipoUsuario = localStorage.getItem("tipoUsuario");
this.idUsuario = localStorage.getItem('idUsuario')
this.idTipoUsuario = localStorage.getItem('idTipoUsuario')
this.tipoUsuario = localStorage.getItem('tipoUsuario')
if (this.idTipoUsuario != 2 && this.tipoUsuario != "responsable") {
localStorage.clear();
this.$router.push("/");
if (this.idTipoUsuario != 2 && this.tipoUsuario != 'responsable') {
localStorage.clear()
this.$router.push('/')
}
},
error(msj) {
let salir = false;
let salir = false
switch (msj) {
case "invalid signature":
msj = "Tu token no es valido, inicia sesión de nuevo.";
salir = true;
break;
case "jwt expired":
msj = "Tu sesión ha expirado, inicia sesión de nuevo.";
salir = true;
break;
case "jwt malformed":
msj = "No se encontro tu token, inicia sesión de nuevo.";
salir = true;
break;
case "No hay token":
msj = "Ocurrio un error al enviar tu token, inicia sesión de nuevo.";
salir = true;
break;
case 'invalid signature':
msj = 'Tu token no es valido, inicia sesión de nuevo.'
salir = true
break
case 'jwt expired':
msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
salir = true
break
case 'jwt malformed':
msj = 'No se encontro tu token, inicia sesión de nuevo.'
salir = true
break
case 'No hay token':
msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
salir = true
break
}
this.$buefy.dialog.alert({
title: "Error",
title: 'Error',
message: msj,
type: "is-danger",
type: 'is-danger',
hasIcon: true,
icon: "alert-circle",
iconPack: "mdi",
ariaRole: "alertdialog",
icon: 'alert-circle',
iconPack: 'mdi',
ariaRole: 'alertdialog',
ariaModal: true,
});
})
if (salir == true) {
localStorage.clear();
this.$router.push(`/`);
localStorage.clear()
this.$router.push(`/`)
}
},
},
created() {
this.getIdLocal();
this.obtenerDatos(0);
this.getIdLocal()
this.obtenerDatos(0)
},
};
}
</script>
<style>
+3 -3
View File
@@ -1,16 +1,16 @@
<template>
<section class="mensaje has-text-justified is-size-6 ">
<section class="mensaje has-text-justified is-size-6">
<p class="block is-size-5">
Estimado(a) responsable de programa de servicio social:
</p>
<p class="block ">
<p class="block">
Te solicitamos llenar cuidadosamente los campos solicitados a continuación
para iniciar el trámite de registro de servicio social de nuestro
alumno(a), quien a su vez completará posteriormente el proceso en este
mismo sistema con otros datos.
</p>
<p class="block ">
<p class="block">
Es muy importante escribir correctamente el correo del alumno para que el
sistema pueda enviarle la notificación correspondiente de que ya puede
ingresar a completar su registro. También debes tomar en cuenta que la