<template>
  <div>
    <p class=" text-2xl font-bold mb-5">一级支行客户经理信息</p>
     <top-bar :level="level"/>
     <user-table :level="level" :role="role" :dataSource="dataSource"/>
  </div>
</template>
<script lang="ts">
import Vue, { PropType } from "vue"
import { eLevel } from "@/types/level"
import TopBar from "@/components/UserManage/topBar.vue"
import userTable from "@/components/UserManage/userTable.vue"
import { staff } from '@/types/staff'
import { eRole } from "@/types/role"
import { firstSubClientManager } from "@/mock/index"

export default Vue.extend({
  components:{TopBar,userTable},
  props:{
    level:{
      type: Number as PropType<eLevel>,
      default:eLevel.firstLevel_sub_branch
    },
    role:{
      type: Number as PropType<eRole>,
      default:eRole.firstLevel_sub_clientManager
    },
    dataSource:{
      type: Array as PropType<staff[]>,
      default(){
        return firstSubClientManager
      }
    }
  },
});
</script>