V-2.2-StatusTable
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user