From 8e7ae48fb30fcf3f009f37a7c75d28070fd61e79 Mon Sep 17 00:00:00 2001
From: geekgeekrun <geekgeekrun>
Date: Sat, 28 Dec 2024 10:11:12 +0800
Subject: [PATCH] fix datetime show in ui is show as utc time instead of local
 time

---
 .../src/renderer/src/features/JobInfoHistoryList/index.vue | 4 ++--
 .../ui/src/renderer/src/features/JobInfoSnapshot/index.vue | 4 ++--
 .../src/page/Configuration/MarkAsNotSuitRecord.vue         | 6 ++++--
 .../renderer/src/page/Configuration/StartChatRecord.vue    | 6 ++++--
 packages/utils/date.mjs                                    | 7 +++++++
 5 files changed, 19 insertions(+), 8 deletions(-)
 create mode 100644 packages/utils/date.mjs

diff --git a/packages/ui/src/renderer/src/features/JobInfoHistoryList/index.vue b/packages/ui/src/renderer/src/features/JobInfoHistoryList/index.vue
index 89ffae7..90d9574 100644
--- a/packages/ui/src/renderer/src/features/JobInfoHistoryList/index.vue
+++ b/packages/ui/src/renderer/src/features/JobInfoHistoryList/index.vue
@@ -23,7 +23,7 @@
       >
         <template #header>
           <div class="diff-table-header">
-            {{ dayjs(item.value).format('YYYY-MM-DD HH:mm:ss') }}
+            {{ transformUtcDateToLocalDate(item.value).format('YYYY-MM-DD HH:mm:ss') }}
             <el-tooltip content="待对比条目少于2个" :disabled="tableProps.length > 1">
               <el-radio v-model="diffPivot" :label="item.value" :disabled="tableProps.length <= 1">作为diff基准</el-radio>
             </el-tooltip>
@@ -42,8 +42,8 @@ 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, ElForm, ElFormItem, ElRow, ElCol, ElDivider } from 'element-plus'
-import dayjs from 'dayjs'
 import TextDiff from '../../components/TextDiff.vue'
+import { transformUtcDateToLocalDate } from '@geekgeekrun/utils/date.mjs'
 
 const props = defineProps({
   jobInfo: {
diff --git a/packages/ui/src/renderer/src/features/JobInfoSnapshot/index.vue b/packages/ui/src/renderer/src/features/JobInfoSnapshot/index.vue
index 8b4d0f5..24be46a 100644
--- a/packages/ui/src/renderer/src/features/JobInfoSnapshot/index.vue
+++ b/packages/ui/src/renderer/src/features/JobInfoSnapshot/index.vue
@@ -4,7 +4,7 @@
     <el-form-item label="职位名称">{{ jobInfo.jobName }}</el-form-item>
     <el-form-item label="职位分类">{{ jobInfo.positionName }}</el-form-item>
     <el-form-item label="开聊时间">{{
-      dayjs(jobInfo.date).format('YYYY-MM-DD HH:mm:ss')
+      transformUtcDateToLocalDate(jobInfo.date).format('YYYY-MM-DD HH:mm:ss')
     }}</el-form-item>
     <el-form-item label="工作经验">{{ jobInfo.experienceName }}</el-form-item>
     <el-form-item label="薪资">{{
@@ -21,7 +21,7 @@
 <script setup lang="ts">
 import { PropType } from 'vue'
 import { type VChatStartupLog } from '@geekgeekrun/sqlite-plugin/src/entity/VChatStartupLog'
-import dayjs from 'dayjs'
+import { transformUtcDateToLocalDate } from '@geekgeekrun/utils/date.mjs'
 
 const props = defineProps({
   jobInfo: {
diff --git a/packages/ui/src/renderer/src/page/Configuration/MarkAsNotSuitRecord.vue b/packages/ui/src/renderer/src/page/Configuration/MarkAsNotSuitRecord.vue
index 3a68b73..76d9dfc 100644
--- a/packages/ui/src/renderer/src/page/Configuration/MarkAsNotSuitRecord.vue
+++ b/packages/ui/src/renderer/src/page/Configuration/MarkAsNotSuitRecord.vue
@@ -17,7 +17,9 @@
           <ElTableColumn
             prop="date"
             label="标记时间"
-            :formatter="(_row, _col, val) => dayjs(val).format('YYYY-MM-DD HH:mm:ss')"
+            :formatter="
+              (_row, _col, val) => transformUtcDateToLocalDate(val).format('YYYY-MM-DD HH:mm:ss')
+            "
           />
           <ElTableColumn prop="bossName" label="BOSS" width="64" />
           <ElTableColumn prop="markReason" label="标记原因" width="250">
@@ -101,10 +103,10 @@
 import { ref, onMounted, onBeforeUnmount, h } from 'vue'
 import { ElTable, ElTableColumn, ElButton, ElPagination, ElDrawer } from 'element-plus'
 import { type VMarkAsNotSuitLog } from '@geekgeekrun/sqlite-plugin/src/entity/VMarkAsNotSuitLog'
-import dayjs from 'dayjs'
 import { PageReq, PagedRes } from '../../../../common/types/pagination'
 import JobInfoSnapshot from '../../features/JobInfoSnapshot/index.vue'
 import { MarkAsNotSuitReason } from '@geekgeekrun/sqlite-plugin/src/enums'
+import { transformUtcDateToLocalDate } from '@geekgeekrun/utils/date.mjs'
 
 const tableData = ref<VMarkAsNotSuitLog[]>([])
 const pageSizeList = ref<number[]>([100, 200, 300, 400])
diff --git a/packages/ui/src/renderer/src/page/Configuration/StartChatRecord.vue b/packages/ui/src/renderer/src/page/Configuration/StartChatRecord.vue
index fe292e2..978d41d 100644
--- a/packages/ui/src/renderer/src/page/Configuration/StartChatRecord.vue
+++ b/packages/ui/src/renderer/src/page/Configuration/StartChatRecord.vue
@@ -17,7 +17,9 @@
           <ElTableColumn
             prop="date"
             label="开聊时间"
-            :formatter="(_row, _col, val) => dayjs(val).format('YYYY-MM-DD HH:mm:ss')"
+            :formatter="
+              (_row, _col, val) => transformUtcDateToLocalDate(val).format('YYYY-MM-DD HH:mm:ss')
+            "
           />
           <ElTableColumn prop="experienceName" label="工作经验" />
           <ElTableColumn
@@ -84,7 +86,7 @@
 import { ref, onMounted, onBeforeUnmount } from 'vue'
 import { ElTable, ElTableColumn, ElButton, ElPagination, ElDrawer } from 'element-plus'
 import { type VChatStartupLog } from '@geekgeekrun/sqlite-plugin/src/entity/VChatStartupLog'
-import dayjs from 'dayjs'
+import { transformUtcDateToLocalDate } from '@geekgeekrun/utils/date.mjs'
 import { PageReq, PagedRes } from '../../../../common/types/pagination'
 import JobInfoSnapshot from '../../features/JobInfoSnapshot/index.vue'
 
diff --git a/packages/utils/date.mjs b/packages/utils/date.mjs
new file mode 100644
index 0000000..e6d55a6
--- /dev/null
+++ b/packages/utils/date.mjs
@@ -0,0 +1,7 @@
+import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
+
+dayjs.extend(utc)
+export const transformUtcDateToLocalDate = (utcString) => {
+  return dayjs.utc(utcString).local()
+}