pruebas carga masiva

components/admin/CargaMasivaUsuarios.vue

@@ -0,0 +1,61 @@
+<template>
+  <div>
+    <SubirCsv :updateIsLoading="updateIsLoading" :path="path" />
+
+    <b-pagination :total="total" :per-page="1" v-model="current" />
+
+    <div v-for="(d, index) in data" :key="index" v-show="current - 1 === index">
+      <Errores :errores="d.errores" />
+
+      <TablaUsuariosNuevos :usuarios="d.usuariosNuevos" />
+
+      <Avisos :avisos="d.mensajes" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Avisos from '@/components/admin/Avisos'
+import Errores from '@/components/admin/Errores'
+import SubirCsv from '@/components/admin/SubirCsv'
+import TablaUsuariosNuevos from '@/components/tablas/TablaUsuariosNuevos'
+
+export default {
+  components: {
+    Avisos,
+    Errores,
+    SubirCsv,
+    TablaUsuariosNuevos,
+  },
+  props: {
+    updateIsLoading: { type: Function, required: true, default: () => {} },
+    admin: { type: Object, required: true, default: () => ({}) },
+  },
+  data() {
+    return { data: [], current: 0, total: 0, socket: {}, path: '' }
+  },
+  methods: {
+    nuevosUsuarios(data) {
+      if (this.total === 0) this.current = 1
+      this.data.push(data)
+      this.total = this.data.length
+    },
+  },
+  created() {
+    this.path = `upload-file/carga-masiva-usuarios?id_institucion=${this.admin.idInstitucion}`
+  },
+  beforeCreate() {
+    this.socket = this.$nuxtSocket({
+      name: 'main',
+      path: process.env.path,
+    })
+
+    this.socket.on('usuarios-nuevos', (data) => {
+      if (data.id_institucion === this.admin.idInstitucion)
+        this.nuevosUsuarios(data.data)
+    })
+  },
+}
+</script>
+
+<style></style>

components/admin/Errores.vue

@@ -2,7 +2,14 @@
   <div class="panel">
     <h6 class="panel-heading">Errores</h6>
 
-    <p v-for="(e, i) in errores" :key="i" class="panel-block">{{ e }}</p>
+    <p
+      v-for="(e, i) in errores"
+      :key="i"
+      class="panel-block"
+      v-show="(current - 1) * 25 <= index && index < current * 25"
+    >
+      {{ e }}
+    </p>
 
     <div class="m-3">
       <b-pagination :total="errores.length" :per-page="25" v-model="current" />

pages/admin/administrador/carga_masiva_equipos/index.vue

@@ -29,7 +29,6 @@ export default {
   created() {
     const operador = jwt_decode(this.$getToken.tokenStr())
 
-    console.log(operador)
     this.admin.idOperador = operador.id_operador
     this.admin.operador = operador.operador
     this.admin.nombre = operador.nombre

pages/admin/administrador/carga_masiva_usuarios/index.vue

@@ -1,17 +1,8 @@
 <template>
   <div>
-    <Title title="Carga Masiva Usuarios" :operador="admin.operador" />
+    <Title title="Carga Masiva Usuarios" :operador="admin" />
 
-    <SubirCsv
-      :admin="admin"
-      :manejarRespuesta="manejarRespuesta"
-      :updateIsLoading="updateIsLoading"
-      :path="path"
-    />
-
-    <TablaUsuariosNuevos :data="data" :usuariosUpdate="usuariosUpdate" />
-
-    <!-- <AvisosErrores :avisos="avisos" :errores="errores" /> -->
+    <CargaMasivaUsuarios :admin="admin" :updateIsLoading="updateIsLoading" />
 
     <b-loading :is-full-page="true" v-model="isLoading" :can-cancel="false" />
   </div>
@@ -19,52 +10,34 @@
 
 <script>
 import jwt_decode from 'jwt-decode'
-// import AvisosErrores from '@/components/admin/AvisosErrores'
-import SubirCsv from '@/components/admin/SubirCsv'
-import TablaUsuariosNuevos from '@/components/admin/TablaUsuariosNuevos'
+import CargaMasivaUsuarios from '@/components/admin/CargaMasivaUsuarios'
 import Title from '@/components/layouts/Title'
 
 export default {
   components: {
-    // AvisosErrores,
-    SubirCsv,
-    TablaUsuariosNuevos,
+    CargaMasivaUsuarios,
     Title,
   },
   data() {
     return {
       admin: {},
-      data: [],
-      avisos: [],
-      errores: [],
-      usuariosUpdate: [],
       isLoading: false,
     }
   },
   methods: {
-    manejarRespuesta(data) {
-      this.data = data.usuariosNuevos
-      this.avisos = data.mensajes
-      this.errores = data.errores
-      // this.usuariosUpdate = data.usuariosUpdate
-    },
     updateIsLoading(valorBooleano) {
       this.isLoading = valorBooleano
     },
-    localStorageData() {
-      const operador = jwt_decode(this.$getToken.tokenStr())
-
-      this.admin.idOperador = operador.id_operador
-      this.admin.operador = operador
-      this.admin.tipoUsuario = operador.tipoUsuario.tipo_usuario
-      this.admin.idTipoUsuario = operador.tipoUsuario.id_tipo_usuario
-      this.admin.idInstitucion = operador.institucion.id_institucion
-    },
   },
   created() {
-    this.localStorageData()
-    this.path = `upload-file/carga-masiva-usuarios?id_institucion=${this.admin.idInstitucion}`
-    if (this.admin.idTipoUsuario != 2 && this.admin.idTipoUsuario != 3)
+    const operador = jwt_decode(this.$getToken.tokenStr())
+
+    this.admin.idOperador = operador.id_operador
+    this.admin.operador = operador.operador
+    this.admin.nombre = operador.nombre
+    this.admin.idTipoUsuario = operador.tipoUsuario.id_tipo_usuario
+    this.admin.idInstitucion = operador.institucion.id_institucion
+    if (this.admin.idTipoUsuario != 3)
       this.$router.push('/operador/prestamo_devolucion')
   },
 }