V-2.2-StatusTable

This commit is contained in:
Andres2908
2020-12-07 14:11:29 -06:00
parent a2cc9cf713
commit 81e14523f3
3 changed files with 29 additions and 29 deletions
+16 -16
View File
@@ -45,7 +45,7 @@
</div>
<div class="buttons section pt-3 pl-5">
<b-button type="is-info" @click="obtenerDatos()">
<b-button type="is-info" @click="obtenerDatos(idStatus)">
Buscar
</b-button>
</div>
@@ -67,32 +67,33 @@
@page-change="onPageChange"
>
<b-table-column field="nombre" label="Nombre" v-slot="props" centered>
<span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.nombre}}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.nombre}}</span>
<span v-else>{{ props.row.nombre}}</span>
</b-table-column>
<b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered width="100">
<span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
<span v-else>{{ props.row.numeroCuenta}}</span>
</b-table-column>
<b-table-column field="carrera" label="Carrera" v-slot="props" centered>
<span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.carrera}}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.carrera}}</span>
<span v-else>{{ props.row.carrera}}</span>
</b-table-column>
<b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
<span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
<span v-else>{{ fecha(props.row.fechaInicio) }}</span>
</b-table-column>
<b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
<span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
<span v-else>{{ fecha(props.row.fechaFin) }}</span>
</b-table-column>
<b-table-column field="status" label="Status" v-slot="props" centered>
<span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
<span class="tag" :class="types(props.row.idStatus)">{{ props.row.status}}</span>
</b-table-column>
<b-table-column field="cartaTermino" label="Carta Término" v-slot="props" centered v-if="idUsuario == 2">
<div v-if="props.row.idStatus >= 4">
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)"> ----- </span>
<div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
<span
v-if="props.row.cartaTermino === 1"
>
@@ -111,7 +112,8 @@
</b-table-column>
<b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="idUsuario == 2">
<div v-if="props.row.status === 'Pre-Termino'">
<span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)"> ----- </span>
<div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
<span
v-if="props.row.cuestionario === 1"
>
@@ -216,11 +218,10 @@ export default {
const fecha = moment(date.substr(0, 10))
return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
},
obtenerDatos () {
obtenerDatos (idStatus) {
this.loading = true
this.data = []
axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
.then(res => {
const servicios = res.data.servicios
@@ -258,14 +259,13 @@ export default {
window.localStorage.setItem('idServicio', idServicio)
this.$router.push('/responsable/cartaTermino')
},
admRes () {
insertIdLocal () {
this.idUsuario = localStorage.getItem('idUsuario')
console.log(this.idUsuario)
}
},
created () {
this.admRes()
this.obtenerDatos()
this.insertIdLocal()
this.obtenerDatos(0)
}
}
</script>