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

tablaIncompleta

Browse Source
This commit is contained in:
Andres2908
2020-11-23 18:48:37 -06:00
parent 7b64ccd320
commit 124d7e4b6a
1 changed files with 48 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/responsable/inputTable.vue
+48 -31
View File
@@ -2,7 +2,7 @@
<div class="container">
<div class="columns">
<div class="column is-3 mb-0 ">
<div class="column is-3 mb-0 " @click="obtenerDatos()">
<b-field >
<b-input
placeholder="No.Cuenta"
@@ -10,7 +10,6 @@
rounded
v-model="numeroCuenta"
maxlength="9"
></b-input>
</b-field>
</div>
@@ -54,40 +53,46 @@
<div class="columns">
<section class="column is-12">
<b-table
:data="data"
ref="table"
paginated
per-page="5"
hoverable
striped
:data="data"
:loading="loading"
paginated
backend-pagination
:total="total"
:per-page="perPage"
@page-change="onPageChange"
aria-next-label="Next page"
aria-previous-label="Previous page"
aria-page-label="Page"
aria-current-label="Current page"
>
<b-table-column field="nombre" label="Nombre" v-slot="props" centered>
<span @click="cualquiera(props.row.nombre)">{{ props.row.nombre }}</span>
<span @click="cualquiera(props.row.nombre)">{{ datos.servicios[0].Usuario.nombre}}</span>
</b-table-column>
<b-table-column field="carrera" label="Carrera" v-slot="props" centered>
<span @click="cualquiera(props.row.carrera)">{{ props.row.carrera }}</span>
<span @click="cualquiera(props.row.carrera)">{{ datos.servicios[0].Carrera.carrera}}</span>
</b-table-column>
<b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered>
<span @click="cualquiera(props.row.numeroCuenta)">{{ props.row.numeroCuenta }}</span>
<span @click="cualquiera(props.row.numeroCuenta)">{{ datos.servicios[0].Usuario.usuario }}</span>
</b-table-column>
<b-table-column field="fechaInicio" label="Inicio" centered v-slot="props">
<span @click="cualquiera(props.row.fechaInicio)">{{ props.row.fechaInicio }}</span>
<span @click="cualquiera(props.row.fechaInicio)">{{ datos.servicios[0].fechaInicio }}</span>
</b-table-column>
<b-table-column field="fechaFin" label="Final" centered v-slot="props">
<span @click="cualquiera(props.row.fechaFin)">{{ props.row.fechaFin }}</span>
<span @click="cualquiera(props.row.fechaFin)">{{ datos.servicios[0].fechaFin }}</span>
</b-table-column>
<b-table-column field="status" label="Status" v-slot="props" centered>
<span @click="obtenerDatos()" class="tag" :class="types(props.row.status)">{{ props.row.status }}</span>
<span @click="cualquiera(props.row.fechaFin)" class="tag" :class="types(datos.servicios[0].Status.status)">{{ datos.servicios[0].Status.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.status === 'pre-termino'">
<div v-if="props.row.status === 'Pre-Termino'">
<span
v-if="props.row.cartaTermino === true"
>
@@ -107,7 +112,7 @@
<b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="id == 2">
<div
v-if="props.row.status === 'pre-termino'">
v-if="props.row.status === 'Pre-Termino'">
<span
v-if="props.row.cuestionario === true"
>
@@ -141,6 +146,13 @@ export default {
},
data () {
return {
total: 0,
loading: false,
sortField: 'vote_count',
sortOrder: 'desc',
defaultSortOrder: 'desc',
page: 1,
perPage: '',
numeroCuenta: '',
nombre: '',
status: 1,
@@ -271,19 +283,19 @@ export default {
},
types (status) {
/* const Status = parseFloat(status) Investigar para que sirve :) */
if (status === 'pre-registro') {
if (status === 'Pre-Registro') {
return 'is-dark'
} else if (status === 'pre-validado') {
} else if (status === 'Pre-Validado') {
return 'is-warning'
} else if (status === 'registro') {
} else if (status === 'Registro') {
return 'is-info'
} else if (status === 'pre-termino') {
} else if (status === 'Pre-Termino') {
return 'is-link'
} else if (status === 'termino') {
} else if (status === 'Termino') {
return 'is-success'
} else if (status === 'liberado') {
} else if (status === 'Liberado') {
return 'is-success'
} else if (status === 'rechazado') {
} else if (status === 'Rechazado') {
return 'is-danger'
}
},
@@ -320,18 +332,23 @@ export default {
console.log(this.numeroCuenta)
console.log(this.nombre)
console.log(this.status)
console.log(this.datos)
console.log(this.datos.faltantes)
console.log(this.perPage)
},
obtenerDatos () {
axios.get('https://5b3a8798f24a.ngrok.io/servicio/servicios_responsable?idUsuario=2&pagina=1')
.then(res => {
console.log(res.data)
this.datos = res.data
if (this.datos.faltantes === 0) {
this.perPage = 1
console.log(this.perPage)
}
})
},
addSearch (e) {
e.preventDefault()
console.log('Agregando busqueda')
},
obtenerDatos () {
axios.get('https://c91c3b1fd956.ngrok.io/servicio/servicios_responsable?idUsuario=28&pagina=1')
.then(res => {
console.log(res.data)
this.datos = res.data
})
}
}
}