From 509cfdfb6131e4a046ed3dd25dc72aee81933ef5 Mon Sep 17 00:00:00 2001
From: LOG1997 <2694233102@qq.com>
Date: Mon, 8 Dec 2025 23:09:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(Home):=20=E6=B7=BB=E5=8A=A0=E5=88=9D?=
 =?UTF-8?q?=E5=A7=8B=E5=8C=96=E5=AE=8C=E6=88=90=E7=8A=B6=E6=80=81=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E5=A4=B4=E9=83=A8=E6=A0=87=E9=A2=98=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=20Fix=20#91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/components/HeaderTitle/index.vue | 3 ++-
 src/views/Home/index.vue                        | 3 ++-
 src/views/Home/useViewModel.ts                  | 3 +++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/Home/components/HeaderTitle/index.vue b/src/views/Home/components/HeaderTitle/index.vue
index 03e6a4d..e6d350e 100644
--- a/src/views/Home/components/HeaderTitle/index.vue
+++ b/src/views/Home/components/HeaderTitle/index.vue
@@ -10,6 +10,7 @@ interface Props {
   topTitle: string
   tableData: any[]
   setDefaultPersonList: () => void
+  isInitialDone: boolean
 }
 
 const props = defineProps<Props>()
@@ -26,7 +27,7 @@ const { t } = useI18n()
     >
       {{ topTitle }}
     </h2>
-    <div class="flex gap-3">
+    <div v-if="isInitialDone" class="flex gap-3">
       <button
         v-if="tableData.length <= 0" class="cursor-pointer btn btn-outline btn-secondary btn-lg"
         @click="router.push('config')"
diff --git a/src/views/Home/index.vue b/src/views/Home/index.vue
index 70f295d..23fbe32 100644
--- a/src/views/Home/index.vue
+++ b/src/views/Home/index.vue
@@ -9,7 +9,7 @@ import { useViewModel } from './useViewModel'
 import 'vue-toast-notification/dist/theme-sugar.css'
 
 const viewModel = useViewModel()
-const { setDefaultPersonList, tableData, currentStatus, enterLottery, stopLottery, containerRef, startLottery, continueLottery, quitLottery } = viewModel
+const { setDefaultPersonList, tableData, currentStatus, enterLottery, stopLottery, containerRef, startLottery, continueLottery, quitLottery, isInitialDone } = viewModel
 const globalConfig = useStore().globalConfig
 
 const { getTopTitle: topTitle, getTextColor: textColor, getTextSize: textSize, getBackground: homeBackground } = storeToRefs(globalConfig)
@@ -22,6 +22,7 @@ const { getTopTitle: topTitle, getTextColor: textColor, getTextSize: textSize, g
     :text-color="textColor"
     :top-title="topTitle"
     :set-default-person-list="setDefaultPersonList"
+    :is-initial-done="isInitialDone"
   />
   <div id="container" ref="containerRef" class="3dContainer">
     <OptionButton
diff --git a/src/views/Home/useViewModel.ts b/src/views/Home/useViewModel.ts
index e3e879e..b059e2f 100644
--- a/src/views/Home/useViewModel.ts
+++ b/src/views/Home/useViewModel.ts
@@ -51,6 +51,7 @@ export function useViewModel() {
     const luckyCount = ref(10)
     const personPool = ref<IPersonConfig[]>([])
     const intervalTimer = ref<any>(null)
+    const isInitialDone = ref<boolean>(false)
 
     function initThreeJs() {
         const felidView = 40
@@ -597,6 +598,7 @@ export function useViewModel() {
                 containerRef.value!.style.color = `${textColor}`
                 randomBallData()
                 window.addEventListener('keydown', listenKeyboard)
+                isInitialDone.value = true
             }
             else {
                 console.log('等待人员列表数据...')
@@ -634,5 +636,6 @@ export function useViewModel() {
         enterLottery,
         tableData,
         currentStatus,
+        isInitialDone,
     }
 }