From b6538f4fea2727c02832d26413e1124beb1db4f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E8=89=AF?= <841369634@qq.com>
Date: Mon, 2 Dec 2024 22:40:54 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=97=A5=E5=BF=97=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/gui/src/view/mixins/plugin.js  |  4 ++++
 packages/gui/src/view/pages/help.vue    |  3 ++-
 packages/gui/src/view/pages/server.vue  |  9 +--------
 packages/gui/src/view/pages/setting.vue | 12 ++++--------
 4 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/packages/gui/src/view/mixins/plugin.js b/packages/gui/src/view/mixins/plugin.js
index aa94c86..65cd8d1 100644
--- a/packages/gui/src/view/mixins/plugin.js
+++ b/packages/gui/src/view/mixins/plugin.js
@@ -138,5 +138,9 @@ export default {
     isLinux () {
       return this.systemPlatform === 'linux'
     },
+    async openLog () {
+      const dir = await this.$api.info.getConfigDir()
+      this.$api.ipc.openPath(`${dir}/logs/`)
+    },
   },
 }
diff --git a/packages/gui/src/view/pages/help.vue b/packages/gui/src/view/pages/help.vue
index 295c3b7..123f2eb 100644
--- a/packages/gui/src/view/pages/help.vue
+++ b/packages/gui/src/view/pages/help.vue
@@ -26,7 +26,8 @@ export default {
     <template slot="header">
       帮助中心
       <span>
-        <a-button @click="openExternal('https://github.com/docmirror/dev-sidecar/issues/new/choose')">反馈问题</a-button>
+        <a-button class="md-mr-10" @click="openExternal('https://github.com/docmirror/dev-sidecar/issues/new/choose')">反馈问题</a-button>
+        <a-button class="md-mr-10" icon="profile" @click="openLog()">查看日志</a-button>
       </span>
     </template>
 
diff --git a/packages/gui/src/view/pages/server.vue b/packages/gui/src/view/pages/server.vue
index 6a96944..34d4174 100644
--- a/packages/gui/src/view/pages/server.vue
+++ b/packages/gui/src/view/pages/server.vue
@@ -122,10 +122,6 @@ export default {
     addWhiteList () {
       this.whiteList.unshift({ key: '', value: true })
     },
-    async openLog () {
-      const dir = await this.$api.info.getConfigDir()
-      this.$api.ipc.openPath(`${dir}/logs/`)
-    },
     getSpeedTestConfig () {
       return this.config.server.dns.speedTest
     },
@@ -202,9 +198,6 @@ export default {
               <a-tag v-else color="red">
                 当前未启动
               </a-tag>
-              <a-button class="md-mr-10" icon="profile" @click="openLog()">
-                日志
-              </a-button>
             </a-form-item>
             <a-form-item label="绑定IP" :label-col="labelCol" :wrapper-col="wrapperCol">
               <a-input v-model="config.server.host" />
@@ -273,7 +266,7 @@ export default {
           />
         </a-tab-pane>
         <a-tab-pane key="3" tab="超时时间设置">
-          <div style="height:100%;display:flex;flex-direction:column;padding-right:10px">
+          <div style="height:100%;display:flex;flex-direction:column">
             <a-form-item label="默认超时时间" :label-col="labelCol" :wrapper-col="wrapperCol">
               请求：<a-input-number v-model="config.server.setting.defaultTimeout" :step="1000" :min="1000" /> ms，对应<code>timeout</code>配置<br>
               连接：<a-input-number v-model="config.server.setting.defaultKeepAliveTimeout" :step="1000" :min="1000" /> ms，对应<code>keepAliveTimeout</code>配置
diff --git a/packages/gui/src/view/pages/setting.vue b/packages/gui/src/view/pages/setting.vue
index 97f6e33..6cdc518 100644
--- a/packages/gui/src/view/pages/setting.vue
+++ b/packages/gui/src/view/pages/setting.vue
@@ -20,10 +20,6 @@ export default {
       this.urlBackup = config.app.remoteConfig.url
       this.personalUrlBackup = config.app.remoteConfig.personalUrl
     },
-    async openLog () {
-      const dir = await this.$api.info.getConfigDir()
-      this.$api.ipc.openPath(`${dir}/logs/`)
-    },
     getEventKey (event) {
       // 忽略以下键
       switch (event.key) {
@@ -315,6 +311,9 @@ export default {
   <ds-container>
     <template slot="header">
       设置
+      <span>
+        <a-button class="md-mr-10" icon="profile" @click="openLog()">查看日志</a-button>
+      </span>
     </template>
 
     <div v-if="config">
@@ -322,9 +321,6 @@ export default {
         <a-checkbox v-model="config.app.autoStart.enabled" @change="onAutoStartChange">
           本应用开机自启
         </a-checkbox>
-        <a-button class="md-mr-10" icon="profile" @click="openLog()">
-          日志
-        </a-button>
       </a-form-item>
       <a-form-item v-if="systemPlatform === 'mac'" label="隐藏Dock图标" :label-col="labelCol" :wrapper-col="wrapperCol">
         <a-checkbox v-model="config.app.dock.hideWhenWinClose">
@@ -410,7 +406,7 @@ export default {
           部分快捷键已被占用：F5=刷新页面，F12=开发者工具（DevTools）
         </div>
       </a-form-item>
-      <a-form-item label="启动时打开窗口" :label-col="labelCol" :wrapper-col="wrapperCol">
+      <a-form-item label="启动时窗口状态" :label-col="labelCol" :wrapper-col="wrapperCol">
         <a-radio-group v-model="config.app.startShowWindow" default-value="true" button-style="solid">
           <a-radio-button :value="true">
             打开窗口

From 6f9a024e88b460f1a63a6ac36f948900b2aab4e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E8=89=AF?= <841369634@qq.com>
Date: Mon, 2 Dec 2024 23:27:06 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feature:=20=E5=B8=AE=E5=8A=A9=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E5=8F=AF=E4=BB=A5=E9=80=9A=E8=BF=87dataList?=
 =?UTF-8?q?=E4=B8=AD=E7=9A=84=20`class`=20=E5=92=8C=20`style`=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=A0=B7=E5=BC=8F=E7=B1=BB?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../gui/src/view/components/tree-node.vue     |  8 +++--
 packages/gui/src/view/style/index.scss        | 34 ++++++++++++++++++-
 packages/gui/src/view/style/theme/dark.scss   |  4 +++
 3 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/packages/gui/src/view/components/tree-node.vue b/packages/gui/src/view/components/tree-node.vue
index 7f25d0f..6cf033e 100644
--- a/packages/gui/src/view/components/tree-node.vue
+++ b/packages/gui/src/view/components/tree-node.vue
@@ -15,10 +15,12 @@ export default {
 <template>
   <ul>
     <li v-for="node in treeData" :key="node.title">
-      <span v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))" :title="node.tip || node.title">
-        <a @click="openExternal(node.url)">{{ node.title }}</a>
+      <span v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))" :class="node.class" :style="node.style">
+        <a :title="node.tip || node.title" @click="openExternal(node.url)">{{ node.title }}</a>
+      </span>
+      <span v-else :class="node.class" :style="node.style">
+        <label :title="node.tip || node.title">{{ node.title }}</label>
       </span>
-      <span v-else :title="node.tip || node.title">{{ node.title }}</span>
       <tree-node v-if="node.children && node.children.length > 0" :tree-data="node.children" class="child-node" />
     </li>
   </ul>
diff --git a/packages/gui/src/view/style/index.scss b/packages/gui/src/view/style/index.scss
index 06c0ebd..fc9d7e3 100644
--- a/packages/gui/src/view/style/index.scss
+++ b/packages/gui/src/view/style/index.scss
@@ -30,6 +30,9 @@
   margin-right: 20px;
 }
 
+.md-mt-0 {
+  margin-top: 0;
+}
 .md-mt-5 {
   margin-top: 5px;
 }
@@ -151,10 +154,15 @@ hr {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
+        font-size: 14px;
       }
 
+      a {
+        color: #3990e0;
+      }
       a:hover {
         text-decoration: underline;
+        color: #2c9be5;
       }
     }
 
@@ -163,4 +171,28 @@ hr {
       padding-left: 20px;
     }
   }
-}
\ No newline at end of file
+
+  .help-title-h1 {
+    font-size: 18px;
+    font-weight: bold;
+    border-bottom: 1px solid #eee;
+    margin-top: 20px;
+    margin-bottom: 5px;
+    padding-bottom: 5px;
+    padding-left: 5px;
+
+    &.md-mt-0 {
+      margin-top: 0;
+    }
+  }
+
+  .help-title-h2 {
+    font-size: 16px;
+    font-weight: bold;
+    margin-top: 10px;
+  }
+
+  .console {
+    font-family: Consolas, arial, serif;
+  }
+}
diff --git a/packages/gui/src/view/style/theme/dark.scss b/packages/gui/src/view/style/theme/dark.scss
index 8e72d35..6c0ba35 100644
--- a/packages/gui/src/view/style/theme/dark.scss
+++ b/packages/gui/src/view/style/theme/dark.scss
@@ -69,6 +69,10 @@ $dark-input: #777; //输入框：背景色
     background: $dark-bd;
   }
 
+  .help-list .help-title-h1 {
+    border-bottom-color: $dark-bd;
+  }
+
   /* 左侧 */
   /** 背景色 **/
   .ant-layout-sider {