solo el front, errores de data
This commit is contained in:
casnet1
@@ -1,54 +1,681 @@
|
||||
<template>
|
||||
<section class="container">
|
||||
<p class="is-size-2">Formulario</p>
|
||||
<br>
|
||||
<b-field label="Nombre: ">
|
||||
<b-input
|
||||
type="text"
|
||||
v-model="nombre"
|
||||
placeholder="nombre">
|
||||
</b-input>
|
||||
<section class="container my-5 px-3 ">
|
||||
<div class="my-5 mensaje">
|
||||
<p class="is-size-2">Evaluación de programas de servicio social</p>
|
||||
<p>Te invitamos a compartir tu experiencia respecto del programa de servicio social en el que participaste, a efecto de mejorar la oferta
|
||||
de programas disponibles para los alumnos que desean liberar este requisito. Te recordamos qe tus respues son confidenciales.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="A apartado" v-if="current == 1">
|
||||
<p class="is-size-3">DATOS GENERALES</p>
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>Sexo</p>
|
||||
<b-radio v-model="sexo"
|
||||
native-value="F"
|
||||
type="is-info">
|
||||
F
|
||||
</b-radio>
|
||||
<b-radio v-model="sexo"
|
||||
native-value="M"
|
||||
type="is-info">
|
||||
M
|
||||
</b-radio>
|
||||
</div>
|
||||
<b-field label="Edad">
|
||||
<b-input placeholder="Edad"
|
||||
v-model="edad"
|
||||
type="number"
|
||||
min="0"
|
||||
max="100">
|
||||
</b-input>
|
||||
</b-field>
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿Cuentas con algún servicio médico?</p>
|
||||
<b-radio v-model="servicioMedico"
|
||||
native-value="IMSS"
|
||||
type="is-info">
|
||||
IMSS
|
||||
</b-radio>
|
||||
<b-radio v-model="servicioMedico"
|
||||
native-value="ISSSTE"
|
||||
type="is-info">
|
||||
ISSSTE
|
||||
</b-radio>
|
||||
<b-radio v-model="servicioMedico"
|
||||
native-value="Ninguno"
|
||||
type="is-info">
|
||||
Ninguno
|
||||
</b-radio>
|
||||
<b-field>
|
||||
<b-input placeholder="Otro (especificar)" v-model="servicioMedico"></b-input>
|
||||
</b-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="B apartado" v-if="current == 2">
|
||||
<p class="is-size-3">INFORMACIÓN GENERAL SOBRE EL SERVICIO SOCIAL</p>
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿Conoces el reglamento de servicio social vigente de la UNAM?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿Conoces la normatividad vigente del servicio social de tu escuela o facultad?</p>
|
||||
<b-radio v-model="normatividad"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
<b-radio v-model="normatividad"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
<div class="field">
|
||||
<p>Señala los trs principales criterios que utilizaste para seleccionar el programa de servicio social:</p>
|
||||
<div v-for="b3 in b3Options" :key="b3" class="SINO">
|
||||
<b-checkbox :value=b3
|
||||
type="is-info">
|
||||
{{b3}}
|
||||
</b-checkbox>
|
||||
</div>
|
||||
<b-field>
|
||||
<b-input placeholder="Otro (especificar)" v-model="servicioMedico"></b-input>
|
||||
</b-field>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="C apartado" v-if="current == 3">
|
||||
<p class="is-size-4">INFORMACIÓN SOBRE LAS CONDICIONES PARA LA PRESENTACIÓN DEL SERVICIO SOCIAL EN LA INSTITUCIÓN RECEPTORA </p>
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>Al inicio de servicio social recibiste información sobre la normatividad de la institución:</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Durante el servicio social, recibiste por parte de los responsables:</p>
|
||||
<table class="table is-fullwidth">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Si</th>
|
||||
<th>No</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="c5 in c5Options" :key="c5">
|
||||
<td>{{c5}}</td>
|
||||
<td>
|
||||
<b-radio
|
||||
v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
</b-radio>
|
||||
</td>
|
||||
<td>
|
||||
<b-radio
|
||||
v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
</b-radio>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿las actividades que desarrollaste se realizaron con base en un proyecti de trabajo de la institucion?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿Contaste con un espacio físico adeacuado para realizar tus actividades?</p>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Durante el servicio social, recibiste por parte de los responsables:</p>
|
||||
<table class="table is-fullwidth">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Si</th>
|
||||
<th>No</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="c8 in c8Options" :key="c8">
|
||||
<td>{{c8}}</td>
|
||||
<td>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
|
||||
</b-radio>
|
||||
</td>
|
||||
<td>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
|
||||
</b-radio>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿Consideras que el entorno donde se ubica la institución es seguro?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿La institución te proporcionó el material/equipo necesario para el desempeño de tus actividades?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿El trato que recibiste durante la realización de tu servicio social fue profesional?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿Contaste con un espacio físico adeacuado para realizar tus actividades?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿La institucion te entregó a tiempo la documentación requerida por tu facultad o escuela (carta de inicio, informes, carta de termino)?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿La institució te dió todas las facilidades para realizar tramites académicos-administrativos ante tu facultad o escuela?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="D apartado" v-if="current == 4">
|
||||
<p class="is-size-3">INFORMACIÓN SOBRE EL PROGRAMA DE SERVICIO SOCIAL</p>
|
||||
<div class="manyInputs">
|
||||
<p>De acuerdo con el programa registrado:</p>
|
||||
<table class="table is-fullwidth">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Si</th>
|
||||
<th>No</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="d14 in d14Options" :key="d14">
|
||||
<td>{{d14}}</td>
|
||||
<td>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
|
||||
</b-radio>
|
||||
</td>
|
||||
<td>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
|
||||
</b-radio>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Sobre tu perfil profesional</p>
|
||||
<table class="table is-fullwidth">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Si</th>
|
||||
<th>No</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="d15 in d15Options" :key="d15">
|
||||
<td>{{d15}}</td>
|
||||
<td>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
|
||||
</b-radio>
|
||||
</td>
|
||||
<td>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
|
||||
</b-radio>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>De acuerdo al desarrollo del programa en el que participaste en cual de las siguientes áreas lo enmarcas (Elige solo una)</p>
|
||||
<b-radio v-model="reglamento"
|
||||
v-for="d16 in d16Options"
|
||||
:key="d16"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
{{d16}}
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>¿Quien asesoró y supervisó las actividades que realizaste y con que frecuencia?(Señala con una X la respuesta mas adecuada en el recuadro correspondiente)</p>
|
||||
<table class="table is-fullwidth">
|
||||
<tbody>
|
||||
<tr v-for="d17 in d17Options" :key="d17">
|
||||
<td>{{d17}}</td>
|
||||
|
||||
<td>
|
||||
<b-field >
|
||||
<b-select placeholder="Frecuencia">
|
||||
<option
|
||||
v-for="frec in frecuencia"
|
||||
:value="frec"
|
||||
:key="frec">
|
||||
{{ frec }}
|
||||
</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="E apartado" v-if="current == 5">
|
||||
<p class="is-size-3">APOYOS</p>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿El programa en el que participaste ofrece apoyos académicos?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿El programa en el que participaste ofrece seguro de vida?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿El programa en el que participaste ofrece apoyo económico?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Los apoyos económicos señalados en el programa:</p>
|
||||
<table class="table is-fullwidth">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Si</th>
|
||||
<th>No</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="e21 in e21Options" :key="e21">
|
||||
<td>{{e21}}</td>
|
||||
<td>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
|
||||
</b-radio>
|
||||
</td>
|
||||
<td>
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
|
||||
</b-radio>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="F apartado" v-if="current == 6">
|
||||
<p class="is-size-3">EXPERIENCIA</p>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
|
||||
<table class="table is-fullwidth">
|
||||
<tbody>
|
||||
<tr v-for="f22 in f22Options" :key="f22">
|
||||
<td>{{f22}}</td>
|
||||
|
||||
<td>
|
||||
<b-field >
|
||||
<b-select placeholder="Seleccionar">
|
||||
<option v-for="i in 10" :key="i" :value="i">{{i}}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Consideras que el servicio social es:</p>
|
||||
<p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
|
||||
<table class="table is-fullwidth">
|
||||
<tbody>
|
||||
<tr v-for="f23 in f23Options" :key="f23">
|
||||
<td>{{f23}}</td>
|
||||
|
||||
<td>
|
||||
<b-field >
|
||||
<b-select placeholder="Seleccionar">
|
||||
<option v-for="i in 10" :key="i" :value="i">{{i}}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Consideras que el servicio social es:</p>
|
||||
<p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
|
||||
<table class="table is-fullwidth">
|
||||
<tbody>
|
||||
<tr v-for="f24 in f24Options" :key="f24">
|
||||
<td>{{f24}}</td>
|
||||
|
||||
<td>
|
||||
<b-field >
|
||||
<b-select placeholder="Seleccionar">
|
||||
<option v-for="i in 10" :key="i" :value="i">{{i}}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿Retomarías tu experiencia de servicio social para desarrollar tu tesis? (solo si aplica tu caso)</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
</div>
|
||||
|
||||
<div class="field is-flex is-flex-direction-column SINO" >
|
||||
<p>¿Recomiendas el programa en el que participaste?</p>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="true"
|
||||
type="is-info">
|
||||
Si
|
||||
</b-radio>
|
||||
|
||||
<b-radio v-model="reglamento"
|
||||
native-value="false"
|
||||
type="is-info">
|
||||
No
|
||||
</b-radio>
|
||||
<b-field label="¿Por qué?">
|
||||
<b-input placeholder="Opinion" v-model="servicioMedico"></b-input>
|
||||
</b-field>
|
||||
<b-field label="Ocupación: ">
|
||||
<b-input
|
||||
type="text"
|
||||
v-model="ocupacion"
|
||||
placeholder="Ocupación">
|
||||
</b-input>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Con respecto a tu servicio:</p>
|
||||
<table class="table is-fullwidth">
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>La información que te proporcionaron sobre los requisitos y trámites para el servicio social en tu escuela o facultad fue:</p>
|
||||
</td>
|
||||
<td>
|
||||
<b-field >
|
||||
<b-select placeholder="Seleccionar">
|
||||
<option v-for="adj in adjetivos" :key="adj" :value="adj">{{adj}}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="manyInputs">
|
||||
<p>Con respecto a la plataforma SIASS web:</p>
|
||||
<table class="table is-fullwidth">
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>La información que te proporcionaron sobre los programas fue:</p>
|
||||
</td>
|
||||
<td>
|
||||
<b-field >
|
||||
<b-select placeholder="Seleccionar">
|
||||
<option v-for="adj in adjetivos" :key="adj" :value="adj">{{adj}}</option>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<b-field label="¿Tienes algún comentario u observación respecto al diseño de este documento?">
|
||||
<b-input placeholder="Respuesta" v-model="servicioMedico"></b-input>
|
||||
</b-field>
|
||||
<b-field label="Dirección: ">
|
||||
<b-input
|
||||
type="text"
|
||||
v-model="direccion"
|
||||
placeholder="Dirección">
|
||||
</b-input>
|
||||
</b-field>
|
||||
<b-field label="Código postal: ">
|
||||
<b-input
|
||||
type="text"
|
||||
v-model="codigoPostal"
|
||||
placeholder="Código postal">
|
||||
</b-input>
|
||||
</b-field>
|
||||
<b-field label="Número de personas que viven en el hogar: ">
|
||||
<b-input
|
||||
type="text"
|
||||
v-model="noPersonasHogar"
|
||||
placeholder="Número de personas que viven en el hogar">
|
||||
</b-input>
|
||||
</b-field>
|
||||
<b-field label="Edad del jefe de familia: ">
|
||||
<b-input
|
||||
type="text"
|
||||
v-model="edadGfeFam"
|
||||
placeholder="Edad jefe de familia">
|
||||
</b-input>
|
||||
</b-field>
|
||||
<br>
|
||||
<b-button class="is-info">
|
||||
Enviar formulario
|
||||
</b-button>
|
||||
<br><br><br><br><br><br>
|
||||
|
||||
<div class="my-6 mb-6">
|
||||
<b-field >
|
||||
<button
|
||||
:disabled="nacimiento=='' || telefono=='' || direccion==''"
|
||||
class="button is-success is-medium"
|
||||
@click="enviarRegistro()"
|
||||
>
|
||||
Enviar
|
||||
</button>
|
||||
</b-field>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<b-pagination
|
||||
class="pag"
|
||||
:total="total"
|
||||
v-model="current"
|
||||
:range-before="rangeBefore"
|
||||
:current="current"
|
||||
:range-after="rangeAfter"
|
||||
:order="order"
|
||||
:size="size"
|
||||
:simple="isSimple"
|
||||
:rounded="isRounded"
|
||||
:per-page="perPage"
|
||||
:icon-prev="prevIcon"
|
||||
:icon-next="nextIcon"
|
||||
aria-next-label="Next page"
|
||||
aria-previous-label="Previous page"
|
||||
aria-page-label="Page"
|
||||
aria-current-label="Current page">
|
||||
</b-pagination>
|
||||
|
||||
<!-- <pre>{{$data}}</pre> -->
|
||||
</section>
|
||||
</template>
|
||||
|
||||
@@ -56,13 +683,140 @@
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
nombre: '',
|
||||
ocupacion: '',
|
||||
direccion: '',
|
||||
codigoPostal: null,
|
||||
noPersonasHogar: null,
|
||||
edadGfeFam: null
|
||||
total: 6,
|
||||
current: 1,
|
||||
perPage: 1,
|
||||
rangeBefore: 6,
|
||||
rangeAfter: 6,
|
||||
order: 'is-centered',
|
||||
size: '',
|
||||
isSimple: false,
|
||||
isRounded: false,
|
||||
prevIcon: 'chevron-left',
|
||||
nextIcon: 'chevron-right',
|
||||
|
||||
sexo: '',
|
||||
b3Options: [
|
||||
'Actividades descritas en el programa',
|
||||
'Apoyo económico',
|
||||
'Asesoría académica',
|
||||
'Dependencia de la UNAM',
|
||||
'Flexibilidad en horarios',
|
||||
'Institución del sector público',
|
||||
'Institucíon del sector social',
|
||||
'Invitación de profesores',
|
||||
'Modalidad de titulación por servicio social',
|
||||
'Objetivos del programa',
|
||||
'Oportunidad de desarrollo de tesis',
|
||||
'Prestigio de la institución',
|
||||
'Recomendación de compañeros'
|
||||
],
|
||||
c5Options: [
|
||||
'ASESORIA',
|
||||
'ACOMPAÑAMIENTO',
|
||||
'SUPERVISION',
|
||||
'SEGUIMIENTO'
|
||||
],
|
||||
c8Options: [
|
||||
'HIGIENE',
|
||||
'SEGURIDAD',
|
||||
'PROTECCIÓN CIVIL'
|
||||
],
|
||||
d14Options: [
|
||||
'Se cumplieron los objetivos señalados',
|
||||
'Se cumplieron las actividades decritas',
|
||||
'Las actividades del programa son congruentes con el objetivo',
|
||||
'Las actividades del programa retribuyen a la sociedad'
|
||||
],
|
||||
d15Options: [
|
||||
'Aplicaste conocimientos',
|
||||
'Desarrollaste habilidades',
|
||||
'Enriqueciste tus conocimientos',
|
||||
'Fortaleciste tus habilidades'
|
||||
],
|
||||
d16Options: [
|
||||
'Apoyo administrativo',
|
||||
'Arte, cultura y recreación',
|
||||
'Ciencia, tecnología e innovación',
|
||||
'Derechos humanos, seguridad social y jurídica',
|
||||
'Desarrollo social',
|
||||
'Educación',
|
||||
'Equipamiento e infraestructura urbana y rural',
|
||||
'Medio ambiente y desarrollo sustentable',
|
||||
'Medio de comunicación',
|
||||
'Modernización y automatización de la gestión administrativa',
|
||||
'Salud',
|
||||
'Seguridad alimentaria',
|
||||
'Seguridad energética',
|
||||
'Investigación'
|
||||
],
|
||||
d17Options: [
|
||||
'Coordinador administrativo del programa',
|
||||
'Responsable directo del programa',
|
||||
'Alguien diferente a los dos anteriores'
|
||||
],
|
||||
frecuencia: [
|
||||
'Diario',
|
||||
'Semana',
|
||||
'Quincena',
|
||||
'Mes',
|
||||
'Bimestre',
|
||||
'Trimestre',
|
||||
'Semestre',
|
||||
'No recibí asesoría'
|
||||
|
||||
],
|
||||
e21Options: [
|
||||
'Te fueron otorgados en tiempo y forma',
|
||||
'Fueron condicionados',
|
||||
`Hubo procedimientos transparentes
|
||||
en la asignación y entrega`,
|
||||
'Se te proporcionó sólo una parte',
|
||||
'No se te proporcionó el apoyo'
|
||||
],
|
||||
f22Options: [
|
||||
'Alguien diferente a los dos anteriores',
|
||||
'Contribuiste en el logro de los objetivos indicados en el programa',
|
||||
'Adquiriste nuevos conocimientos',
|
||||
'Fortaleciste habilidades',
|
||||
'Obtuviste herramientas para tu inserción en el medio laboral',
|
||||
'Fortaleciste tu formación profesional',
|
||||
'Enriqueciste tu formación personal',
|
||||
'Tu participación en el programa de servicio tuvo impacto social'
|
||||
],
|
||||
f23Options: [
|
||||
'Un medio para retribuir a la sociedad',
|
||||
'La actividad que permite fortalecer habilidades y destrezas',
|
||||
'El complemento a la formación profesional'
|
||||
],
|
||||
f24Options: [
|
||||
'Impacto social',
|
||||
'Formación profesional',
|
||||
'Formación personal'
|
||||
],
|
||||
adjetivos: [
|
||||
'muy mala',
|
||||
'mala',
|
||||
'regular',
|
||||
'buena',
|
||||
'excelente'
|
||||
]
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.SINO *{
|
||||
margin: .5rem 0 !important;
|
||||
|
||||
}
|
||||
.apartado, .pag{
|
||||
margin: 5rem 0;
|
||||
}
|
||||
.manyInputs{
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user