Merge branch 'tomy' of https://repositorio.acatlan.unam.mx/CIDWA/servicio_social_front into dev
This commit is contained in:
Lemuel Marquez
@@ -2,7 +2,7 @@
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
|
||||
<div class="column is-3 mb-0 ">
|
||||
<div class="column is-3 mb-0">
|
||||
<b-field >
|
||||
<b-input
|
||||
placeholder="No.Cuenta"
|
||||
@@ -26,17 +26,20 @@
|
||||
</b-field>
|
||||
</div>
|
||||
|
||||
<div class="column is-3" >
|
||||
<div class="column is-3 mb-4 pb-4 " >
|
||||
<b-field>
|
||||
<b-select placeholder="Status" icon="information" value="1" expanded rounded v-model="idStatus">
|
||||
<b-select placeholder="Status" icon="information" expanded rounded v-model="idStatus">
|
||||
<optgroup label="Status">
|
||||
<option value="1">Pre-registro</option>
|
||||
<option value="2">Pre-validado</option>
|
||||
<option value="3">Registro</option>
|
||||
<option value="4">Pre-término</option>
|
||||
<option value="5">Término</option>
|
||||
<option value="6">Liberado</option>
|
||||
<option value="7">Rechazado</option>
|
||||
<option value=1>Pre-registro</option>
|
||||
<option value=2>Registro</option>
|
||||
<option value=3>Registro Validado</option>
|
||||
<option value=4>Pre-Término</option>
|
||||
<option value=5>Término</option>
|
||||
<option value=6>Liberación</option>
|
||||
<option value=7>Carta Aceptacion Rechazada</option>
|
||||
<option value=8>Carta Termino Rechazada</option>
|
||||
<option value=9>Informe Global Rechazado</option>
|
||||
<option value=10>Cancelado</option>
|
||||
</optgroup>
|
||||
</b-select>
|
||||
</b-field>
|
||||
@@ -60,6 +63,8 @@
|
||||
:data="data"
|
||||
:loading="loading"
|
||||
|
||||
hoverable
|
||||
striped
|
||||
paginated
|
||||
backend-pagination
|
||||
:total="total"
|
||||
@@ -69,33 +74,33 @@
|
||||
<b-table-column field="nombre" label="Nombre" v-slot="props" centered>
|
||||
{{ props.row.nombre}}
|
||||
</b-table-column>
|
||||
<b-table-column field="numeroCuenta" label="Numero de Cuenta" v-slot="props" centered>
|
||||
<b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered>
|
||||
{{ props.row.numeroCuenta}}
|
||||
</b-table-column>
|
||||
<b-table-column field="carrera" label="Carrera" v-slot="props" centered>
|
||||
{{ props.row.carrera}}
|
||||
</b-table-column>
|
||||
<b-table-column field="fechaInicio" label="fecha Inicio" v-slot="props" centered>
|
||||
<b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
|
||||
{{ props.row.fechaInicio}}
|
||||
</b-table-column>
|
||||
<b-table-column field="fechaFin" label="Fecha fin" v-slot="props" centered>
|
||||
<b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
|
||||
{{ props.row.fechaFin}}
|
||||
</b-table-column>
|
||||
<b-table-column field="status" label="Status" v-slot="props" centered>
|
||||
<span class="tag" :class="types(props.row.status)">{{ props.row.status}}</span>
|
||||
</b-table-column>
|
||||
<!--
|
||||
|
||||
<b-table-column field="cartaTermino" label="Carta Término" v-slot="props" centered v-if="id == 2">
|
||||
<div v-if="props.row.idStatus === 'Pre-Termino'">
|
||||
<div v-if="props.row.status === 'Pre-Termino'">
|
||||
<span
|
||||
v-if="props.row.cartaTermino === true"
|
||||
v-if="props.row.cartaTermino === 1"
|
||||
>
|
||||
<b-icon :icon="iconoCarta(props.row.cartaTermino)"
|
||||
class="tag is-success"></b-icon>
|
||||
</span>
|
||||
|
||||
<b-button
|
||||
v-if="props.row.cartaTermino === false"
|
||||
v-if="props.row.cartaTermino === null"
|
||||
size="is-small"
|
||||
:class="botonCarta(props.row.cartaTermino)"
|
||||
:icon="iconoCarta(props.row.cartaTermino)">
|
||||
@@ -103,10 +108,9 @@
|
||||
</b-button>
|
||||
</div>
|
||||
</b-table-column>
|
||||
-->
|
||||
|
||||
<b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="id == 2">
|
||||
<div
|
||||
v-if="props.row.status === 'Pre-Termino'">
|
||||
<div v-if="props.row.status === 'Pre-Termino'">
|
||||
<span
|
||||
v-if="props.row.cuestionario === 1"
|
||||
>
|
||||
@@ -115,7 +119,7 @@
|
||||
</span>
|
||||
|
||||
<b-button
|
||||
v-if="props.row.cuestionario === 2"
|
||||
v-if="props.row.cuestionario === null"
|
||||
size="is-small"
|
||||
:class="botonCuestionario(props.row.cuestionario)"
|
||||
:icon="iconoCuestionario(props.row.cuestionario)">
|
||||
@@ -131,7 +135,6 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import validator from 'validator'
|
||||
import BotonesCarga from './botonesCarga.vue'
|
||||
import axios from 'axios'
|
||||
|
||||
@@ -148,8 +151,7 @@ export default {
|
||||
perPage: 25,
|
||||
numeroCuenta: '',
|
||||
nombre: '',
|
||||
idStatus: '',
|
||||
tipoUsuario: 1
|
||||
idStatus: 1
|
||||
}
|
||||
},
|
||||
props: {
|
||||
@@ -165,39 +167,46 @@ export default {
|
||||
console.log(this.page)
|
||||
},
|
||||
types (status) {
|
||||
/* const Status = parseFloat(status) Investigar para que sirve :) */
|
||||
if (status === 'Pre-Registro') {
|
||||
return 'is-dark'
|
||||
} else if (status === 'Pre-Validado') {
|
||||
} else if (status === 'Pre-Registro') {
|
||||
return 'is-warning'
|
||||
} else if (status === 'Registro') {
|
||||
return 'is-info'
|
||||
} else if (status === 'Registro Validado') {
|
||||
return 'is-succes'
|
||||
} else if (status === 'Pre-Termino') {
|
||||
return 'is-link'
|
||||
return 'is-light'
|
||||
} else if (status === 'Termino') {
|
||||
return 'is-success'
|
||||
} else if (status === 'Liberado') {
|
||||
return 'is-success'
|
||||
} else if (status === 'Rechazado') {
|
||||
} else if (status === 'Liberación') {
|
||||
return 'is-link'
|
||||
} else if (status === 'Carta Aceptacion Rechazada') {
|
||||
return 'is-danger'
|
||||
} else if (status === 'Carta Termino Rechazada') {
|
||||
return 'is-danger'
|
||||
} else if (status === 'Informe Global Rechazdo') {
|
||||
return 'is-danger'
|
||||
} else if (status === 'Cancelado') {
|
||||
return 'is-danger'
|
||||
}
|
||||
},
|
||||
botonCarta (cartaTermino) {
|
||||
if (cartaTermino === true) {
|
||||
if (cartaTermino === 1) {
|
||||
return 'is-success'
|
||||
} else {
|
||||
return 'is-danger'
|
||||
}
|
||||
},
|
||||
botonCuestionario (cuestionario) {
|
||||
if (cuestionario === true) {
|
||||
if (cuestionario === 1) {
|
||||
return 'is-success'
|
||||
} else {
|
||||
return 'is-danger'
|
||||
}
|
||||
},
|
||||
iconoCarta (cartaTermino) {
|
||||
if (cartaTermino === true) {
|
||||
if (cartaTermino === 1) {
|
||||
return 'check'
|
||||
} else {
|
||||
return 'close'
|
||||
@@ -211,15 +220,12 @@ export default {
|
||||
}
|
||||
},
|
||||
obtenerDatos () {
|
||||
// this.loading = true
|
||||
this.loading = true
|
||||
this.data = []
|
||||
if (this.idStatus || this.nombre || this.numeroCuenta) {
|
||||
this.page = 1
|
||||
}
|
||||
axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=2&pagina=${this.page}&idStatus&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
|
||||
|
||||
axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=2&pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
|
||||
.then(res => {
|
||||
const servicios = res.data.servicios
|
||||
// this.page = 1
|
||||
|
||||
if (servicios.length !== 0) {
|
||||
for (let i = 0; i < servicios.length; i++) {
|
||||
@@ -230,20 +236,24 @@ export default {
|
||||
fechaInicio: servicios[i].fechaInicio,
|
||||
fechaFin: servicios[i].fechaFin,
|
||||
status: servicios[i].Status.status,
|
||||
cuestionario: servicios[i].idCuestionarioAlumno
|
||||
cuestionario: servicios[i].idCuestionarioPrograma,
|
||||
cartaTermino: servicios[i].cartaTermino
|
||||
})
|
||||
}
|
||||
}
|
||||
let currentTotal = servicios.length
|
||||
let contador
|
||||
|
||||
for (let i = 0; i < ((res.data.faltantes + res.data.registros) / 25) + 1; i++) {
|
||||
for (let i = 0; i < (res.data.registros / 25) + 1; i++) {
|
||||
contador = i
|
||||
}
|
||||
currentTotal = this.perPage * contador
|
||||
this.total = currentTotal
|
||||
this.loading = false
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err.response.data.message)
|
||||
})
|
||||
}
|
||||
},
|
||||
created () {
|
||||
@@ -253,4 +263,19 @@ export default {
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.input:focus{
|
||||
border:#1b3d70;
|
||||
box-shadow: 0 0 8px 0 #1b3d70;
|
||||
}
|
||||
.select select:focus{
|
||||
border-color: #1b3d70;
|
||||
box-shadow: 0 0 8px 0 #1b3d70;
|
||||
}
|
||||
.select:not(.is-multiple):not(.is-loading)::after{
|
||||
border-color: #1b3d70;
|
||||
}
|
||||
.pagination-link.is-current {
|
||||
background-color: #1b3d70;
|
||||
border-color: #1b3d70;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user