From 387bb601577a1432dcd0b8e1be9fa300af2b490a Mon Sep 17 00:00:00 2001
From: geekgeekrun <geekgeekrun>
Date: Sun, 31 Mar 2024 12:51:44 +0800
Subject: [PATCH] add the view for display auto start chat record

---
 .../src/entity/VChatStartupLog.ts             |  4 +
 .../flow/OPEN_SETTING_WINDOW/ipc/index.ts     |  2 +-
 .../src/page/BootstrapSplash/index.vue        |  6 --
 .../page/Configuration/StartChatRecord.vue    | 77 +++++++++++++++++++
 .../renderer/src/page/Configuration/index.vue | 14 +++-
 packages/ui/src/renderer/src/router/index.ts  |  9 ++-
 6 files changed, 103 insertions(+), 9 deletions(-)
 create mode 100644 packages/ui/src/renderer/src/page/Configuration/StartChatRecord.vue

diff --git a/packages/sqlite-plugin/src/entity/VChatStartupLog.ts b/packages/sqlite-plugin/src/entity/VChatStartupLog.ts
index 95e1c9d..f5c39e1 100644
--- a/packages/sqlite-plugin/src/entity/VChatStartupLog.ts
+++ b/packages/sqlite-plugin/src/entity/VChatStartupLog.ts
@@ -6,6 +6,7 @@ const { ViewEntity, ViewColumn } = requireTypeorm();
     user_info.name as userName,
     chat_startup_log.date,
     boss_info.name AS bossName,
+    boss_info.title AS bossTitle,
     company_info.name AS companyName
   FROM
     chat_startup_log
@@ -58,6 +59,9 @@ export class VChatStartupLog {
   @ViewColumn()
   bossName: string;
 
+  @ViewColumn()
+  bossTitle: string;
+
   @ViewColumn()
   companyName: string;
 }
diff --git a/packages/ui/src/main/flow/OPEN_SETTING_WINDOW/ipc/index.ts b/packages/ui/src/main/flow/OPEN_SETTING_WINDOW/ipc/index.ts
index abba378..270c1db 100644
--- a/packages/ui/src/main/flow/OPEN_SETTING_WINDOW/ipc/index.ts
+++ b/packages/ui/src/main/flow/OPEN_SETTING_WINDOW/ipc/index.ts
@@ -261,6 +261,6 @@ export default function initIpc () {
 
   ipcMain.handle('get-auto-start-chat-record', async () => {
     const a = await getAutoStartChatRecord()
-    console.log(a)
+    return a
   })
 }
diff --git a/packages/ui/src/renderer/src/page/BootstrapSplash/index.vue b/packages/ui/src/renderer/src/page/BootstrapSplash/index.vue
index e3d5336..90138c0 100644
--- a/packages/ui/src/renderer/src/page/BootstrapSplash/index.vue
+++ b/packages/ui/src/renderer/src/page/BootstrapSplash/index.vue
@@ -52,10 +52,4 @@ onMounted(async () => {
     }
   })
 })
-
-electron.ipcRenderer.invoke('get-auto-start-chat-record').then(() => {
-  debugger
-}, () => {
-  debugger
-})
 </script>
