uploads listos

2021-12-31 21:49:25 -06:00
parent b2379e779e
commit 931c2af40b
1 changed files with 55 additions and 105 deletions
@@ -57,85 +57,75 @@
        />
      </b-field>

-      <p class="is-size-5">Carta de aceptación</p>
-
-      <b-field>
+      <b-field label="Carta de aceptación">
        <b-upload
+          accept="application/pdf"
          v-model="nuevo.cartaAceptacion"
-          type="is-black"
-          v-on:input="validarExt(1)"
-          accept="application/pdf"
          drag-drop
          expanded
        >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.cartaAceptacion.name ||
-                  'Arrastra aquí tu archivo o da click para buscar'
-                }}
-                {{ nuevo.cartaAceptacion }}
-              </p>
-            </div>
-          </section>
+          <div class="section has-text-centered">
+            <b-icon icon="upload" size="is-large" class="mb-2" />
+
+            <p class="is-size-5">
+              {{
+                nuevo.cartaAceptacion.name ||
+                'Arrastra aquí tu archivo o da click aquí para buscarlo.'
+              }}
+            </p>
+
+            <p class="is-size-6">Tamaño máximo 20MB</p>
+          </div>
        </b-upload>
      </b-field>

-      <p class="is-size-5" v-if="servicio.cartaTermino">Carta de término</p>
-
-      <b-field v-if="servicio.cartaTermino">
+      <b-field
+        label="Carta de término"
+        v-if="servicio.Status.idStatus > 4 && servicio.Status.idStatus != 7"
+      >
        <b-upload
+          accept="application/pdf"
          v-model="nuevo.cartaTermino"
-          type="is-black"
-          v-on:input="validarExt(2)"
-          accept="application/pdf"
          drag-drop
          expanded
        >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.cartaTermino.name ||
-                  'Arrastra aquí tu archivo o da click para buscar'
-                }}
-              </p>
-            </div>
-          </section>
+          <div class="section has-text-centered">
+            <b-icon icon="upload" size="is-large" class="mb-2" />
+
+            <p class="is-size-5">
+              {{
+                nuevo.cartaTermino.name ||
+                'Arrastra aquí tu archivo o da click aquí para buscarlo.'
+              }}
+            </p>
+
+            <p class="is-size-6">Tamaño máximo 20MB</p>
+          </div>
        </b-upload>
      </b-field>

-      <p class="is-size-5" v-if="servicio.informeGlobal">Informe global</p>
-
-      <b-field v-if="servicio.informeGlobal">
+      <b-field
+        label="Informe global"
+        v-if="servicio.Status.idStatus > 4 && servicio.Status.idStatus != 7"
+      >
        <b-upload
-          v-model="nuevo.informeGlobal"
-          type="is-black"
-          v-on:input="validarExt(3)"
          accept="application/pdf"
+          v-model="nuevo.informeGlobal"
          drag-drop
          expanded
        >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.informeGlobal.name ||
-                  'Arrastra aquí tu archivo o da click para buscar'
-                }}
-              </p>
-            </div>
-          </section>
+          <div class="section has-text-centered">
+            <b-icon icon="upload" size="is-large" class="mb-2" />
+
+            <p class="is-size-5">
+              {{
+                nuevo.informeGlobal.name ||
+                'Arrastra aquí tu archivo o da click aquí para buscarlo.'
+              }}
+            </p>
+
+            <p class="is-size-6">Tamaño máximo 20MB</p>
+          </div>
        </b-upload>
      </b-field>
    </div>
@@ -185,8 +175,10 @@ export default {
  data() {
    return {
      idServicio: null,
-      idStatus: Number(localStorage.getItem('idStatus')),
-      servicio: {},
+      fechaNacimiento: [],
+      fechaInicio: [],
+      fechaFin: [],
+      minDate1: new Date('2020-01-01'),
      nuevo: {
        correo: '',
        fechaInicioFinal: '',
@@ -198,11 +190,7 @@ export default {
        cartaTermino: {},
        informeGlobal: {},
      },
-      fechaNacimiento: [],
-      fechaInicio: [],
-      fechaFin: [],
-      minDate1: new Date('2020-01-01'),
-      padding: false,
+      servicio: { Status: {} },
    }
  },
  methods: {
@@ -216,18 +204,6 @@ export default {
      }
      return ''
    },
-    dangerToast() {
-      this.$buefy.toast.open({
-        message: 'Asegurate de ingresar un PDF',
-        type: 'is-danger',
-      })
-    },
-    toast() {
-      this.$buefy.toast.open({
-        message: 'Se han actualizado los datos',
-        type: 'is-success',
-      })
-    },
    mostrar() {
      if (
        validator.isEmail(this.nuevo.correo) ||
@@ -249,29 +225,6 @@ export default {
        return true
      }
    },
-    validarExt(a) {
-      const extPermitidas = /(.pdf)$/i
-      switch (a) {
-        case 1:
-          if (!extPermitidas.exec(this.nuevo.cartaAceptacion.name)) {
-            this.dangerToast()
-            this.nuevo.cartaAceptacion = {}
-          }
-          break
-        case 2:
-          if (!extPermitidas.exec(this.nuevo.cartaTermino.name)) {
-            this.dangerToast()
-            this.nuevo.cartaTermino = {}
-          }
-          break
-        case 3:
-          if (!extPermitidas.exec(this.nuevo.informeGlobal.name)) {
-            this.dangerToast()
-            this.nuevo.informeGlobal = {}
-          }
-          break
-      }
-    },
    obtenerRegistro() {
      this.updateIsLoading(true)
      axios
@@ -320,7 +273,7 @@ export default {
          this.admin.tokenArchivo
        )
        .then((res) => {
-          this.toast()
+          this.imprimirMensaje(res.data.message)
          this.updateIsLoading(false)
          this.$router.push('/admin/servicio')
        })
@@ -340,10 +293,7 @@ export default {
          this.admin.token
        )
        .then((res) => {
-          this.$buefy.toast.open({
-            message: 'Se ha enviado el correo con la nueva contraseña',
-            type: 'is-success',
-          })
+          this.imprimirMensaje(res.data.message)
          this.updateIsLoading(false)
          this.$router.push('/admin')
        })