<template>
  <div>
    <p class=" text-2xl font-bold mb-5">浙江省分行信息</p>
     <top-bar :level="level"/>
     <user-table :level="level" :role="role" />
  </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 { firstLevelManager } from "@/mock/index"

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