servicio_social_front/pages/admin/servicio/index.vue

<template>
  <section class="container px-2 pb-6">
    <BotonRegresar path="/admin" />

    <h3 class="title">{{ alumno.Status.status }}</h3>

    <InformacionServicio :alumno="alumno" />

    <TituloStatus :alumno="alumno" />

    <Archivo
      :admin="admin"
      :imprimirMensaje="imprimirMensaje"
      :imprimirWarning="imprimirWarning"
      :imprimirError="imprimirError"
      :updateIsLoading="updateIsLoading"
      :alumno="alumno"
      :title="'carta de aceptación'"
      v-if="alumno.cartaAceptacion"
    />

    <Archivo
      :admin="admin"
      :imprimirMensaje="imprimirMensaje"
      :imprimirWarning="imprimirWarning"
      :imprimirError="imprimirError"
      :updateIsLoading="updateIsLoading"
      :alumno="alumno"
      :title="'carta de termino'"
      v-if="alumno.cartaTermino"
    />

    <Archivo
      :admin="admin"
      :imprimirMensaje="imprimirMensaje"
      :imprimirWarning="imprimirWarning"
      :imprimirError="imprimirError"
      :updateIsLoading="updateIsLoading"
      :alumno="alumno"
      :title="'informe global'"
      v-if="alumno.informeGlobal"
    />

    <div>
      <p v-if="alumno.idCuestionarioPrograma || alumno.idCuestionarioPrograma2" class="my-4">
        <strong> Cuenta con cuestionario de programa resuelto. </strong>
      </p>

      <p v-if="alumno.idCuestionarioAlumno || alumno.idCuestionarioAlumno2" class="my-4">
        <strong> Cuenta con cuestionario de alumno resuelto. </strong>
      </p>
    </div>

    <ConfirmarServicio
      :idServicio="idServicio"
      :admin="admin"
      :alumno="alumno"
      :imprimirMensaje="imprimirMensaje"
      :imprimirWarning="imprimirWarning"
      :imprimirError="imprimirError"
      :updateIsLoading="updateIsLoading"
    />

    <CancelarServicio
      :idServicio="idServicio"
      :admin="admin"
      :alumno="alumno"
      :imprimirMensaje="imprimirMensaje"
      :imprimirWarning="imprimirWarning"
      :imprimirError="imprimirError"
      :updateIsLoading="updateIsLoading"
    />

    <BotonRegresar path="/admin" />

    <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
  </section>
</template>

<script>
import axios from 'axios'
import Archivo from '@/components/admin/Archivo'
import CancelarServicio from '@/components/admin/CancelarServicio'
import ConfirmarServicio from '@/components/admin/ConfirmarServicio'
import InformacionServicio from '@/components/admin/InformacionServicio'
import TituloStatus from '@/components/admin/TituloStatus'

export default {
  components: {
    Archivo,
    CancelarServicio,
    ConfirmarServicio,
    InformacionServicio,
    TituloStatus,
  },
  data() {
    return {
      isLoading: false,
      idServicio: null,
      admin: {},
      alumno: {
        Programa: { Usuario: {} },
        Usuario: {},
        Carrera: {},
        Status: {},
      },
    }
  },
  methods: {
    updateIsLoading(booleanValue) {
      this.isLoading = booleanValue
    },
    obtenerRegistro() {
      this.updateIsLoading(true)
      axios
        .get(
          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}`,
          this.admin.token
        )
        .then((res) => {
          this.alumno = res.data
          this.updateIsLoading(false)
        })
        .catch((err) => {
          this.imprimirError(err.response.data)
        })
    },
    imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
      this.$buefy.dialog.alert({
        ariaRole: 'alertdialog',
        ariaModal: true,
        type: 'is-danger',
        title,
        message: err.message,
        confirmText: 'Entendido',
        hasIcon: true,
        iconPack: 'mdi',
        icon: 'alert-octagon',
        onConfirm: () => onConfirm(),
      })
      if (err.err && err.err === 'token error') {
        localStorage.clear()
        this.$router.push('/')
      }
    },
    imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
      this.$buefy.dialog.alert({
        ariaRole: 'alertdialog',
        ariaModal: true,
        type: 'is-success',
        title,
        message,
        confirmText: 'Ok',
        hasIcon: true,
        iconPack: 'mdi',
        icon: 'check-circle',
        onConfirm: () => onConfirm(),
      })
    },
    imprimirWarning(
      message,
      onConfirm = () => {},
      title = '¡Espera un minuto!',
      onCancel = () => {}
    ) {
      this.$buefy.dialog.alert({
        ariaRole: 'alertdialog',
        ariaModal: true,
        type: 'is-warning',
        title,
        message,
        confirmText: 'Confirmar',
        canCancel: true,
        cancelText: 'Cancelar',
        hasIcon: true,
        iconPack: 'mdi',
        icon: 'help-circle',
        onConfirm: () => onConfirm(),
        onCancel: () => onCancel(),
      })
    },
    getLocalhostInfo() {
      this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
      this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
      this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
      this.admin.token = {
        headers: {
          token: localStorage.getItem('token'),
        },
      }
      this.idServicio = Number(localStorage.getItem('idServicio'))
    },
  },
  created() {
    this.getLocalhostInfo()
    if (this.admin.idTipoUsuario === 2) this.$router.push('/responsable')
    if (this.admin.idTipoUsuario === 3) this.$router.push('/alumno')
    if (this.admin.idTipoUsuario === 4) this.$router.push('/casoEspecial')
    if (!this.idServicio) this.$router.push('/admin')
    else this.obtenerRegistro()
  },
}
</script>