pcpuma_unam_operador/components/tablas/TablaUsuariosNuevos.vue

<template>
  <section class="mb-5">
    <h3 class="is-size-4 mb-3">Previsualización de los datos</h3>

    <b-table :data="usuarios" :per-page="25" paginated hoverable striped>
      <b-table-column
        field="usuario"
        label="Número de cuenta"
        v-slot="props"
        centered
      >
        <p>{{ props.row.usuario.usuario }}</p>
      </b-table-column>

      <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
        <p>{{ props.row.usuario.nombre }}</p>
      </b-table-column>

      <b-table-column
        field="posgrado"
        label="Carrera/Posgrado"
        v-slot="props"
        centered
      >
        <p v-if="props.row.institucionCarrera.carrera">
          {{ props.row.institucionCarrera.carrera.carrera }}
        </p>
      </b-table-column>

      <b-table-column
        field="tipoUsuario"
        label="Tipo Usuario"
        v-slot="props"
        centered
      >
        <p>{{ props.row.usuario.tipoUsuario.tipo_usuario }}</p>
      </b-table-column>
    </b-table>
  </section>
</template>

<script>
export default {
  props: { usuarios: { type: Array, required: true } },
}
</script>

<style></style>