From 52c0e53a7e475fd63e3fe7c18645bb42bac2fea7 Mon Sep 17 00:00:00 2001
From: geekgeekrun <geekgeekrun>
Date: Tue, 8 Oct 2024 18:58:31 +0800
Subject: [PATCH] add the pivot select radio for diff table

---
 .../src/features/JobInfoHistoryList/index.vue | 25 +++++++++++++++++--
 .../src/page/Configuration/JobLibrary.vue     |  4 +--
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/renderer/src/features/JobInfoHistoryList/index.vue b/packages/ui/src/renderer/src/features/JobInfoHistoryList/index.vue
index 1d97ed9..1707336 100644
--- a/packages/ui/src/renderer/src/features/JobInfoHistoryList/index.vue
+++ b/packages/ui/src/renderer/src/features/JobInfoHistoryList/index.vue
@@ -9,7 +9,10 @@
         :label="item.label"
       >
         <template #header>
-          {{ dayjs(item.value).format('YYYY-MM-DD HH:mm:ss') }}
+          <div class="diff-table-header">
+            {{ dayjs(item.value).format('YYYY-MM-DD HH:mm:ss') }}
+            <el-radio v-model="diffPivot" :label="index">作为diff基准</el-radio>
+          </div>
         </template>
         <template #default="{ row }">
           <div class="of-auto">
@@ -22,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import { PropType, computed } from 'vue'
+import { PropType, computed, ref, watch } from 'vue'
 import { type VChatStartupLog } from '@geekgeekrun/sqlite-plugin/src/entity/VChatStartupLog'
 import { JobInfoChangeLog } from '@geekgeekrun/sqlite-plugin/src/entity/JobInfoChangeLog'
 import { ElTable, ElTableColumn } from 'element-plus'
@@ -75,6 +78,18 @@ const dataForRender = computed(() => {
   })
   return newArr
 })
+
+const diffPivot = ref(0)
+watch(
+  () => props.jobInfoHistoryList,
+  () => {
+    if (!props.jobInfoHistoryList.length) {
+      diffPivot.value = 0
+      return
+    }
+    diffPivot.value = props.jobInfoHistoryList.length - 1
+  }
+)
 </script>
 
 <style lang="scss" scoped>
@@ -83,5 +98,11 @@ const dataForRender = computed(() => {
     color: #999;
   }
 }
+.diff-table-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
 </style>
 <style lang="scss"></style>
diff --git a/packages/ui/src/renderer/src/page/Configuration/JobLibrary.vue b/packages/ui/src/renderer/src/page/Configuration/JobLibrary.vue
index 1ab2aa9..ecad286 100644
--- a/packages/ui/src/renderer/src/page/Configuration/JobLibrary.vue
+++ b/packages/ui/src/renderer/src/page/Configuration/JobLibrary.vue
@@ -187,7 +187,7 @@ async function handleViewJobHistoryButtonClick(record: VChatStartupLog) {
   //       return {}
   //     }
   //   })(),
-  //   __ggr_updateTime: new Date(it.updateTime)
+  //   __ggr_updateTime: it.updateTime
   // }))
   const { data: historyList } = await Promise.resolve({
     data: [
@@ -221,7 +221,7 @@ async function handleViewJobHistoryButtonClick(record: VChatStartupLog) {
           return {}
         }
       })(),
-      __ggr_updateTime: new Date(it.updateTime)
+      __ggr_updateTime: it.updateTime
     }))
   })
   historyDialogVisibleModelValue.value = true