From 6c4a052bf688ea5a51d8778bc925567d5627013c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=98=89=E4=BC=9F?= <8473136@qq.com>
Date: Wed, 4 Dec 2024 16:19:17 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E6=89=93=E5=BC=80=E5=A4=96?=
 =?UTF-8?q?=E9=83=A8=E6=97=A5=E5=BF=97=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/api/logger.ts                        | 15 ++++++++++-
 src/components/IconifyIcon/src/offlineIcon.ts |  7 ++---
 src/views/logger/index.vue                    | 27 ++++++++++++++++---
 3 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/electron/api/logger.ts b/electron/api/logger.ts
index e75c58b..33be0b4 100644
--- a/electron/api/logger.ts
+++ b/electron/api/logger.ts
@@ -1,4 +1,4 @@
-import { app, ipcMain } from "electron";
+import { app, ipcMain, shell } from "electron";
 
 const fs = require("fs");
 const path = require("path");
@@ -28,4 +28,17 @@ export const initLoggerApi = () => {
       }
     });
   });
+
+  ipcMain.on("logger.openLog", (event, args) => {
+    console.log('正在打开日志');
+    shell.openPath(logPath).then((errorMessage) => {
+      if (errorMessage) {
+        console.error('Failed to open Logger:', errorMessage);
+        event.reply("Logger.openLog.hook", false);
+      } else {
+        console.log('Logger opened successfully');
+        event.reply("Logger.openLog.hook", true);
+      }
+    });
+  });
 };
diff --git a/src/components/IconifyIcon/src/offlineIcon.ts b/src/components/IconifyIcon/src/offlineIcon.ts
index 249f4e3..687d94f 100644
--- a/src/components/IconifyIcon/src/offlineIcon.ts
+++ b/src/components/IconifyIcon/src/offlineIcon.ts
@@ -1,10 +1,5 @@
 import {addIcon} from "@iconify/vue/dist/offline";
 
-/**
- * 这里存放本地图标，在 src/layout/index.vue 文件中加载，避免在首启动加载
- */
-
-// 本地菜单图标，后端在路由的icon中返回对应的图标字符串并且前端在此处使用addIcon添加即可渲染菜单图标
 import Cloud from "@iconify-icons/material-symbols/cloud";
 import RocketLaunchRounded from "@iconify-icons/material-symbols/rocket-launch-rounded";
 import Download from "@iconify-icons/material-symbols/download-2";
@@ -36,6 +31,7 @@ import deviceReset from "@iconify-icons/material-symbols/device-reset";
 import switchAccessOutlineRounded from "@iconify-icons/material-symbols/switch-access-outline-rounded";
 import switchAccessRounded from "@iconify-icons/material-symbols/switch-access-rounded";
 import chargerRounded from "@iconify-icons/material-symbols/charger-rounded";
+import fileOpenRounded from "@iconify-icons/material-symbols/file-open-rounded";
 
 addIcon("cloud", Cloud);
 addIcon("rocket-launch-rounded", RocketLaunchRounded);
@@ -67,5 +63,6 @@ addIcon("downloadRounded", downloadRounded);
 addIcon("deviceReset", deviceReset);
 addIcon("switchAccessOutlineRounded", switchAccessOutlineRounded);
 addIcon("switchAccessRounded", switchAccessRounded);
+addIcon("file-open-rounded", fileOpenRounded);
 
 
diff --git a/src/views/logger/index.vue b/src/views/logger/index.vue
index 00fb768..85efdb3 100644
--- a/src/views/logger/index.vue
+++ b/src/views/logger/index.vue
@@ -1,7 +1,10 @@
 <script lang="ts" setup>
-import {defineComponent, onMounted, onUnmounted, ref} from "vue";
+import { defineComponent, onMounted, onUnmounted, ref } from "vue";
 import Breadcrumb from "@/layout/compoenets/Breadcrumb.vue";
-import {ipcRenderer} from "electron";
+import { ipcRenderer } from "electron";
+import IconifyIconOffline from "@/components/IconifyIcon/src/iconifyIconOffline";
+import { useDebounce, useDebounceFn } from "@vueuse/core";
+import { ElMessage } from "element-plus";
 
 defineComponent({
   name: "Logger"
@@ -46,15 +49,33 @@ onMounted(() => {
       loggerContent.value = handleLog2Html(args);
     }
   });
+
+  ipcRenderer.on("Logger.openLog.hook", (event, args) => {
+    if (args) {
+      ElMessage({
+        type: "success",
+        message: "打开日志成功"
+      });
+    }
+  });
 });
 
+const openLocalLog = useDebounceFn(() => {
+  console.log('打开啊日志');
+  ipcRenderer.send("logger.openLog");
+}, 300);
+
 onUnmounted(() => {
   ipcRenderer.removeAllListeners("Logger.getLog.hook");
 });
 </script>
 <template>
   <div class="main">
-    <breadcrumb />
+    <breadcrumb>
+      <el-button plain type="primary" @click="openLocalLog">
+        <IconifyIconOffline icon="file-open-rounded"  />
+      </el-button>
+    </breadcrumb>
     <div class="app-container-breadcrumb">
       <div
         class="w-full h-full p-2 bg-[#2B2B2B] rounded drop-shadow-lg overflow-y-auto"