From 7447a904b3c41e1c32c2b2ec02d7e949168d43e7 Mon Sep 17 00:00:00 2001
From: 2977094657 <2977094657@qq.com>
Date: Wed, 11 Feb 2026 12:14:08 +0800
Subject: [PATCH] =?UTF-8?q?feat(settings):=20=E6=96=B0=E5=A2=9E=E7=8B=AC?=
 =?UTF-8?q?=E7=AB=8B=E8=AE=BE=E7=BD=AE=E9=A1=B5=E5=B9=B6=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E6=A1=8C=E9=9D=A2=E5=81=8F=E5=A5=BD=E8=AF=BB=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增 /settings 页面，集中管理桌面行为与启动偏好开关

抽离 desktop-settings 工具，统一本地布尔配置读写

首页默认跳转逻辑改为复用设置工具，减少重复实现
---
 frontend/pages/index.vue           |   9 +-
 frontend/pages/settings.vue        | 214 +++++++++++++++++++++++++++++
 frontend/utils/desktop-settings.js |  20 +++
 3 files changed, 236 insertions(+), 7 deletions(-)
 create mode 100644 frontend/pages/settings.vue
 create mode 100644 frontend/utils/desktop-settings.js

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 01405d7..80b2b0d 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -68,17 +68,12 @@
 <script setup>
 import { onMounted } from 'vue'
 import { useApi } from '~/composables/useApi'
