reponsables listo

components/admin/responsables/cargaMasiva.vue

@@ -10,30 +10,21 @@
         drag-drop
         expanded
       >
-        <div
-          class="
-            section
-            is-flex is-align-items-center is-justify-content-center
-            drag-drop
-          "
-        >
-          <div class="content has-text-centered">
-            <p>
-              <b-icon icon="upload" size="is-large" />
-            </p>
+        <div class="section has-text-centered">
+          <b-icon icon="upload" size="is-large" class="mb-4" />
 
-            <p>
-              {{
-                csv.name || 'Arrastra aquí tu archivo o da click para buscar'
-              }}
-            </p>
-          </div>
+          <p>
+            {{
+              csv.name || 'Arrastra aquí tu archivo o da click aquí para buscar'
+            }}
+          </p>
         </div>
       </b-upload>
     </b-field>
 
     <div>
       <b-button
+        type="is-info"
         :disabled="!csv.name"
         @click="
           imprimirWarning(
@@ -41,7 +32,6 @@
             enviarCargaMasiva
           )
         "
-        class="is-info"
       >
         Enviar archivo
       </b-button>
@@ -65,9 +55,9 @@ export default {
   },
   props: {
     admin: { type: Object, required: true },
+    imprimirError: { type: Function, required: true },
     imprimirMensaje: { type: Function, required: true },
     imprimirWarning: { type: Function, required: true },
-    imprimirError: { type: Function, required: true },
     updateIsLoading: { type: Function, required: true },
   },
   methods: {

components/admin/responsables/tablaResponsables.vue

@@ -8,8 +8,8 @@
           type="text"
           placeholder="Correo"
           icon="mail"
-          v-model="search.correo"
           @keyup.enter.native="obtenerResponsables()"
+          v-model="search.correo"
           rounded
         />
       </b-field>
@@ -19,8 +19,8 @@
           type="name"
           placeholder="Nombre"
           icon="account"
-          v-model="search.nombre"
           @keyup.enter.native="obtenerResponsables()"
+          v-model="search.nombre"
           rounded
         />
       </b-field>
@@ -42,8 +42,8 @@
       :total="total"
       :current-page="page"
       :per-page="perPage"
-      :selected.sync="responsableSelected"
       :loading="isLoading"
+      :selected.sync="responsableSelected"
       :row-class="(row, index) => 'pointer'"
       @page-change="onPageChange"
       hoverable
@@ -79,20 +79,18 @@ import axios from 'axios'
 export default {
   data() {
     return {
-      data: [],
+      isLoading: false,
       page: 1,
       perPage: 25,
       total: 0,
-      isLoading: false,
+      data: [],
+      responsableSelected: {},
       search: {},
       searchAnterior: {},
-      responsableSelected: {},
     }
   },
   props: {
     admin: { type: Object, required: true },
-    imprimirMensaje: { type: Function, required: true },
-    imprimirWarning: { type: Function, required: true },
     imprimirError: { type: Function, required: true },
   },
   methods: {
@@ -123,7 +121,7 @@ export default {
       if (this.search.correo) data = `&correo=${this.search.correo}`
       axios
         .get(
-          `${process.env.api}/usuario/responsables?&pagina=${this.page}${data}`,
+          `${process.env.api}/usuario/responsables?pagina=${this.page}${data}`,
           this.admin.token
         )
         .then((res) => {

pages/admin/responsables/index.vue

@@ -4,38 +4,33 @@
 
     <CargaMasiva
       :admin="admin"
+      :imprimirError="imprimirError"
       :imprimirMensaje="imprimirMensaje"
       :imprimirWarning="imprimirWarning"
-      :imprimirError="imprimirError"
       :updateIsLoading="updateIsLoading"
     />
 
-    <TablaResponsables
-      :admin="admin"
-      :imprimirMensaje="imprimirMensaje"
-      :imprimirWarning="imprimirWarning"
-      :imprimirError="imprimirError"
-    />
+    <TablaResponsables :admin="admin" :imprimirError="imprimirError" />
 
     <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
   </section>
 </template>
 
 <script>
-import TablaResponsables from '@/components/admin/responsables/tablaResponsables'
-import CargaMasiva from '@/components/admin/responsables/cargaMasiva'
 import BotonRegresar from '@/components/botonRegresar'
+import CargaMasiva from '@/components/admin/responsables/cargaMasiva'
+import TablaResponsables from '@/components/admin/responsables/tablaResponsables'
 
 export default {
   components: {
-    TablaResponsables,
-    CargaMasiva,
     BotonRegresar,
+    CargaMasiva,
+    TablaResponsables,
   },
   data() {
     return {
-      admin: {},
       isLoading: false,
+      admin: {},
     }
   },
   methods: {