merge error

components/admin/servicio/programa/cargaMasiva.vue

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <p class="is-size-2 mb-5">Carga Masiva</p>
+    <b-field v-if="true">
+      <b-upload
+        v-model="csv"
+        type="is-black"
+        v-on:input="validarExt()"
+        drag-drop
+        expanded
+      >
+        <section class="section">
+          <div class="content has-text-centered">
+            <p>
+              <b-icon icon="upload" size="is-large"></b-icon>
+            </p>
+            <p>
+              {{
+                csv.name || "Arrastra aquí tu archivo o da click para buscar"
+              }}
+            </p>
+          </div>
+        </section>
+      </b-upload>
+    </b-field>
+    <b-button v-if="csv.name" @click="actualizarDialog()" class="is-info"
+      >Enviar archivo</b-button
+    >
+    <b-button v-else disabled class="is-info">Enviar archivo</b-button>
+  </div>
+</template>
+
+<script>
+export default {
+  data(){
+    return{
+      csv: {}
+    }
+  },
+  methods: {
+    validarExt() {
+      const extPermitidas = /(.csv)$/i;
+      if (!extPermitidas.exec(this.csv.name)) {
+        this.dangerToast();
+        this.csv = {};
+      }
+    },
+    dangerToast() {
+      this.$buefy.toast.open({
+        message: "Asegurate de ingresar un archivo .CSV",
+        type: "is-danger",
+      });
+    },
+  }
+}
+</script>

components/admin/servicio/programa/tablaResponsables.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="container mt-5">
+    <p class="is-size-2 mb-5">Lista de responsables</p>
     <div class="columns">
       <div class="column is-3 mb-4 pb-4">
         <b-field>
@@ -19,7 +20,6 @@
             icon="school"
             rounded
             v-model="correo"
-            maxlength="9"
           >
           </b-input>
         </b-field>
@@ -44,9 +44,7 @@
           @page-change="onPageChange"
         >
           <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-            <span @click="verRegistro(props.row)">{{
-              props.row.nombre
-            }}</span>
+            <span @click="verRegistro(props.row)">{{ props.row.nombre }}</span>
           </b-table-column>
           <b-table-column
             field="correo"
@@ -54,9 +52,7 @@
             v-slot="props"
             centered
           >
-            <span @click="verRegistro(props.row)">{{
-              props.row.usuario
-            }}</span>
+            <span @click="verRegistro(props.row)">{{ props.row.usuario }}</span>
           </b-table-column>
         </b-table>
       </section>