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

revision dic 3

Browse Source
This commit is contained in:
Marco Antonio Romero Vázquez
2020-12-03 17:47:48 -06:00
parent 073dfd95c8
commit f3a3f32e25
2 changed files with 82 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/admin/servicio/modificar/form.vue
+37 -16
View File
@@ -14,7 +14,7 @@
</b-field>
<b-field label="Fecha de inicio">
<b-datepicker
:placeholder="viejo.fechaInicio"
:placeholder="fecha(viejo.fechaInicio)"
icon="calendar-today"
v-model="fechaInicio[0]"
:min-date="minDate1">
@@ -23,7 +23,7 @@
<transition name="fade">
<b-field label="Fecha de fin" v-if="fechaInicio[0]">
<b-datepicker
:placeholder="viejo.fechaInicio"
:placeholder="fecha(viejo.fechaInicio)"
v-model="fechaFin[0]"
:min-date="minDate2"
icon="calendar-today">
@@ -44,14 +44,11 @@
</b-field>
<b-field label="Fecha de nacimiento">
<b-datepicker
:placeholder="viejo.fechaNacimiento"
:placeholder="fecha(viejo.fechaNacimiento)"
v-model="fechaNacimiento[0]"
icon="calendar-today">
</b-datepicker>
</b-field>
<b-field label="ID status">
<b-input type="number" :placeholder="idStatus"></b-input>
</b-field>
<p class="is-size-5">Carta de aceptación</p>
<br>
<b-field>
@@ -111,8 +108,8 @@ import validator from 'validator'
export default {
data () {
return {
idServicio: localStorage.getItem('idServicio'),
viejo: {},
idStatus: localStorage.getItem('idServicio'),
nuevo: {
correo: '',
fechaInicioFinal: '',
@@ -120,7 +117,6 @@ export default {
direccion: null,
telefono: null,
fechaNacimientoFinal: null,
idStatus: null,
cartaAceptacion: {},
cartaTermino: {},
informeGlobal: {}
@@ -137,7 +133,7 @@ export default {
this.isLoading = true
return axios
.get(
`${process.env.api}/servicio/admin?idServicio=${this.idStatus}`//,
`${process.env.api}/servicio/admin?idServicio=${this.idServicio}`//,
// this.token
)
.then(res => {
@@ -156,18 +152,23 @@ export default {
type: 'is-danger'
})
},
toast () {
this.$buefy.toast.open({
message: 'Se han actualizado los datos',
type: 'is-success'
})
},
mostrar () {
if (
validator.isEmail(this.nuevo.correo) ||
this.nuevo.direccion ||
this.nuevo.telefono ||
this.nuevo.fechaNacimientoFinal ||
this.nuevo.fechaInicioFinal ||
this.nuevo.fechaFinFinal ||
(this.nuevo.fechaInicioFinal &&
this.nuevo.fechaFinFinal) ||
this.nuevo.cartaTermino.name ||
this.nuevo.cartaAceptacion.name ||
this.nuevo.informeGlobal.name ||
this.nuevo.idStatus
this.nuevo.informeGlobal.name
) {
if (this.nuevo.correo) {
if (validator.isEmail(this.nuevo.correo)) {
@@ -204,11 +205,29 @@ export default {
},
actualizar () {
this.isLoading = true
// let data = {}
const data = {}
if (this.nuevo.direccion) { data.direccionUpdate = this.nuevo.direccion }
if (this.nuevo.correo) { data.correoUpdate = this.nuevo.correo }
if (this.nuevo.telefono) { data.telefonoUpdate = this.nuevo.telefono }
if (this.nuevo.fechaInicioFinal) { data.fechaInicioUpdate = this.nuevo.fechaInicioFinal }
if (this.nuevo.fechaFinFinal) { data.fechaFinUpdate = this.nuevo.fechaFinFinal }
if (this.nuevo.fechaNacimientoFinal) { data.fechaNacimientoUpdate = this.nuevo.fechaNacimientoFinal }
const formData = new FormData()
if (this.cartaAceptacion) { formData.append('cartaAceptacion', this.cartaAceptacion) }
if (this.cartaTermino) { formData.append('cartaTermino', this.cartaTermino) }
if (this.informeGlobal) { formData.append('informeGlobal', this.informeGlobal) }
if (data) { formData.append('data', JSON.stringify(data)) }
axios
.put(`${process.env.api}/servicio/update`, formData)
.then(res => {
this.isLoading = false
this.$router.push('./')
this.toast()
})
.catch(err => {
this.isLoading = false
console.log(err.response.data.message)
})
},
actualizarDialog () {
this.$buefy.dialog.confirm({
@@ -222,8 +241,10 @@ export default {
})
},
fecha (date) {
const fecha = moment(date.substr(0, 10))
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
if (date) {
const fecha = moment(date.substr(0, 10))
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
}
}
},
computed: {
components/admin/servicio/vistaServicio.vue
+45 -27
View File
@@ -4,9 +4,6 @@
<b-button class="boton is-info" @click="regresar()">
Regresar
</b-button>
<b-button class="boton is-info" @click="$router.push('./servicio/modificar')">
Editar información
</b-button>
</div>
<div id="Status">
<p class="is-size-3" v-if="alumno.Status.idStatus == 1">
@@ -51,10 +48,21 @@
<p class="is-size-5 mt-5" v-if="alumno.fechaNacimiento"><b>Fecha de nacimiento: </b>{{fecha(alumno.fechaNacimiento)}}</p>
</div>
<div id="enlaces">
<br>
<div v-if="alumno.cartaAceptacion" class="level">
<a :href="linkCartaAceptacion" class="has-text-link link" target="_blank">Ver carta de aceptación</a>
<b-button class="is-danger" v-if="alumno.Status.idStatus == 1" @click="mensajeRechBoolean1 = !mensajeRechBoolean1">
<b-button class="boton is-info" @click="$router.push('./servicio/modificar')">
Editar información
</b-button>
<br><br>
<h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 1">Confirmar el pre-registro del alumno</h3>
<h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 4">Término</h3>
<h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 5">Validar el término del alumno</h3>
<div v-if="alumno.cartaAceptacion" class="">
<span class="spanDoc"><strong>Ver carta de aceptación</strong></span>
<a :href="linkCartaAceptacion" target="_blank" >
<b-button class="is-info">
Ver
</b-button>
</a>
<b-button class="is-danger" v-if="alumno.Status.idStatus == 1 && alumno.cartaAceptacion" @click="mensajeRechBoolean1 = !mensajeRechBoolean1">
Rechazar
</b-button>
</div>
@@ -62,17 +70,19 @@
<b-input maxlength="500" type="textarea" v-model="mensajeRech1"></b-input>
</b-field>
<b-button v-if="mensajeRech1 && mensajeRechBoolean1" class="is-danger" @click="rechazarDialog(1)">
Cancelar servicio
Rechazar documento
</b-button>
<b-button v-else-if="mensajeRechBoolean1" disabled>
Cancelar servicio
Rechazar documento
</b-button>
<h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 1">Confirmar el pre-registro del alumno</h3>
<h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 4">Termino</h3>
<h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 5">Validar el término del alumno</h3>
<div class="level">
<a v-if="alumno.cartaTermino" :href="linkCartaTermino" class="has-text-link link">Ver carta de término</a>
<b-button class="is-danger" v-if="alumno.Status.idStatus == 5" @click="mensajeRechBoolean2 = !mensajeRechBoolean2">
<div v-if="alumno.cartaTermino" style="margin-top: 10px">
<span class="spanDoc"><strong>Ver carta de término</strong></span>
<a :href="linkCartaTermino" target="_blank" >
<b-button class="is-info">
Ver
</b-button>
</a>
<b-button class="is-danger" v-if="alumno.Status.idStatus == 5 && alumno.cartaTermino" @click="mensajeRechBoolean2 = !mensajeRechBoolean2">
Rechazar
</b-button>
</div>
@@ -80,14 +90,19 @@
<b-input maxlength="500" type="textarea" v-model="mensajeRech2"></b-input>
</b-field>
<b-button v-if="mensajeRech2 && mensajeRechBoolean2" class="is-danger" @click="rechazarDialog(2)">
Cancelar servicio
Rechazar documento
</b-button>
<b-button v-else-if="mensajeRechBoolean2" disabled>
Cancelar servicio
Rechazar documento
</b-button>
<div v-if="alumno.informeGlobal" class="level">
<a :href="linkInformeGlobal" class="has-text-link link">Ver informe global de actividades</a>
<b-button class="is-danger" v-if="alumno.Status.idStatus == 5" @click="mensajeRechBoolean3 = !mensajeRechBoolean3">
<div v-if="alumno.informeGlobal" style="margin-top: 10px">
<span class="spanDoc"><strong>Ver informe global de actividades</strong></span>
<a :href="linkInformeGlobal" target="_blank" >
<b-button class="is-info">
Ver
</b-button>
</a>
<b-button class="is-danger" v-if="alumno.Status.idStatus == 5 && alumno.informeGlobal" @click="mensajeRechBoolean3 = !mensajeRechBoolean3">
Rechazar
</b-button>
</div>
@@ -95,10 +110,10 @@
<b-input maxlength="500" type="textarea" v-model="mensajeRech3"></b-input>
</b-field>
<b-button v-if="mensajeRech3 && mensajeRechBoolean3" class="is-danger" @click="rechazarDialog(3)">
Cancelar servicio
Rechazar documento
</b-button>
<b-button v-else-if="mensajeRechBoolean3" disabled>
Cancelar servicio
Rechazar documento
</b-button>
<b-checkbox
v-if="alumno.Programa.acatlan && alumno.Status.idStatus == 5"
@@ -115,12 +130,12 @@
<b-button class="is-info" @click="regresar()">
Regresar
</b-button>
<b-button class="is-success" @click="confirmarDialog()" v-if="mostrarConfirmar()">
Confirmar
</b-button>
<b-button class="is-danger" @click="enviarCancel = !enviarCancel">
Cancelar
</b-button>
<b-button class="is-success" @click="confirmarDialog()" v-if="mostrarConfirmar()">
Confirmar
</b-button>
<br><br>
<b-field label="Razón para cancelar: " v-if="enviarCancel">
<b-input maxlength="500" type="textarea" v-model="mensajeCancel"></b-input>
@@ -331,8 +346,8 @@ export default {
.then(res => {
this.isLoading = false
this.$buefy.dialog.alert('El servicio ha sido aprovado')
// localStorage.removeItem('idRegistro')
// this.$router.push('/admin')
localStorage.removeItem('idRegistro')
this.$router.push('/admin')
})
.catch(e => {
this.isLoading = false
@@ -382,5 +397,8 @@ export default {
font-size: 20px;
margin-top: 10px;
}
.spanDoc {
margin-right: 5%;
}
</style>