(김준회) 결재 이력조회 기능 추가 및 로그 테이블 확장, 테스트모듈 작성

1 files changed, 58 insertions, 0 deletions

diff --git a/app/[lng]/evcp/(evcp)/approval/log/page.tsx b/app/[lng]/evcp/(evcp)/approval/log/page.tsx
new file mode 100644
index 00000000..d0264aa1
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/approval/log/page.tsx
@@ -0,0 +1,58 @@
+import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton";
+import { InformationButton } from "@/components/information/information-button";
+import { Shell } from "@/components/shell";
+import { Skeleton } from "@/components/ui/skeleton";
+import { ApprovalLogTable } from "@/lib/approval-log/table/approval-log-table";
+import { getApprovalLogList } from "@/lib/approval-log/service";
+import React from "react";
+
+export default async function ApprovalLogPage() {
+  // 기본 데이터 조회 (첫 페이지, 기본 정렬)
+  const promises = Promise.all([
+    getApprovalLogList({
+      page: 1,
+      perPage: 10,
+      sort: [{ id: 'createdAt', desc: true }],
+    }),
+  ]);
+
+  return (
+    <Shell className="gap-2">
+      <div className="flex items-center justify-between space-y-2">
+        <div className="flex items-center justify-between space-y-2">
+          <div>
+            <div className="flex items-center gap-2">
+              <h2 className="text-2xl font-bold tracking-tight">
+                결재 로그
+              </h2>
+              <InformationButton pagePath="evcp/approval/log" />
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
+        {/* <DateRangePicker
+            triggerSize="sm"
+            triggerClassName="ml-auto w-56 sm:w-60"
+            align="end"
+            shallow={false}
+          /> */}
+      </React.Suspense>
+
+      <React.Suspense
+        fallback={
+          <DataTableSkeleton
+            columnCount={11}
+            searchableColumnCount={1}
+            filterableColumnCount={3}
+            cellWidths={["5rem", "12rem", "20rem", "8rem", "10rem", "15rem", "12rem", "6rem", "8rem", "12rem", "5rem"]}
+            shrinkZero
+          />
+        }
+      >
+        <ApprovalLogTable promises={promises} />
+      </React.Suspense>
+    </Shell>
+  )
+}
\ No newline at end of file