From 2608833516a3731ba8754db1ca7676d35eb094b3 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Fri, 2 Jan 2026 23:08:44 +0800
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=BB=84=E4=BB=B6=E5=8A=A0=E8=BD=BD=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=EF=BC=8C=E5=AD=98=E5=82=A8=E4=B8=AD=E9=97=B4=E5=80=BC?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0=E7=99=BB=E5=BD=95=E6=80=81=E5=88=A4?=
 =?UTF-8?q?=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

close #200
---
 src/pages/common/PageHome.vue | 38 ++++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/pages/common/PageHome.vue b/src/pages/common/PageHome.vue
index 71c8a6c4..4e5b84a4 100644
--- a/src/pages/common/PageHome.vue
+++ b/src/pages/common/PageHome.vue
@@ -8,10 +8,10 @@
           :hide-details="true"
           :items="games"
           class="home-tool-select"
+          density="compact"
           item-value="gid"
           label="小工具（右侧）分区"
           variant="outlined"
-          density="compact"
         >
           <template #selection="{ item }">
             <div class="select-item main">
@@ -49,17 +49,18 @@
     <template #append>
       <div class="home-select">
         <v-select
-          v-model="showItems"
+          v-model="oldItems"
           :chips="true"
           :hide-details="true"
           :items="showItemsAll"
           :multiple="true"
+          density="compact"
           label="首页组件显示"
           variant="outlined"
           width="360px"
-          density="compact"
+          @update:menu="handleMenu"
         />
-        <v-btn variant="elevated" :rounded="true" class="select-btn" @click="submitHome">
+        <v-btn :rounded="true" class="select-btn" variant="elevated" @click="submitHome">
           确定
         </v-btn>
       </div>
@@ -83,7 +84,7 @@ import useBBSStore from "@store/bbs.js";
 import useHomeStore from "@store/home.js";
 import TGLogger from "@utils/TGLogger.js";
 import { storeToRefs } from "pinia";
-import { computed, defineComponent, onMounted, ref, shallowRef, watch } from "vue";
+import { defineComponent, onMounted, ref, shallowRef, watch } from "vue";
 
 /**
  * 单文件组件类型
@@ -107,17 +108,14 @@ const bbsStore = useBBSStore();
 const { devMode, isLogin } = storeToRefs(useAppStore());
 const { gameList } = storeToRefs(bbsStore);
 
-const showItemsAll: Array<string> = ["游戏签到", "素材日历", "限时祈愿", "近期活动"];
-
 const curGid = ref<number>(2);
 
 const games = shallowRef<Array<SelectItem>>();
 const loadItems = shallowRef<Array<string>>([]);
 const components = shallowRef<Array<SFComp>>([]);
-const showItems = computed<Array<string>>({
-  get: () => homeStore.getShowItems(),
-  set: (v: Array<string>) => homeStore.setShowItems(v),
-});
+const showItems = shallowRef<Array<string>>([]);
+const showItemsAll = shallowRef<Array<string>>(["素材日历", "限时祈愿", "近期活动"]);
+const oldItems = shallowRef<Array<string>>([]);
 
 onMounted(async () => {
   await bbsStore.refreshGameList();
@@ -128,7 +126,12 @@ onMounted(async () => {
   if (isLogin.value) {
     await showLoading.start("正在加载首页小部件");
     games.value = gameList.value.map((i) => ({ icon: i.app_icon, title: i.name, gid: i.id }));
+    showItems.value = homeStore.getShowItems();
+    showItemsAll.value = ["游戏签到", "素材日历", "限时祈愿", "近期活动"];
+  } else {
+    showItems.value = homeStore.getShowItems().filter((i) => i !== "游戏签到");
   }
+  oldItems.value = showItems.value;
   await loadComp();
 });
 
@@ -140,12 +143,22 @@ watch(
   },
 );
 
+function handleMenu(v: boolean): void {
+  if (!v) {
+    oldItems.value = showItems.value;
+  }
+}
+
 async function loadComp(): Promise<void> {
   const temp: Array<SFComp> = [];
   for (const item of showItems.value) {
     switch (item) {
       case "游戏签到":
-        temp.push(PhCompSign);
+        if (isLogin.value) {
+          temp.push(PhCompSign);
+        } else {
+          showSnackbar.warn("未登录不可设置游戏签到组件");
+        }
         break;
       case "限时祈愿":
         temp.push(PhCompPool);
@@ -164,6 +177,7 @@ async function loadComp(): Promise<void> {
 }
 
 async function submitHome(): Promise<void> {
+  showItems.value = oldItems.value;
   if (showItems.value.length === 0) {
     showSnackbar.warn("请至少选择一个!");
     return;