<template>
  <div class="container">
    <!-- 人事管理界面 -->
    <div v-if="userRole === 'HR'">
      <ProbationManage />
    </div>

    <!-- 员工申请界面 -->
    <div v-else>
      <ProbationApply />
    </div>
  </div>
</template>

<script>
import ProbationApply from "./ProbationApply";
import ProbationManage from "./ProbationManage";

export default {
  data() {
    return {
      userRole: 'HR', // 实际应从登录信息获取
    }
  },
  components: {
    ProbationApply,
    ProbationManage,
  }
}
</script>