diff --git a/packages/ui/src/renderer/src/page/Configuration/StartChatRecord.vue b/packages/ui/src/renderer/src/page/Configuration/StartChatRecord.vue
new file mode 100644
index 0000000..5ddd630
--- /dev/null
+++ b/packages/ui/src/renderer/src/page/Configuration/StartChatRecord.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="page-wrap flex flex-col of-hidden">
+    <div class="flex-0"><el-button @click="getAutoStartChatRecord" :loading="isTableLoading">刷新</el-button></div>
+    <div class="flex-1 of-hidden" v-loading="isTableLoading">
+      <div ref="tableContainerEl" class="h-100% of-hidden">
+        <ElTable :data="tableData" :max-height="tableMaxHeight">
+          <ElTableColumn prop="companyName" label="公司" />
+          <ElTableColumn prop="jobName" label="职位名称" />
+          <ElTableColumn prop="positionName" label="职位分类" />
+          <ElTableColumn
+            prop="date"
+            label="开聊时间"
+            :formatter="(_row, _col, val) => dayjs(val).format('YYYY-MM-DD HH:mm:ss')"
+          />
+          <ElTableColumn prop="experienceName" label="工作经验" />
+          <ElTableColumn
+            label="薪资"
+            :formatter="(row, _col, _val) => `${row.salaryLow}-${row.salaryHeight}k`"
+          />
+          <ElTableColumn prop="bossName" label="BOSS" />
+          <ElTableColumn prop="bossTitle" label="BOSS身份" />
+        </ElTable>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, onBeforeUnmount } from 'vue'
+import { ElTable, ElTableColumn, ElButton } from 'element-plus'
+import { useRouter } from 'vue-router'
+import { type VChatStartupLog } from '@geekgeekrun/sqlite-plugin/src/entity/VChatStartupLog'
+import dayjs from 'dayjs'
+const router = useRouter()
+
+const tableData = ref<VChatStartupLog[]>([])
+
+const isTableLoading = ref(false)
+async function getAutoStartChatRecord() {
+  try {
+    isTableLoading.value = true
+    const res = (await electron.ipcRenderer.invoke('get-auto-start-chat-record')) as {
+      data: VChatStartupLog[]
+    }
+    tableData.value = res.data
+  } catch (err) {
+    console.log(err)
+    tableData.value = []
+  } finally {
+    isTableLoading.value = false
+  }
+}
+
+getAutoStartChatRecord()
+
+const tableMaxHeight = ref<number | undefined>(undefined)
+const tableContainerEl = ref<HTMLElement>()
+const setTableMaxHeight = () =>
+  (tableMaxHeight.value = tableContainerEl.value?.clientHeight ?? undefined)
+onMounted(() => {
+  setTableMaxHeight()
+  const ro = new ResizeObserver(() => setTableMaxHeight())
+  ro.observe(tableContainerEl.value!)
+  onBeforeUnmount(() => {
+    ro.disconnect()
+  })
+})
+</script>
+
+<style scoped lang="scss">
+.page-wrap {
+  margin: 0 auto;
+  max-width: 1000px;
+  max-height: 100vh;
+  overflow: hidden;
+}
+</style>
diff --git a/packages/ui/src/renderer/src/page/Configuration/index.vue b/packages/ui/src/renderer/src/page/Configuration/index.vue
index 83f3af7..60d60db 100644
--- a/packages/ui/src/renderer/src/page/Configuration/index.vue
+++ b/packages/ui/src/renderer/src/page/Configuration/index.vue
@@ -1,4 +1,16 @@
-<template><RouterView /></template>
+<template>
+  <div class="flex h100vh">
+    <div class="flex flex-col w160px pt50px pl30px bg-#e8fffb">
+      <RouterLink to="./GeekAutoStartChatWithBoss">Boss炸弹</RouterLink>
+      <RouterLink to="./StartChatRecord">开聊记录</RouterLink>
+    </div>
+    <RouterView #default="{ Component }" class="flex-1">
+      <KeepAlive>
+        <component :is="Component" />
+      </KeepAlive>
+    </RouterView>
+  </div>
+</template>
 
 <script lang="ts" setup>
 import { onMounted, onUnmounted } from 'vue'
diff --git a/packages/ui/src/renderer/src/router/index.ts b/packages/ui/src/renderer/src/router/index.ts
index 79bf65d..542ded8 100644
--- a/packages/ui/src/renderer/src/router/index.ts
+++ b/packages/ui/src/renderer/src/router/index.ts
@@ -18,7 +18,14 @@ const routes: Array<RouteRecordRaw> = [
         path: 'GeekAutoStartChatWithBoss',
         component: () => import('@renderer/page/Configuration/GeekAutoStartChatWithBoss.vue'),
         meta: {
-          title: '"BOSS炸弹" 设置'
+          title: 'BOSS炸弹'
+        }
+      },
+      {
+        path: 'StartChatRecord',
+        component: () => import('@renderer/page/Configuration/StartChatRecord.vue'),
+        meta: {
+          title: '开聊记录'
         }
       }
     ]