tabla servicios sociales organizada

components/TablaServiciosSociales.vue

@@ -5,8 +5,8 @@
       :total="total"
       :current-page="page"
       :per-page="perPage"
-      :selected.sync="servicioSelected"
       :loading="isLoading"
+      :selected.sync="servicioSelected"
       :row-class="(row, index) => addPointer()"
       @page-change="onPageChange"
       hoverable
@@ -14,6 +14,15 @@
       paginated
       backend-pagination
     >
+      <b-table-column
+        field="fechaCreado"
+        label="Fecha Registro"
+        v-slot="props"
+        centered
+      >
+        <span>{{ fecha(props.row.createdAt) }}</span>
+      </b-table-column>
+
       <b-table-column
         field="numeroCuenta"
         label="Número de Cuenta"
@@ -51,15 +60,6 @@
         <span>{{ fecha(props.row.fechaFin) }}</span>
       </b-table-column>
 
-      <b-table-column
-        field="fechaCreado"
-        label="Día de Creación"
-        v-slot="props"
-        centered
-      >
-        <span>{{ fecha(props.row.createdAt) }}</span>
-      </b-table-column>
-
       <b-table-column field="status" label="Status" v-slot="props" centered>
         <span :class="types(props.row.Status.idStatus)">
           {{ props.row.Status.status }}
@@ -80,44 +80,44 @@ export default {
     }
   },
   props: {
-    idTipoUsuario: {
-      type: Number,
-      required: true,
-    },
-    isLoading: {
+    columnaFechaFin: {
       type: Boolean,
-      required: true,
-    },
-    data: {
-      type: Array,
-      required: true,
-    },
-    page: {
-      type: Number,
-      required: true,
-    },
-    onPageChange: {
-      type: Function,
-      require: true,
-    },
-    total: {
-      type: Number,
-      required: true,
+      required: false,
+      default: true,
     },
     columnaFechaInicio: {
       type: Boolean,
       required: false,
       default: true,
     },
-    columnaFechaFin: {
+    isLoading: {
       type: Boolean,
-      required: false,
-      default: true,
+      required: true,
     },
     path: {
       type: String,
       required: true,
     },
+    idTipoUsuario: {
+      type: Number,
+      required: true,
+    },
+    page: {
+      type: Number,
+      required: true,
+    },
+    total: {
+      type: Number,
+      required: true,
+    },
+    data: {
+      type: Array,
+      required: true,
+    },
+    onPageChange: {
+      type: Function,
+      require: true,
+    },
   },
   methods: {
     fecha(date) {

components/admin/inputTableA.vue

@@ -29,6 +29,7 @@
       <b-field class="column" label="Status">
         <b-select icon="information" v-model="busqueda.idStatus" rounded>
           <option value="">Status</option>
+
           <option
             v-for="(s, i) in status"
             :key="i"
@@ -49,12 +50,12 @@
 
     <TablaServiciosSociales
       :isLoading="isLoading"
-      :data="data"
-      :page="page"
-      :onPageChange="onPageChange"
-      :total="total"
-      :idTipoUsuario="admin.idTipoUsuario"
       :path="'/admin/servicio'"
+      :idTipoUsuario="admin.idTipoUsuario"
+      :page="page"
+      :total="total"
+      :data="data"
+      :onPageChange="onPageChange"
     />
   </div>
 </template>
@@ -67,13 +68,11 @@ export default {
   components: { TablaServiciosSociales },
   data() {
     return {
-      servicioSeleccionado: {},
-      status: [],
-      data: [],
-      page: 1,
-      perPage: 25,
-      total: 0,
       isLoading: false,
+      page: 1,
+      total: 0,
+      data: [],
+      status: [],
       busqueda: {
         idStatus: '',
       },
@@ -111,7 +110,7 @@ export default {
         data += `&numeroCuenta=${this.busqueda.numeroCuenta}`
       axios
         .get(
-          `${process.env.api}/servicio/servicios_admin?&pagina=${this.page}${data}`,
+          `${process.env.api}/servicio/servicios_admin?pagina=${this.page}${data}`,
           this.admin.token
         )
         .then((res) => {
@@ -129,23 +128,15 @@ export default {
         .get(`${process.env.api}/status`, this.admin.token)
         .then((res) => {
           this.status = res.data
+          this.obtenerServicios()
         })
         .catch((err) => {
           this.imprimirError(err.response.data)
         })
     },
   },
-  watch: {
-    servicioSeleccionado() {
-      localStorage.setItem('idServicio', this.servicioSeleccionado.idServicio)
-      this.$router.push(`/admin/servicio`)
-    },
-  },
   created() {
-    if (this.admin.idTipoUsuario === 1) {
-      this.obtenerCatalogoStatus()
-      this.obtenerServicios()
-    }
+    if (this.admin.idTipoUsuario === 1) this.obtenerCatalogoStatus()
   },
 }
 </script>

package-lock.json

@@ -5,6 +5,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "servicio_social_front",
       "version": "1.0.0",
       "dependencies": {
         "@nuxtjs/axios": "^5.13.1",