pcpuma_unam_operador/components/panel_admin/AdminInstitucionA.vue

<template>
  <div class="column is-4">
    <h3 class="is-size-4 mb-4">Configuración</h3>

    <b-field label="Dominio">
      <b-input
        type="text"
        :placeholder="institucion.dominio"
        :disabled="!institucion.id_institucion"
        v-model="dominio"
      />
    </b-field>

    <b-field label="Días de multa por retraso">
      <b-input
        type="number"
        :placeholder="institucion.dias_multa_retraso"
        :disabled="!institucion.id_institucion"
        v-model="diasMultaRetraso"
      />
    </b-field>

    <b-field label="Tiempo para recoger equipo">
      <b-input
        type="number"
        :placeholder="institucion.tiempo_recoger"
        :disabled="!institucion.id_institucion"
        v-model="tiempoRecoger"
      />
    </b-field>

    <b-field label="Tiempo para entregar equipo">
      <b-input
        type="number"
        :placeholder="institucion.tiempo_entrega"
        :disabled="!institucion.id_institucion"
        v-model="tiempoEntrega"
      />
    </b-field>

    <b-field label="Tiempo de préstamo">
      <b-input
        type="number"
        :placeholder="institucion.tiempo_prestamo"
        :disabled="!institucion.id_institucion"
        v-model="tiempoPrestamo"
      />
    </b-field>

    <b-field class="file">
      <b-upload v-model="logo" expanded accept=".png,.jpeg,.jpg">
        <a class="button is-primary is-fullwidth">
          <b-icon icon="upload" />

          <span>{{ logo.name || 'Click para subir el logo' }}</span>
        </a>
      </b-upload>
    </b-field>

    <BotonGuardar
      :disabled="
        dominio ||
        diasMultaRetraso ||
        tiempoPrestamo ||
        tiempoRecoger ||
        tiempoEntrega ||
        logo.name
          ? false
          : true
      "
      :guardar="actualizarDatos"
      msjWarning="¿Estas segur@ de querer guardar estos cambios?"
    />

    <BotonFinSemestre :updateIsLoading="updateIsLoading" :admin="admin" />
  </div>
</template>

<script>
import axios from 'axios'
import BotonFinSemestre from '@/components/botones/BotonFinSemestre'
import BotonGuardar from '@/components/botones/BotonGuardar'

export default {
  components: {
    BotonGuardar,
    BotonFinSemestre,
  },
  props: {
    buscar: { type: Function, required: true },
    updateIsLoading: { type: Function, required: true },
    admin: { type: Object, required: true },
    institucion: { type: Object, required: true },
  },
  data() {
    return {
      dominio: '',
      diasMultaRetraso: '',
      tiempoRecoger: '',
      tiempoEntrega: '',
      tiempoPrestamo: '',
      logo: {},
    }
  },
  methods: {
    actualizarDatos() {
      const data = { id_institucion: this.institucion.id_institucion }

      this.updateIsLoading(true)
      if (Object.entries(this.logo).length != 0) return this.subirLogo()
      if (this.dominio) {
        data.email_institucional = true
        data.dominio = this.dominio
      }
      if (this.diasMultaRetraso)
        data.dias_multa_retraso = Number(this.diasMultaRetraso)
      if (this.tiempoRecoger) data.tiempo_recoger = Number(this.tiempoRecoger)
      if (this.tiempoEntrega) data.tiempo_entrega = Number(this.tiempoEntrega)
      if (this.tiempoPrestamo)
        data.tiempo_prestamo = Number(this.tiempoPrestamo)
      axios
        .put(`${process.env.api}/institucion`, data, this.$getToken.token())
        .then((res) => {
          this.dominio = ''
          this.diasMultaRetraso = ''
          this.tiempoRecoger = ''
          this.tiempoEntrega = ''
          this.tiempoPrestamo = ''
          this.buscar()
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
        })
        .catch((err) => {
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirError(
            this.$buefy,
            this.$router,
            err.response.data
          )
        })
    },
    subirLogo() {
      const formData = new FormData()

      this.updateIsLoading(true)
      formData.append('logo', this.logo)
      axios
        .post(
          `${process.env.api}/upload-file/upload-logo?id_institucion=${this.admin.institucion.id_institucion}`,
          formData,
          this.$getToken.token()
        )
        .then((res) => {
          this.logo = {}
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
        })
        .catch((err) => {
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirError(
            this.$buefy,
            this.$router,
            err.response.data
          )
        })
    },
  },
}
</script>

<style></style>