pcpuma_unam_operador/components/buscar/BuscarInstitucion.vue

<template>
  <section class="box">
    <div
      class="columns is-align-items-flex-end"
      v-if="admin.tipoUsuario.id_tipo_usuario === 2"
    >
      <SelectInstitucion
        columnSize="is-4"
        :institucionPadre="institucionBuscar"
        @institucion-seleccionada="
          (nuevaInstitucion) => (institucionBuscar = nuevaInstitucion)
        "
      />

      <BotonBuscar
        columnSize="is-3"
        :buscar="buscar"
        :disabled="
          !institucionBuscar.id_institucion ||
          institucionBuscar.id_institucion === institucion.id_institucion
        "
      />
    </div>

    <div class="columns">
      <AdminInstitucionSA
        :buscar="buscar"
        :updateIsLoading="updateIsLoading"
        :admin="admin"
        :institucion="institucion"
        v-if="admin.tipoUsuario.id_tipo_usuario === 2"
      />

      <InformacionInstitucion
        :admin="admin"
        :institucion="institucion"
        :updateIsLoading="updateIsLoading"
        :buscar="buscar"
      />

      <AdminInstitucionA
        :buscar="buscar"
        :updateIsLoading="updateIsLoading"
        :admin="admin"
        :institucion="institucion"
        v-if="admin.tipoUsuario.id_tipo_usuario === 3"
      />
    </div>
  </section>
</template>

<script>
import axios from 'axios'
import AdminInstitucionA from '@/components/panel_admin/AdminInstitucionA'
import AdminInstitucionSA from '@/components/panel_admin/AdminInstitucionSA'
import BotonBuscar from '@/components/botones/BotonBuscar'
import SelectInstitucion from '@/components/selects/SelectInstitucion'
import InformacionInstitucion from '@/components/informacion/InformacionInstitucion'

export default {
  components: {
    AdminInstitucionA,
    AdminInstitucionSA,
    BotonBuscar,
    SelectInstitucion,
    InformacionInstitucion,
  },
  props: {
    updateIsLoading: { type: Function, required: true, default: () => {} },
    updateInstitucion: { type: Function, required: true, default: () => {} },
    admin: { type: Object, required: true },
    institucion: { type: Object, required: true },
  },
  data() {
    return {
      institucionParam: null,
      institucionBuscar: {},
    }
  },
  methods: {
    buscar() {
      this.institucionParam = parseInt(this.$route.params.institucion)
      if (
        this.admin.tipoUsuario.id_tipo_usuario === 2 &&
        this.institucionBuscar.id_institucion &&
        this.institucionBuscar.id_institucion != this.institucionParam
      )
        this.$router.push(
          `/admin/configuracion/instituciones/buscar_institucion/${this.institucionBuscar.id_institucion}`
        )
      this.updateIsLoading(true)
      axios
        .get(
          `${process.env.api}/institucion/institucion?id_institucion=${this.institucionBuscar.id_institucion}`,
          this.$getToken.token()
        )
        .then((res) => {
          this.updateInstitucion(res.data)
          this.updateIsLoading(false)
        })
        .catch((err) => {
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
        })
    },
  },
  created() {
    this.institucionParam = parseInt(this.$route.params.institucion)
    if (this.admin.institucion) this.institucionBuscar = this.admin.institucion
    else if (this.institucionParam)
      this.institucionBuscar = { id_institucion: this.institucionParam }
    if (this.institucionBuscar.id_institucion) this.buscar()
  },
}
</script>