pcpuma_unam_operador/components/operador/Usuario.vue

<template>
  <section class="mb-5">
    <BuscarUsuario
      :operador="operador"
      :updateIsLoading="updateIsLoading"
      :updateUsuario="updateUsuario"
      :usuario="usuario"
    />

    <b-tabs>
      <TabPrestamosUsuario :usuario="usuario" :operador="operador" />

      <TabMultas :usuario="usuario" />
    </b-tabs>
  </section>
</template>

<script>
import BuscarUsuario from '@/components/buscar/BuscarUsuario'
import TabMultas from '@/components/operador/TabMultas'
import TabPrestamosUsuario from '@/components/operador/TabPrestamosUsuario'

export default {
  components: { BuscarUsuario, TabMultas, TabPrestamosUsuario },
  props: {
    operador: { type: Object, required: true, default: () => ({}) },
    updateIsLoading: { type: Function, required: true, default: () => {} },
  },
  data() {
    return {
      usuario: { instituciones: [], tipoUsuario: {} },
    }
  },
  methods: {
    updateUsuario(valorObject) {
      this.usuario = valorObject
    },
  },
}
</script>