<template>
  <div class="app-container">
    <el-table v-loading="loading" :data="attendanceSummaryDetailList">
      <el-table-column label="用户" align="center" prop="nickName" />
      <el-table-column label="正常出勤小时数" align="center" prop="normalHours" />
      <el-table-column label="加班小时数" align="center" prop="overtimeHours" />
      <el-table-column label="出差小时数" align="center" prop="travelHours" />
    </el-table>
  </div>
</template>

<script setup name="AttendanceSummaryDetail">
import { listAttendanceSummaryDetail } from "@/api/oa/attendanceSummaryDetail";
import { computed } from "vue";

const props = defineProps({
  // 考勤汇总ID
  summaryId: {
    type: String,
    required: true
  }
})

const loading = ref(false)
const attendanceSummaryDetailList = computed(() => {
  return props.summaryId ? listAttendanceSummaryDetail({summaryId: props.summaryId, pageSize: 9999}) : []
})
</script>
