pcpuma_unam_operador/components/operador/Activos.vue

<template>
  <TablaBuscadorPrestamo
    :actualizarTabla="actualizarTabla"
    :updateActualizarTabla="updateActualizarTabla"
    :operador="operador"
    activos
    mostrarSelectModuloA
    columnaBotonCancelar
    columnaHoraFin
    filaRetraso
  />
</template>

<script>
import TablaBuscadorPrestamo from '@/components/tablaBuscador/TablaBuscadorPrestamo'

export default {
  components: { TablaBuscadorPrestamo },
  props: {
    actualizarTabla: { type: Boolean, required: true, default: false },
    updateActualizarTabla: {
      type: Function,
      required: true,
      default: () => {},
    },
    operador: { type: Object, required: true, default: () => ({}) },
  },
  mounted() {
    this.socket = this.$nuxtSocket({
      name: 'main',
      path: process.env.path,
    })
    this.socket.on('actualizar-operador', (data) => {
      if (this.operador.institucion.id_institucion === data.id_institucion)
        this.updateActualizarTabla(true)
    })
  },
}
</script>