-
-const DESKTOP_SETTING_DEFAULT_TO_CHAT_KEY = 'desktop.settings.defaultToChatWhenData'
+import { DESKTOP_SETTING_DEFAULT_TO_CHAT_KEY, readLocalBoolSetting } from '~/utils/desktop-settings'
 
 onMounted(async () => {
   if (!process.client || typeof window === 'undefined') return
-  if (!window.wechatDesktop) return
 
-  let enabled = false
-  try {
-    enabled = localStorage.getItem(DESKTOP_SETTING_DEFAULT_TO_CHAT_KEY) === 'true'
-  } catch {}
+  const enabled = readLocalBoolSetting(DESKTOP_SETTING_DEFAULT_TO_CHAT_KEY, false)
   if (!enabled) return
 
   try {
diff --git a/frontend/pages/settings.vue b/frontend/pages/settings.vue
new file mode 100644
index 0000000..67a0aa6
--- /dev/null
+++ b/frontend/pages/settings.vue
@@ -0,0 +1,214 @@
+<template>
+  <div class="h-screen flex overflow-hidden" style="background-color: #EDEDED">
+    <div class="flex-1 flex flex-col min-h-0" style="background-color: #EDEDED">
+      <div class="flex-1 min-h-0 overflow-auto p-6">
+        <div class="max-w-3xl mx-auto">
+          <div class="bg-white border border-gray-200 rounded-lg overflow-hidden">
+            <div class="px-5 py-4 border-b border-gray-200 bg-[#F7F7F7]">
+              <div class="text-lg font-semibold text-gray-900">设置</div>
+              <div class="text-sm text-gray-500 mt-1">桌面端相关行为与启动偏好</div>
+            </div>
+
+            <div class="p-5 space-y-5">
+              <div v-if="!isDesktopEnv" class="rounded-md border border-amber-200 bg-amber-50 text-amber-900 px-3 py-2 text-xs leading-5">
+                当前为浏览器环境：“桌面行为”分组仅桌面端可用；“启动偏好”分组可正常使用。
+              </div>
+
+              <div class="rounded-lg border border-gray-200">
+                <div class="px-4 py-3 border-b border-gray-200 bg-gray-50">
+                  <div class="text-sm font-medium text-gray-900">桌面行为</div>
+                </div>
+                <div class="px-4 py-3 space-y-4">
+                  <div class="flex items-center justify-between gap-4">
+                    <div class="min-w-0">
+                      <div class="text-sm font-medium text-gray-900">开机自启动</div>
+                      <div class="text-xs text-gray-500">系统登录后自动启动桌面端</div>
+                    </div>
+                    <input
+                      type="checkbox"
+                      class="h-4 w-4"
+                      :checked="desktopAutoLaunch"
+                      :disabled="!isDesktopEnv || desktopAutoLaunchLoading"
+                      @change="onDesktopAutoLaunchToggle"
+                    />
+                  </div>
+                  <div v-if="desktopAutoLaunchError" class="text-xs text-red-600 whitespace-pre-wrap">
+                    {{ desktopAutoLaunchError }}
+                  </div>
+
+                  <div class="flex items-center justify-between gap-4">
+                    <div class="min-w-0">
+                      <div class="text-sm font-medium text-gray-900">关闭窗口行为</div>
+                      <div class="text-xs text-gray-500">点击关闭按钮时：默认最小化到托盘</div>
+                    </div>
+                    <select
+                      class="text-sm px-2 py-1 rounded-md border border-gray-200 bg-white"
+                      :disabled="!isDesktopEnv || desktopCloseBehaviorLoading"
+                      :value="desktopCloseBehavior"
+                      @change="onDesktopCloseBehaviorChange"
+                    >
+                      <option value="tray">最小化到托盘</option>
+                      <option value="exit">直接退出</option>
+                    </select>
+                  </div>
+                  <div v-if="desktopCloseBehaviorError" class="text-xs text-red-600 whitespace-pre-wrap">
+                    {{ desktopCloseBehaviorError }}
+                  </div>
+                </div>
+              </div>
+
+              <div class="rounded-lg border border-gray-200">
+                <div class="px-4 py-3 border-b border-gray-200 bg-gray-50">
+                  <div class="text-sm font-medium text-gray-900">启动偏好</div>
+                </div>
+                <div class="px-4 py-3 space-y-4">
+                  <div class="flex items-center justify-between gap-4">
+                    <div class="min-w-0">
+                      <div class="text-sm font-medium text-gray-900">启动后自动开启实时获取</div>
+                      <div class="text-xs text-gray-500">进入聊天页后自动打开“实时开关”（默认关闭）</div>
+                    </div>
+                    <input
+                      type="checkbox"
+                      class="h-4 w-4"
+                      :checked="desktopAutoRealtime"
+                      @change="onDesktopAutoRealtimeToggle"
+                    />
+                  </div>
+
+                  <div class="flex items-center justify-between gap-4">
+                    <div class="min-w-0">
+                      <div class="text-sm font-medium text-gray-900">有数据时默认进入聊天页</div>
+                      <div class="text-xs text-gray-500">有已解密账号时，打开应用默认跳转到 /chat（默认关闭）</div>
+                    </div>
+                    <input
+                      type="checkbox"
+                      class="h-4 w-4"
+                      :checked="desktopDefaultToChatWhenData"
+                      @change="onDesktopDefaultToChatToggle"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { DESKTOP_SETTING_AUTO_REALTIME_KEY, DESKTOP_SETTING_DEFAULT_TO_CHAT_KEY, readLocalBoolSetting, writeLocalBoolSetting } from '~/utils/desktop-settings'
+
+useHead({ title: '设置 - 微信数据分析助手' })
+
+const isDesktopEnv = ref(false)
+
+const desktopAutoRealtime = ref(false)
+const desktopDefaultToChatWhenData = ref(false)
+
+const desktopAutoLaunch = ref(false)
+const desktopAutoLaunchLoading = ref(false)
+const desktopAutoLaunchError = ref('')
+
+const desktopCloseBehavior = ref('tray')
+const desktopCloseBehaviorLoading = ref(false)
+const desktopCloseBehaviorError = ref('')
+
+const refreshDesktopAutoLaunch = async () => {
+  if (!process.client || typeof window === 'undefined') return
+  if (!window.wechatDesktop?.getAutoLaunch) return
+  desktopAutoLaunchLoading.value = true
+  desktopAutoLaunchError.value = ''
+  try {
+    desktopAutoLaunch.value = !!(await window.wechatDesktop.getAutoLaunch())
+  } catch (e) {
+    desktopAutoLaunchError.value = e?.message || '读取开机自启动状态失败'
+  } finally {
+    desktopAutoLaunchLoading.value = false
+  }
+}
+
+const setDesktopAutoLaunch = async (enabled) => {
+  if (!process.client || typeof window === 'undefined') return
+  if (!window.wechatDesktop?.setAutoLaunch) return
+  desktopAutoLaunchLoading.value = true
+  desktopAutoLaunchError.value = ''
+  try {
+    desktopAutoLaunch.value = !!(await window.wechatDesktop.setAutoLaunch(!!enabled))
+  } catch (e) {
+    desktopAutoLaunchError.value = e?.message || '设置开机自启动失败'
+    await refreshDesktopAutoLaunch()
+  } finally {
+    desktopAutoLaunchLoading.value = false
+  }
+}
+
+const refreshDesktopCloseBehavior = async () => {
+  if (!process.client || typeof window === 'undefined') return
+  if (!window.wechatDesktop?.getCloseBehavior) return
+  desktopCloseBehaviorLoading.value = true
+  desktopCloseBehaviorError.value = ''
+  try {
+    const v = await window.wechatDesktop.getCloseBehavior()
+    desktopCloseBehavior.value = String(v || '').toLowerCase() === 'exit' ? 'exit' : 'tray'
+  } catch (e) {
+    desktopCloseBehaviorError.value = e?.message || '读取关闭窗口行为失败'
+  } finally {
+    desktopCloseBehaviorLoading.value = false
+  }
+}
+
+const setDesktopCloseBehavior = async (behavior) => {
+  if (!process.client || typeof window === 'undefined') return
+  if (!window.wechatDesktop?.setCloseBehavior) return
+  const desired = String(behavior || '').toLowerCase() === 'exit' ? 'exit' : 'tray'
+  desktopCloseBehaviorLoading.value = true
+  desktopCloseBehaviorError.value = ''
+  try {
+    const v = await window.wechatDesktop.setCloseBehavior(desired)
+    desktopCloseBehavior.value = String(v || '').toLowerCase() === 'exit' ? 'exit' : 'tray'
+  } catch (e) {
+    desktopCloseBehaviorError.value = e?.message || '设置关闭窗口行为失败'
+    await refreshDesktopCloseBehavior()
+  } finally {
+    desktopCloseBehaviorLoading.value = false
+  }
+}
+
+const onDesktopAutoLaunchToggle = async (ev) => {
+  const checked = !!ev?.target?.checked
+  await setDesktopAutoLaunch(checked)
+}
+
+const onDesktopCloseBehaviorChange = async (ev) => {
+  const v = String(ev?.target?.value || '').trim()
+  await setDesktopCloseBehavior(v)
+}
+
+const onDesktopAutoRealtimeToggle = (ev) => {
+  const checked = !!ev?.target?.checked
+  desktopAutoRealtime.value = checked
+  writeLocalBoolSetting(DESKTOP_SETTING_AUTO_REALTIME_KEY, checked)
+}
+
+const onDesktopDefaultToChatToggle = (ev) => {
+  const checked = !!ev?.target?.checked
+  desktopDefaultToChatWhenData.value = checked
+  writeLocalBoolSetting(DESKTOP_SETTING_DEFAULT_TO_CHAT_KEY, checked)
+}
+
+onMounted(async () => {
+  if (process.client && typeof window !== 'undefined') {
+    isDesktopEnv.value = !!window.wechatDesktop
+  }
+
+  desktopAutoRealtime.value = readLocalBoolSetting(DESKTOP_SETTING_AUTO_REALTIME_KEY, false)
+  desktopDefaultToChatWhenData.value = readLocalBoolSetting(DESKTOP_SETTING_DEFAULT_TO_CHAT_KEY, false)
+
+  if (isDesktopEnv.value) {
+    await refreshDesktopAutoLaunch()
+    await refreshDesktopCloseBehavior()
+  }
+})
+</script>
diff --git a/frontend/utils/desktop-settings.js b/frontend/utils/desktop-settings.js
new file mode 100644
index 0000000..f190414
--- /dev/null
+++ b/frontend/utils/desktop-settings.js
@@ -0,0 +1,20 @@
+export const DESKTOP_SETTING_AUTO_REALTIME_KEY = 'desktop.settings.autoRealtime'
+export const DESKTOP_SETTING_DEFAULT_TO_CHAT_KEY = 'desktop.settings.defaultToChatWhenData'
+
+export const readLocalBoolSetting = (key, fallback = false) => {
+  if (!process.client) return !!fallback
+  try {
+    const raw = localStorage.getItem(String(key || ''))
+    if (raw == null) return !!fallback
+    return String(raw).toLowerCase() === 'true'
+  } catch {
+    return !!fallback
+  }
+}
+
+export const writeLocalBoolSetting = (key, value) => {
+  if (!process.client) return
+  try {
+    localStorage.setItem(String(key || ''), value ? 'true' : 'false')
+  } catch {}
+}