<script lang="ts" setup>
import { ref } from 'vue';

import { Page } from '@vben/common-ui';

import { Tabs } from 'ant-design-vue';

import ProjectList from './modules/project.vue';
import StaffList from './modules/staff.vue';

const subTabsName = ref('project');
</script>

<template>
  <Page auto-content-height>
    <div class="card-container">
      <Tabs
        v-model:active-key="subTabsName"
        :tab-bar-style="{ marginTop: '-10px' }"
      >
        <Tabs.TabPane key="project" tab="项目分组">
          <ProjectList />
        </Tabs.TabPane>
        <Tabs.TabPane key="author" tab="人员分组">
          <StaffList />
        </Tabs.TabPane>
      </Tabs>
    </div>
  </Page>
</template>
