From 23f5689cbd6e815c8bd9c8834be89aacd970954c Mon Sep 17 00:00:00 2001
From: qwerzl <me@qwerzl.me>
Date: Mon, 14 Oct 2024 12:07:06 +0800
Subject: [PATCH] feat: support viewing CAS time in `ViewActivityRecord`

---
 .changeset/wicked-waves-battle.md             |  5 ++
 .../view-activity-records/DataTable.vue       | 54 +++++++++++++++----
 2 files changed, 48 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/wicked-waves-battle.md

diff --git a/.changeset/wicked-waves-battle.md b/.changeset/wicked-waves-battle.md
new file mode 100644
index 00000000..4e0aab1a
--- /dev/null
+++ b/.changeset/wicked-waves-battle.md
@@ -0,0 +1,5 @@
+---
+"enspire": minor
+---
+
+Support adding CAS time for activity record
diff --git a/components/custom/CAS/Record/view-activity-records/DataTable.vue b/components/custom/CAS/Record/view-activity-records/DataTable.vue
index 3fa515bc..1df0798c 100644
--- a/components/custom/CAS/Record/view-activity-records/DataTable.vue
+++ b/components/custom/CAS/Record/view-activity-records/DataTable.vue
@@ -1,18 +1,8 @@
 <script setup lang="ts" generic="TData, TValue">
+import type { ActivityRecord, Club, ClubMembership } from '@prisma/client'
 import type { ColumnDef, ColumnFiltersState, SortingState } from '@tanstack/vue-table'
-import {
-  FlexRender,
-  getCoreRowModel,
-  getFilteredRowModel,
-  getPaginationRowModel,
-  getSortedRowModel,
-  useVueTable,
-} from '@tanstack/vue-table'
 
-import type { ActivityRecord, Club, ClubMembership } from '@prisma/client'
-import { valueUpdater } from '@/lib/utils'
 import { DonutChart } from '@/components/ui/chart-donut'
-
 import {
   Table,
   TableBody,
@@ -21,6 +11,16 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table'
+import { valueUpdater } from '@/lib/utils'
+
+import {
+  FlexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useVueTable,
+} from '@tanstack/vue-table'
 
 const props = defineProps<{
   columns: ColumnDef<TData, TValue>[]
@@ -147,6 +147,38 @@ async function submitDeletion(id: string) {
         </div>
       </div>
 
+      <div>
+        <div class="font-medium">
+          CAS时间
+        </div>
+        <div class="text-sm rounded border p-2 mt-1 flex justify-between">
+          <div class="flex items-center space-x-0.5">
+            <p class="font-bold">
+              C:
+            </p>
+            <div>
+              {{ currentRequestInDialog?.cTime }}小时
+            </div>
+          </div>
+          <div class="flex items-center space-x-0.5">
+            <p class="font-bold">
+              A:
+            </p>
+            <div>
+              {{ currentRequestInDialog?.aTime }}小时
+            </div>
+          </div>
+          <div class="flex items-center space-x-0.5">
+            <p class="font-bold">
+              S:
+            </p>
+            <div>
+              {{ currentRequestInDialog?.sTime }}小时
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div>
         <div class="font-medium">
           活动概况