CIDWA/servicio_social_front
11
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

merge a dev

Browse Source
This commit is contained in:
casnet1
2020-12-08 13:08:42 -06:00
parent 33c1cb5c5e edb45fe414
commit e7b82c83d4
11 changed files with 446 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/admin/servicio/inputTableA.vue
+6 -13
View File
@@ -46,19 +46,13 @@
</div>
<div class="buttons section pt-3 pl-5">
<b-button type="is-info" @click="obtenerDatos()">
<b-button type="is-info" @click="obtenerDatos(idStatus)">
Buscar
</b-button>
</div>
</div>
<div class="buttons section pt-0 pl-0">
<b-button type="is-info">
Ver programas
</b-button>
</div>
<div class="columns">
<section class="column is-12">
<b-table
@@ -177,11 +171,11 @@ export default {
const fecha = moment(date.substr(0, 10))
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
},
obtenerDatos () {
obtenerDatos (idStatus) {
this.loading = true
this.data = []
axios.get(`${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
axios.get(`${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
.then(res => {
const servicios = res.data.servicios
@@ -218,14 +212,13 @@ export default {
window.localStorage.setItem('idServicio', idServicio)
this.$router.push('/admin/servicio')
},
admRes () {
insertIdLocal () {
this.idUsuario = localStorage.getItem('idUsuario')
console.log(this.idUsuario)
}
},
created () {
this.admRes()
this.obtenerDatos()
this.insertIdLocal()
this.obtenerDatos(0)
}
}
</script>
components/alumno/DataAlumno.vue
+170 -117
View File
@@ -2,42 +2,73 @@
<section>
<div class="container px-3">
<div class="progressBar my-6">
<b-steps type="is-success" size="is-large" :has-navigation="false" v-model="activeStep" >
<b-step-item :clickable="false" label="Pre Registro" icon="account-plus"></b-step-item>
<b-step-item :clickable="false" label="Registro" icon="account-clock"></b-step-item>
<b-step-item :clickable="false" label="Registro Validado" icon="account"></b-step-item>
<b-step-item :clickable="false" label="Pre Termino" icon="account-details"></b-step-item>
<b-step-item :clickable="false" label="Termino" icon="account-clock"></b-step-item>
<b-step-item :clickable="false" label="Liberacion" icon="account-check"></b-step-item>
</b-steps>
<b-steps
type="is-success"
size="is-large"
:has-navigation="false"
v-model="activeStep"
>
<b-step-item
:clickable="false"
label="Pre Registro"
icon="account-plus"
></b-step-item>
<b-step-item
:clickable="false"
label="Registro"
icon="account-clock"
></b-step-item>
<b-step-item
:clickable="false"
label="Registro Validado"
icon="account"
></b-step-item>
<b-step-item
:clickable="false"
label="Pre Termino"
icon="account-details"
></b-step-item>
<b-step-item
:clickable="false"
label="Termino"
icon="account-clock"
></b-step-item>
<b-step-item
:clickable="false"
label="Liberacion"
icon="account-check"
></b-step-item>
</b-steps>
</div>
<div class="mensajeDiv" v-for="mensaje in mensajes" :key="mensaje.status" >
<div v-if="mensaje.mensaje !='' && mensaje.status == activeStep">
<p class="mensaje has-text-justified">
<span class="block is-size-5">Estimado alumno(a): </span><br><br>
{{mensaje.mensaje}}
</p>
<div class="mensajeDiv" v-for="mensaje in mensajes" :key="mensaje.status">
<div v-if="mensaje.mensaje != '' && mensaje.status == activeStep">
<p class="mensaje has-text-justified">
<span class="block is-size-5">Estimado alumno(a): </span
><br /><br />
{{ mensaje.mensaje }}
</p>
</div>
</div>
</div>
<div class="info" >
<div class="info-programa">
<div class="info">
<div class="info-programa">
<h3 class="title is-3">Información del programa</h3>
<p><strong> Programa: </strong> {{ programa.programa }} </p>
<p><strong> Programa: </strong> {{ programa.programa }}</p>
<p><strong> Institución: </strong> {{ programa.institucion }}</p>
<p><strong> Dependencia: </strong> {{ programa.dependencia }}</p>
<p><strong> Clave del programa: </strong> {{ programa.clave }}</p>
<div v-if="programa.acatlan == true">
<p><strong> Programa Interno: </strong> {{ programa.programaInterno }}</p>
<p><strong> Profesor: </strong> {{ programa.profesor }}</p>
<p>
<strong> Programa Interno: </strong>
{{ programa.programaInterno }}
</p>
<p><strong> Profesor: </strong> {{ programa.profesor }}</p>
</div>
</div>
<div class="info-alumno mt-6">
</div>
<div class="info-alumno mt-6">
<h3 class="title is-3">Información del alumno</h3>
<p><strong> Nombre: </strong> {{ alumno.nombre }} </p>
<p><strong> Nombre: </strong> {{ alumno.nombre }}</p>
<p><strong> Número de cuenta: </strong> {{ alumno.cuenta }}</p>
<p><strong> Carrera: </strong> {{ alumno.carrera }}</p>
<p><strong> Correo: </strong> {{ alumno.correo }}</p>
@@ -45,112 +76,126 @@
<div class="mt-4 info-extra" v-if="activeStep >= 2">
<p><strong> Direccion: </strong> {{ alumno.direccion }}</p>
<p><strong> Telefono: </strong> {{ alumno.telefono }}</p>
<p><strong> Fecha de nacimiento: </strong> {{ alumno.nacimiento }}</p>
<p>
<strong> Fecha de nacimiento: </strong> {{ alumno.nacimiento }}
</p>
</div>
</div>
</div>
</div>
<div class="registro" v-if="activeStep==1">
<div class="registro" v-if="activeStep == 1">
<h3 class="title is-3 my-5">Formulario Pre-registro</h3>
<form >
<form>
<b-field label="Fecha de nacimiento">
<b-datepicker
placeholder="Fecha de nacimiento"
icon="calendar-today"
v-model="nacimiento"
>
</b-datepicker>
<b-datepicker
placeholder="Fecha de nacimiento"
icon="calendar-today"
v-model="nacimiento"
>
</b-datepicker>
</b-field>
<b-field label="Telefono">
<b-input placeholder="Telefono" maxlength="10" v-model="telefono" type="tel" >
</b-input>
<b-input
placeholder="Telefono"
maxlength="10"
v-model="telefono"
type="tel"
>
</b-input>
</b-field>
<b-field label="Direccion">
<b-input maxlength="200 " placeholder="Direccion" type="textarea" v-model="direccion"></b-input>
<b-input
maxlength="200 "
placeholder="Direccion"
type="textarea"
v-model="direccion"
></b-input>
</b-field>
</form>
<div class="my-4 mb-6">
<b-field >
<b-field>
<button
:disabled="nacimiento=='' || telefono=='' || direccion==''"
class="button is-success is-medium"
@click="enviarRegistro()"
:disabled="nacimiento == '' || telefono == '' || direccion == ''"
class="button is-success is-medium"
@click="enviarRegistro()"
>
Enviar
Enviar
</button>
</b-field>
</div>
</div>
<div class="registro-validado" v-if="activeStep==2">
</div>
<div class="registro-validado" v-if="activeStep == 2"></div>
<div class="pre-termino" v-if="activeStep==3 || activeStep==9">
<h3 class="title is-4 mt-6">Cuestionario de evaluación del programa de servicio social</h3>
<div class=" my-6" v-if="alumno.idCuestionario == null">
<b-button tag="router-link"
<div class="pre-termino" v-if="activeStep == 3 || activeStep == 9">
<h3 class="title is-4 mt-6">
Cuestionario de evaluación del programa de servicio social
</h3>
<div class="my-6" v-if="alumno.idCuestionario == null">
<b-button
tag="router-link"
to="/alumno/cuestionario"
type="is-info is-light "
icon-left="book-open"
class="border-info"
size="is-medium"
>
cuestionario
>
cuestionario
</b-button>
</div>
<div class="is-flex " v-else>
<p class="block is-size-5">Cuestionario contestado </p>
<b-icon
icon="check-bold"
size="is-small"
type="is-success">
</b-icon>
<div class="is-flex" v-else>
<p class="block is-size-5">Cuestionario contestado</p>
<b-icon icon="check-bold" size="is-small" type="is-success"> </b-icon>
</div>
<h3 class="title is-4 mt-6">Informe global de actividades (en formato .PDF. No se aceptan fotos).</h3>
<h3 class="title is-4 mt-6">
Informe global de actividades (en formato .PDF. No se aceptan fotos).
</h3>
<div v-if="alumno.informeGlobal == null">
<b-field type="black">
<b-upload v-model="file" type="black" drag-drop expanded accept="application/pdf">
<b-upload
v-model="file"
type="black"
drag-drop
expanded
accept="application/pdf"
>
<section class="section">
<div class="content has-text-centered">
<p>
<b-icon icon="upload" size="is-large"></b-icon>
</p>
<p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
<p>
{{
file.name ||
"Arrastra aquí tu archivo o da click para buscar"
}}
</p>
</div>
</section>
</b-upload>
</b-field>
<b-field class="derecha">
<button :disabled='file == ""'
class="button is-success is-medium mb-4"
@click="enviarInforme()"
>
Enviar
</button>
<button
:disabled="file == ''"
class="button is-success is-medium mb-4"
@click="enviarInforme()"
>
Enviar
</button>
</b-field>
</div>
<div class="is-flex " v-else>
<p class="block is-size-5">Informe contestado </p>
<b-icon
icon="check-bold"
size="is-small"
type="is-success">
</b-icon>
<div class="is-flex" v-else>
<p class="block is-size-5">Informe contestado</p>
<b-icon icon="check-bold" size="is-small" type="is-success"> </b-icon>
</div>
</div>
<div class="termino" v-if="activeStep==4">
</div>
<div class="Liberacion" v-if="activeStep==5">
</div>
<div class="termino" v-if="activeStep == 4"></div>
<div class="Liberacion" v-if="activeStep == 5"></div>
</div>
</section>
</template>
@@ -185,7 +230,6 @@ export default {
idServicio: '',
inicio: [],
fin: []
},
programa: {
programa: '',
@@ -199,10 +243,22 @@ export default {
mensajes: [
{ status: 0, mensaje: '' },
{ status: 1, mensaje: '' },
{ status: 2, mensaje: 'Te informamos que el Área de Registro y Control de Servicio Social ha validado tu solicitud de registro de servicio social por lo que el siguiente trámite lo realizarás hasta que concluyas 480 horas en un periodo de mínimo 6 meses y obtengas tu carta de término por parte de la institución, quien se encargará de subir dicho archivo a este sistema, además de responder un cuestionario sobre tu desempeño. A su vez, deberás responder el siguiente cuestionario de evaluación del programa de servicio social en donde participaste y enviar el informe global de actividades elaborado por ti, con firma y sello de visto bueno de tu jefe inmediato. En cuanto el Área de Registro y Control de Servicio Social valide tu solicitud, podrás revisar las indicaciones del siguiente paso en el panel llamado “Liberación” Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 14:00 hrs. y de 16:00 a 20:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@acatlan.unam.mx' },
{
status: 2,
mensaje:
'Te informamos que el Área de Registro y Control de Servicio Social ha validado tu solicitud de registro de servicio social por lo que el siguiente trámite lo realizarás hasta que concluyas 480 horas en un periodo de mínimo 6 meses y obtengas tu carta de término por parte de la institución, quien se encargará de subir dicho archivo a este sistema, además de responder un cuestionario sobre tu desempeño. A su vez, deberás responder el siguiente cuestionario de evaluación del programa de servicio social en donde participaste y enviar el informe global de actividades elaborado por ti, con firma y sello de visto bueno de tu jefe inmediato. En cuanto el Área de Registro y Control de Servicio Social valide tu solicitud, podrás revisar las indicaciones del siguiente paso en el panel llamado “Liberación” Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 14:00 hrs. y de 16:00 a 20:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@acatlan.unam.mx'
},
{ status: 3, mensaje: '' },
{ status: 4, mensaje: 'Espera a que tus documentos sean validados por el Departamento de Servicio Social y Bolsa de Trabajo' },
{ status: 5, mensaje: 'Te confirmamos que has concluido con los trámites necesarios para la liberación de tu servicio social por lo que ahora sólo queda esperar a que en máximo 15 días hábiles se te notifique por correo electrónico a partir de cuándo puedes recoger la copia de tu carta de liberación en las ventanillas del Área de Registro y Control de Servicio Social. Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 13:00 hrs. y de 16:00 a 19:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@apolo.acatlan.unam.mx' },
{
status: 4,
mensaje:
'Espera a que tus documentos sean validados por el Departamento de Servicio Social y Bolsa de Trabajo'
},
{
status: 5,
mensaje:
'Te confirmamos que has concluido con los trámites necesarios para la liberación de tu servicio social por lo que ahora sólo queda esperar a que en máximo 15 días hábiles se te notifique por correo electrónico a partir de cuándo puedes recoger la copia de tu carta de liberación en las ventanillas del Área de Registro y Control de Servicio Social. Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 13:00 hrs. y de 16:00 a 19:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@apolo.acatlan.unam.mx'
},
{ status: 6, mensaje: '' },
{ status: 7, mensaje: '' },
{ status: 8, mensaje: '' },
@@ -211,7 +267,6 @@ export default {
}
},
methods: {
enviarRegistro () {
const loadingComponent = this.$buefy.loading.open({
container: this.isFullPage ? null : this.$refs.element.$el
@@ -224,8 +279,9 @@ export default {
fechaNacimiento: moment(this.nacimiento)
}
axios.put(`${process.env.api}/servicio/registro_validado`, data)
.then(res => {
axios
.put(`${process.env.api}/servicio/registro_validado`, data)
.then((res) => {
loadingComponent.close()
this.$buefy.dialog.alert({
title: 'Success',
@@ -240,7 +296,7 @@ export default {
this.reset()
})
.catch(error => {
.catch((error) => {
loadingComponent.close()
this.$buefy.dialog.alert({
title: 'Error',
@@ -260,19 +316,19 @@ export default {
})
const data = {
idServicio: this.alumno.idServicio
}
const formData = new FormData()
console.log(data)
formData.append('data', JSON.stringify(data))
formData.append('informeGlobal', this.file)
axios.put(`${process.env.api}/servicio/informe_global`, formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(res => {
axios
.put(`${process.env.api}/servicio/informe_global`, formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then((res) => {
loadingComponent.close()
this.$buefy.dialog.alert({
title: 'Success',
@@ -287,7 +343,7 @@ export default {
this.reset()
})
.catch(error => {
.catch((error) => {
loadingComponent.close()
this.$buefy.dialog.alert({
title: 'Error',
@@ -303,19 +359,19 @@ export default {
}
},
computed: {
steps () {
const steps = [...this.baseSteps]
return steps
}
},
created () {
axios.get(`${process.env.api}/servicio/alumno`, {
params: {
idUsuario: localStorage.getItem('idUsuario')
}
})
.then(resp => {
axios
.get(`${process.env.api}/servicio/alumno`, {
params: {
idUsuario: localStorage.getItem('idUsuario')
}
})
.then((resp) => {
console.log(resp.data)
this.activeStep = resp.data.Status.idStatus - 1
@@ -341,30 +397,27 @@ export default {
this.alumno.nombre = localStorage.getItem('nombre')
this.alumno.cuenta = localStorage.getItem('usuario')
})
.catch(error => {
.catch((error) => {
console.log(error.message)
})
}
}
</script>
<style scoped>
.border-info{
border: 1px solid #167df0 ;
.border-info {
border: 1px solid #167df0;
}
.info-alumno p{
margin-bottom: .8rem;
.info-alumno p {
margin-bottom: 0.8rem;
}
.info-programa p{
margin-bottom: .8rem;
.info-programa p {
margin-bottom: 0.8rem;
}
.mensaje{
.mensaje {
margin: 3.5rem 0;
}
.else{
.else {
display: flex;
align-content: center !important;
}
components/alumno/ejemplo.vue
-9
View File
@@ -1,9 +0,0 @@
<template>
<section class="container">
<p>hola</p>
</section>
</template>
<script>
export default {}
</script>
components/layouts/Logout.vue
+22 -7
View File
@@ -1,27 +1,42 @@
<template>
<section>
<nav class="container is-flex is-justify-content-flex-end">
<b-button type="is-danger" @click="cerrarSesion()">Cerrar Sesión</b-button>
<nav
class="container is-flex is-justify-content-space-between has-text-white is-align-items-center"
>
<p>{{ usuario }}</p>
<b-button type="is-danger is-small my-1 rojo" @click="cerrarSesion()"
>Cerrar Sesión</b-button
>
</nav>
</section>
</template>
<script>
export default {
data() {
return { usuario: "" };
},
created() {
this.usuario = localStorage.getItem("usuario");
},
methods: {
cerrarSesion () {
cerrarSesion() {
// localStorage.removeItem('user')
// localStorage.removeItem('token')
// localStorage.removeItem('')
this.$router.push('/')
}
}
}
this.$router.push("/");
},
},
};
</script>
<style scoped>
section {
background-color: #bb8800;
}
.rojo {
background-color: #dc3545;
}
</style>
components/responsable/cartaTermino.vue
+38
View File
@@ -0,0 +1,38 @@
<template>
<div class="container">
<h3 class="title is-4 mt-6">Carta de aceptación (en formato .PDF. No se aceptan fotos).</h3>
<b-field>
<b-upload v-model="file" drag-drop type="is-black" expanded accept="application/pdf">
<section class="section">
<div class="content has-text-centered">
<p>
<b-icon icon="upload" size="is-large"></b-icon>
</p>
<p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
</div>
</section>
</b-upload>
</b-field>
<b-button
class="border-info my-5"
type="is-info"
tag="router-link"
to="/responsable">Enviar</b-button>
</div>
</template>
<script>
export default {
data () {
return {
file: ''
}
}
}
</script>
<style>
</style>
components/responsable/cuestionario.vue
+135
View File
@@ -0,0 +1,135 @@
<template>
<div class="container">
<div class="section">
<h1 class="title is-3">Estimad(a) responsable de programa de servicio social: </h1>
<p>Te solicitamos llenar cuidadosamente los campos solicitados a continuación para poder validar el término del servicio social de nuestro alumno(a)</p>
</div>
<section class="section pt-0">
<h3 class="subtitle is-5">Mencione 5 actividades desempeñadas por el alumno: </h3>
<b-input class="my-4" placeholder="1.-" v-model="actividad1" maxlength="800"></b-input>
<b-input class="my-4" placeholder="2.-" v-model="actividad2" maxlength="800"></b-input>
<b-input class="my-4" placeholder="3.-" v-model="actividad3" maxlength="800"></b-input>
<b-input class="my-4" placeholder="4.-" v-model="actividad4" maxlength="800"></b-input>
<b-input class="mt-3" placeholder="5.-" v-model="actividad5" maxlength="800"></b-input>
</section>
<section class="section pt-0">
<p>Con el objetivo de retroalimentar académica de nuestros alumnos de la licenciatura le solicitamos que responda a las siguientes <br>
preguntas de acuerdo a la siguiente escala: </p>
<div class="level mt-5">
<p class="level-item has-text-centered">4)Exelente</p> <p class="level-item has-text-around">3)Bueno</p> <p class="level-item has-text-around">2)Regular</p> <p class="level-item has-text-around">1)Deficiente</p>
</div>
</section>
<section class="section pt-0">
<div class="columns">
<p class="column is- 9">1. Conocimiento teóricos para las funciones encomendadas</p>
<b-field class="column is-2">
<b-select placeholder="seleccionar">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</b-select>
</b-field>
</div>
<br>
<div class="columns">
<p class="column is- 9">2. Conocimientos técnicos para las funciones encomendadas</p>
<b-field class="column is-2">
<b-select placeholder="seleccionar">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</b-select>
</b-field>
</div>
<br>
<div class="columns">
<p class="column is- 9">3. Iniciativa para la implementación de mejoras en la empresa</p>
<b-field class="column is-2">
<b-select placeholder="seleccionar">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</b-select>
</b-field>
</div>
<br>
<div class="columns">
<p class="column is- 9">4. Puntualidad en la entrega de los trabajos de las tareas encomendadas</p>
<b-field class="column is-2">
<b-select placeholder="seleccionar">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</b-select>
</b-field>
</div>
<br>
<div class="columns">
<p class="column is- 9">5. Desempeño general de sus funciones</p>
<b-field class="column is-2">
<b-select placeholder="seleccionar">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</b-select>
</b-field>
</div>
<p class="my-5">6. De acuerdo a lo observado ¿cuáles considera que son las cualidades de nuestros alumnos de esta licenciatura?</p>
<b-input placeholder="Respuesta" maxlength="150"></b-input>
<p class="my-5">7. De acuerdo a lo observado ¿cuáles considera que son los aspectos a mejorar en la formación de nuestros alumnos de esta licenciatura?</p>
<b-input placeholder="Respuesta" maxlength="150"></b-input>
<b-button
class="border-info my-5"
type="is-info"
tag="router-link"
to="/responsable"
>Regresar</b-button>
<b-button
class="border-info my-5"
type="is-info"
tag="router-link"
to="/responsable"
>Enviar</b-button>
</section>
</div>
</template>
<script>
export default {
data () {
return {
actividad1: '',
actividad2: '',
actividad3: '',
actividad4: '',
actividad5: ''
}
},
methods: {
imprime () {
console.log(this.actividad1)
}
}
}
</script>
<style>
</style>
components/responsable/inputTable.vue
+30 -15
View File
@@ -45,7 +45,7 @@
</div>
<div class="buttons section pt-3 pl-5">
<b-button type="is-info" @click="obtenerDatos()">
<b-button type="is-info" @click="obtenerDatos(idStatus)">
Buscar
</b-button>
</div>
@@ -67,26 +67,33 @@
@page-change="onPageChange"
>
<b-table-column field="nombre" label="Nombre" v-slot="props" centered>
<span>{{ props.row.nombre}}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.nombre}}</span>
<span v-else>{{ props.row.nombre}}</span>
</b-table-column>
<b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered width="100">
<span >{{ props.row.numeroCuenta}}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
<span v-else>{{ props.row.numeroCuenta}}</span>
</b-table-column>
<b-table-column field="carrera" label="Carrera" v-slot="props" centered>
<span >{{ props.row.carrera}}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.carrera}}</span>
<span v-else>{{ props.row.carrera}}</span>
</b-table-column>
<b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
<span >{{ fecha(props.row.fechaInicio) }}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
<span v-else>{{ fecha(props.row.fechaInicio) }}</span>
</b-table-column>
<b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
<span >{{ fecha(props.row.fechaFin) }}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
<span v-else>{{ fecha(props.row.fechaFin) }}</span>
</b-table-column>
<b-table-column field="status" label="Status" v-slot="props" centered>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
<span class="tag" :class="types(props.row.idStatus)">{{ props.row.status}}</span>
</b-table-column>
<b-table-column field="cartaTermino" label="Carta Término" v-slot="props" centered v-if="idUsuario == 2">
<div v-if="props.row.idStatus >= 4">
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)"> ----- </span>
<div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
<span
v-if="props.row.cartaTermino === 1"
>
@@ -105,7 +112,8 @@
</b-table-column>
<b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="idUsuario == 2">
<div v-if="props.row.status === 'Pre-Termino'">
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)"> ----- </span>
<div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
<span
v-if="props.row.cuestionario === 1"
>
@@ -177,6 +185,7 @@ export default {
}
},
botonCarta (cartaTermino) {
this.$router.push('/responsable/cartaTermino')
if (cartaTermino === 1) {
return 'is-success'
} else {
@@ -184,6 +193,7 @@ export default {
}
},
botonCuestionario (cuestionario) {
this.$router.push('/responsable/cuestionario')
if (cuestionario === 1) {
return 'is-success'
} else {
@@ -208,11 +218,10 @@ export default {
const fecha = moment(date.substr(0, 10))
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
},
obtenerDatos () {
obtenerDatos (idStatus) {
this.loading = 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}`)
axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
.then(res => {
const servicios = res.data.servicios
@@ -246,14 +255,17 @@ export default {
this.loading = false
})
},
admRes () {
Servicio (idServicio) {
window.localStorage.setItem('idServicio', idServicio)
this.$router.push('/responsable/cartaTermino')
},
insertIdLocal () {
this.idUsuario = localStorage.getItem('idUsuario')
console.log(this.idUsuario)
}
},
created () {
this.admRes()
this.obtenerDatos()
this.insertIdLocal()
this.obtenerDatos(0)
}
}
</script>
@@ -274,4 +286,7 @@ export default {
background-color: #1b3d70;
border-color: #1b3d70;
}
.cursor{
cursor: pointer;
}
</style>
nuxt.config.js
+17 -22
View File
@@ -4,28 +4,24 @@ export default {
ssr: false,
// Target (https://go.nuxtjs.dev/config-target)
target: 'static',
target: "static",
// Global page headers (https://go.nuxtjs.dev/config-head)
head: {
title: 'servicio_social_front',
title: "servicio_social_front",
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' }
{ charset: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{ hid: "description", name: "description", content: "" },
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
},
// Global CSS (https://go.nuxtjs.dev/config-css)
css: [
],
css: [],
// Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
plugins: [
],
plugins: [],
// Auto import components (https://go.nuxtjs.dev/config-components)
components: true,
@@ -39,21 +35,20 @@ export default {
// Modules (https://go.nuxtjs.dev/config-modules)
modules: [
// https://go.nuxtjs.dev/buefy
'nuxt-buefy',
"nuxt-buefy",
// https://go.nuxtjs.dev/axios
'@nuxtjs/axios'
"@nuxtjs/axios",
],
// Axios module configuration (https://go.nuxtjs.dev/config-axios)
axios: {},
// Build Configuration (https://go.nuxtjs.dev/config-build)
build: {
},
build: {},
env: {
//api: 'http://localhost:3000'
api: 'https://b82ccc416703.ngrok.io'
//api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
}
}
// api: 'http://localhost:3000'
api: "tramites.ss@acatlan.unam.mx",
// api: 'https://b82ccc416703.ngrok.io'
// api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
},
};
pages/admin/index.vue
+7
View File
@@ -1,6 +1,13 @@
<template>
<div class="container">
<div class="section">
<div class="buttons section py-0 pl-0">
<b-button type="is-info">
Ver programas
</b-button>
</div>
<div class="pb-0">
<p class="title is-three-fifths is-offset-one-fifth">Servicios Sociales</p>
</div>
pages/responsable/cartaTermino/index.vue
+14
View File
@@ -0,0 +1,14 @@
<template>
<section>
<Cuestionario />
</section>
</template>
<script>
import Cuestionario from '../../../components/responsable/cartaTermino'
export default {
components: {
Cuestionario
}
}
</script>
pages/responsable/cuestionario/index.vue
+7 -2
View File
@@ -1,9 +1,14 @@
<template>
<section>
hola
<cuestionario />
</section>
</template>
<script>
export default {}
import Cuestionario from '../../../components/responsable/cuestionario'
export default {
components: {
Cuestionario
}
}
</script>