完善时间的录入和展示

gear-ui3/src/views/peoples/attendance/components/snapshotDetail.vue

@@ -0,0 +1,28 @@
+<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>