vistas de usuario y boton a responsable
This commit is contained in:
casnet1
@@ -0,0 +1,258 @@
|
||||
<template>
|
||||
<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 label="Pre Registro" icon="account-plus"></b-step-item>
|
||||
<b-step-item label="Registro" icon="account-clock"></b-step-item>
|
||||
<b-step-item label="Registro Validado" icon="account"></b-step-item>
|
||||
<b-step-item label="Pre Termino" icon="account-details"></b-step-item>
|
||||
<b-step-item label="Termino" icon="account-clock"></b-step-item>
|
||||
<b-step-item label="Liberacion" icon="account-check"></b-step-item>
|
||||
</b-steps>
|
||||
</div>
|
||||
|
||||
<div class="info" >
|
||||
<div class="info-programa">
|
||||
<h3 class="title is-3">Información del programa</h3>
|
||||
<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>
|
||||
</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> Número de cuenta: </strong> {{ alumno.cuenta }}</p>
|
||||
<p><strong> Carrera: </strong> {{ alumno.carrera }}</p>
|
||||
<p><strong> Correo: </strong> {{ alumno.correo }}</p>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="registro" v-if="activeStep==1">
|
||||
<h3 class="title is-3 my-5">Formulario Pre-registro</h3>
|
||||
<form >
|
||||
<b-field label="Fecha de nacimiento">
|
||||
<b-datepicker
|
||||
placeholder="Inicio"
|
||||
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-field>
|
||||
|
||||
<b-field label="Direccion">
|
||||
<b-input maxlength="200 " placeholder="Direccion" type="textarea" v-model="direccion"></b-input>
|
||||
</b-field>
|
||||
|
||||
</form>
|
||||
<div class="my-4 mb-6">
|
||||
<b-field >
|
||||
<button
|
||||
:disabled="nacimiento=='' || telefono=='' || direccion==''"
|
||||
class="button is-success is-medium"
|
||||
@click="open"
|
||||
>
|
||||
Enviar
|
||||
</button>
|
||||
</b-field>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="registro-validado" v-if="activeStep==2">
|
||||
<p class="mensaje">
|
||||
<span class="block is-size-5"> Estimado alumno(a): </span> <br> <br>
|
||||
Te informamos que la dependencia en donde decidiste realizar tu servicio social ya validó tu registro.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="pre-termino" v-if="activeStep==3">
|
||||
<h3 class="title is-4 mt-6">Cuestionario de evaluación del programa de servicio social</h3>
|
||||
<div class=" my-6" v-if="alumno.cuestionario==false">
|
||||
<b-button tag="router-link"
|
||||
to="/alumno/cuestionario"
|
||||
type="is-info is-light "
|
||||
icon-left="book-open"
|
||||
class="border-info"
|
||||
size="is-medium"
|
||||
>
|
||||
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>
|
||||
|
||||
<h3 class="title is-4 mt-6">Informe global de actividades (en formato .PDF. No se aceptan fotos).</h3>
|
||||
<div v-if="alumno.informe==false">
|
||||
<b-field>
|
||||
<b-upload v-model="file" 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>
|
||||
</div>
|
||||
</section>
|
||||
</b-upload>
|
||||
|
||||
</b-field>
|
||||
<b-field class="derecha">
|
||||
<button :disabled='file == ""'
|
||||
class="button is-success is-medium mb-4"
|
||||
@click="open"
|
||||
style="float: right;">
|
||||
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>
|
||||
|
||||
<p class="mensaje has-text-justified">
|
||||
<span class="block is-size-5">Estimado alumno(a): </span><br><br>
|
||||
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
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="termino" v-if="activeStep==4">
|
||||
|
||||
<p class="mensaje has-text-justified">
|
||||
<span class="block is-size-5">Estimado alumno(a): </span><br><br>
|
||||
Espera a que tus documentos sean validados por el Departamento
|
||||
de Servicio Social y Bolsa de Trabajo
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="Liberacion" v-if="activeStep==5">
|
||||
<p></p>
|
||||
|
||||
<p>
|
||||
</p>
|
||||
<p class="mensaje has-text-justified">
|
||||
<span class="block is-size-5">Estimado alumno(a): </span><br><br>
|
||||
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.
|
||||
<br>
|
||||
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
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- <pre class="my-6">{{$data}}</pre> -->
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
activeStep: 1,
|
||||
file: [],
|
||||
nacimiento: '',
|
||||
telefono: '',
|
||||
direccion: '',
|
||||
alumno: {
|
||||
carrera: 'Matematicas Aplicadas',
|
||||
nombre: 'Jose Jose Lopez Lopez',
|
||||
cuenta: '123456789',
|
||||
correo: 'ejmplo@eje.com',
|
||||
direccion: 'avenida 21 estado de mexico',
|
||||
nacimiento: [],
|
||||
telefono: '5511223344',
|
||||
cuestionario: true,
|
||||
informe: true
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open () {
|
||||
const loadingComponent = this.$buefy.loading.open({
|
||||
container: this.isFullPage ? null : this.$refs.element.$el
|
||||
})
|
||||
setTimeout(() => loadingComponent.close(), 3 * 1000)
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
baseSteps () {
|
||||
return [
|
||||
{
|
||||
label: 'Pictures',
|
||||
content: 'Pictures: Lorem ipsum dolor sit amet.',
|
||||
displayed: true
|
||||
},
|
||||
{
|
||||
label: 'Music',
|
||||
content: 'Music: Lorem ipsum dolor sit amet.',
|
||||
displayed: this.showMusic
|
||||
},
|
||||
{
|
||||
label: 'Games',
|
||||
content: 'Games: Lorem ipsum dolor sit amet.',
|
||||
displayed: true,
|
||||
visible: this.showGames
|
||||
},
|
||||
{
|
||||
label: 'Videos',
|
||||
content: 'Videos: Lorem ipsum dolor sit amet.',
|
||||
displayed: true
|
||||
}
|
||||
]
|
||||
},
|
||||
steps () {
|
||||
const steps = [...this.baseSteps]
|
||||
return steps
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.border-info{
|
||||
border: 1px solid #167df0 ;
|
||||
}
|
||||
.info-alumno p{
|
||||
margin-bottom: .8rem;
|
||||
|
||||
}
|
||||
.info-programa p{
|
||||
margin-bottom: .8rem;
|
||||
|
||||
}
|
||||
.mensaje{
|
||||
margin: 3.5rem 0;
|
||||
}
|
||||
.else{
|
||||
display: flex;
|
||||
align-content: center !important;
|
||||
}
|
||||
</style>
|
||||
@@ -1,9 +0,0 @@
|
||||
<template>
|
||||
<section>
|
||||
hola
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
</script>
|
||||
@@ -1,9 +1,12 @@
|
||||
<template>
|
||||
<section>
|
||||
hola
|
||||
<DataAlumno />
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
import DataAlumno from '../../components/alumno/DataAlumno'
|
||||
export default {
|
||||
components: { DataAlumno }
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -1,17 +1,27 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="columns is-mobile">
|
||||
<div class="column column is-12">
|
||||
<section class="mensaje has-text-justified is-size-6-desktop is-size-6-widescreen is-size-5-fullhd">
|
||||
<p class="block">Estimado(a) responsable de programa de servicio social:</p>
|
||||
<div class="column ">
|
||||
|
||||
<p class="block is-size-7">
|
||||
<b-button tag="router-link"
|
||||
to="/responsable"
|
||||
type="is-info is-light "
|
||||
icon-left="arrow-left-box"
|
||||
class="border-info my-5"
|
||||
>
|
||||
regresar
|
||||
</b-button>
|
||||
|
||||
<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 ">
|
||||
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 is-size-7">
|
||||
<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
|
||||
@@ -27,13 +37,13 @@
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h1 class="title is-1 mt-6">
|
||||
<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">
|
||||
<form>
|
||||
<b-field class="column p-0 my-6 is-full">
|
||||
<b-field class="column p-0 my-5 is-full">
|
||||
<input
|
||||
class="input column "
|
||||
v-model="noCuenta"
|
||||
@@ -41,7 +51,7 @@
|
||||
required="required"
|
||||
maxlength="9" type="number"
|
||||
placeholder="Cuenta"
|
||||
min="0"></input>
|
||||
min="0" />
|
||||
|
||||
<p class="control">
|
||||
<b-button class="button is-info" @click=" simple()">Buscar</b-button>
|
||||
@@ -75,21 +85,21 @@
|
||||
<div class="input">{{ programaSelected.institucion }}</div>
|
||||
</b-field>
|
||||
|
||||
<b-field label="Dendencia">
|
||||
<b-field label="Dendencia">
|
||||
<div class="input">{{ programaSelected.dependencia }}</div>
|
||||
</b-field>
|
||||
|
||||
<b-field label="Clave del programa">
|
||||
<b-field label="Clave del programa">
|
||||
<div class="input">{{ programaSelected.clave }}</div>
|
||||
</b-field>
|
||||
|
||||
<b-field label="Fecha de inicio">
|
||||
<b-datepicker
|
||||
placeholder="Inicio"
|
||||
icon="calendar-today"
|
||||
v-model="dataSend.inicio[0]"
|
||||
:min-date="minDate1">
|
||||
</b-datepicker>
|
||||
<b-datepicker
|
||||
placeholder="Inicio"
|
||||
icon="calendar-today"
|
||||
v-model="dataSend.inicio[0]"
|
||||
:min-date="minDate1">
|
||||
</b-datepicker>
|
||||
</b-field>
|
||||
|
||||
<b-field label="Fecha de fin" v-if="dataSend.inicio">
|
||||
@@ -121,12 +131,27 @@
|
||||
</b-field>
|
||||
|
||||
</form>
|
||||
<b-field class="derecha">
|
||||
<button :disabled='dataSend.file == "" || noCuenta == "" || dataSend.correo == "" || dataSend.inicio == "" || dataSend.fin == "" ' class="button is-success is-medium" @click="open" style="float: right; margin:2rem 0;">
|
||||
Enviar
|
||||
</button>
|
||||
</b-field>
|
||||
<div class="my-6">
|
||||
<b-button tag="router-link"
|
||||
to="/responsable"
|
||||
type="is-info is-light "
|
||||
icon-left="arrow-left-box"
|
||||
class="border-info"
|
||||
style="float: left;"
|
||||
size="is-medium"
|
||||
>
|
||||
regresar
|
||||
</b-button>
|
||||
|
||||
<b-field class="derecha">
|
||||
<button :disabled='dataSend.file == "" || noCuenta == "" || dataSend.correo == "" || dataSend.inicio == "" || dataSend.fin == ""'
|
||||
class="button is-success is-medium"
|
||||
@click="open"
|
||||
style="float: right;">
|
||||
Enviar
|
||||
</button>
|
||||
</b-field>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -264,8 +289,8 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.mensaje,pre{
|
||||
margin: 4rem 0;
|
||||
.titleAnadir,pre{
|
||||
margin: 4rem 0 0rem 0;
|
||||
}
|
||||
.enviar{
|
||||
display: flex;
|
||||
@@ -281,5 +306,8 @@ export default {
|
||||
.columns{
|
||||
margin: 0;
|
||||
}
|
||||
.border-info{
|
||||
border: 1px solid #167df0 ;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user