From 81e14523f3aad4b93acf2d3d7d79d3737d41a22c Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Mon, 7 Dec 2020 14:11:29 -0600
Subject: [PATCH] V-2.2-StatusTable

---
 components/admin/servicio/inputTableA.vue | 19 +++++---------
 components/responsable/inputTable.vue     | 32 +++++++++++------------
 pages/admin/index.vue                     |  7 +++++
 3 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/components/admin/servicio/inputTableA.vue b/components/admin/servicio/inputTableA.vue
index d67ec8f..69d3147 100644
--- a/components/admin/servicio/inputTableA.vue
+++ b/components/admin/servicio/inputTableA.vue
@@ -46,19 +46,13 @@
         </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>
 
     </div>
 
-    <div class="buttons section pt-0 pl-0">
-        <b-button type="is-info">
-            Ver programas
-        </b-button>
-    </div>
-
     <div class="columns">
       <section class="column is-12">
           <b-table
@@ -177,11 +171,11 @@ 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_admin?pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
+      axios.get(`${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
         .then(res => {
           const servicios = res.data.servicios
 
@@ -218,14 +212,13 @@ export default {
       window.localStorage.setItem('idServicio', idServicio)
       this.$router.push('/admin/servicio')
     },
-    admRes () {
+    insertIdLocal () {
       this.idUsuario = localStorage.getItem('idUsuario')
-      console.log(this.idUsuario)
     }
   },
   created () {
-    this.admRes()
-    this.obtenerDatos()
+    this.insertIdLocal()
+    this.obtenerDatos(0)
   }
 }
 </script>
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 0f89b5f..19c9a7a 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -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>
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 59750ba..cfbcd92 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="container">
     <div class="section">
+      <div class="buttons section py-0 pl-0">
+
+        <b-button type="is-info">
+            Ver programas
+        </b-button>
+      </div>
+
       <div class="pb-0">
         <p class="title is-three-fifths is-offset-one-fifth">Servicios Sociales</p>
       </div>