From 873316157bb5ed5eef4a1f9d26e6e18df7687b05 Mon Sep 17 00:00:00 2001
From: Putoo <290555932@qq.com>
Date: Tue, 28 Apr 2026 18:12:00 +0800
Subject: [PATCH] 222

---
 Web/src/composables/layout.ts    |  6 ++++--
 Web/src/extends/MessageExtend.ts |  2 +-
 Web/src/pages/index.vue          | 19 +++++++++++++------
 3 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/Web/src/composables/layout.ts b/Web/src/composables/layout.ts
index 7fef45b..9330041 100644
--- a/Web/src/composables/layout.ts
+++ b/Web/src/composables/layout.ts
@@ -15,5 +15,7 @@ export const layout = {
   empty: 'empty'
 } as const
 
-// 类型定义
-export type LayoutValue = typeof layout.default | typeof layout.empty
\ No newline at end of file
+// 定义布局常量
+export const middleware = {
+  loading: 'page-loading'
+} as const
\ No newline at end of file
diff --git a/Web/src/extends/MessageExtend.ts b/Web/src/extends/MessageExtend.ts
index 5e0de6b..c38431d 100644
--- a/Web/src/extends/MessageExtend.ts
+++ b/Web/src/extends/MessageExtend.ts
@@ -28,7 +28,7 @@ export class MessageExtend {
   }
 
   //  异步提示弹窗
-  static ShowDialogAsyc(title: string, message: string, onConfirm?: () => Promise<boolean>): Promise<boolean> {
+  static ShowConfirmDialogAsyc(title: string, message: string, onConfirm?: () => Promise<boolean>): Promise<boolean> {
     return new Promise((resolve) => {
       showConfirmDialog({
         title,
diff --git a/Web/src/pages/index.vue b/Web/src/pages/index.vue
index 5890f49..a20be59 100644
--- a/Web/src/pages/index.vue
+++ b/Web/src/pages/index.vue
@@ -25,7 +25,7 @@
     <div class="content" v-else>
       <a href="https://3g.fan/Login">立即进入游戏?</a>
     </div>
-    <div class="common">
+    <div class="common" v-if="isOnline">
       <div class="title">
         =====☆<a class="" href="/Pallet/GameOpen/GameUser?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">我的区服</a>☆=====
       </div>
@@ -38,10 +38,14 @@
     </div>
     <div class="common">
       <div class="title">
-        =====☆其他区服☆=====
+        =====☆{{ isOnline ? "其他区服" : "全部区服" }}☆=====
       </div>
       <div class="content">
-        <span>暂无区服.</span>
+        <div class="item" v-for="(item, index) in areaData" :key="index">
+          ✧<Abar :href='"/login/register?id=" + item.areaId'>({{ item.areaId }}区){{ item.name }}</Abar>
+          {{ item.status == 1 ? "(推荐)" : "(繁忙)" }}
+        </div>
+        <span v-if="areaData.length == 0">暂无区服.</span>
       </div>
     </div>
 
@@ -101,10 +105,10 @@
 <script setup lang="ts">
 definePageMeta({
   layout: layout.empty,
-  middleware: 'page-loading'
+  middleware: middleware.loading
 })
 
-const areaData = ref<any>([]);
+const areaData = ref<Array<any>>([]);
 const isOnline = ref(false);
 const OnCount = ref(0);
 
@@ -123,9 +127,9 @@ const Initialize = async (): Promise<void> => {
 
 //退出登录
 const offOnline = () => {
-
   MessageExtend.ShowConfirmDialog("退出游戏", "您确定要退出游戏吗？", () => {
     StateHelper.OffOnline();
+    isOnline.value = false;
     MessageExtend.ShowToast("退出成功!", "success");
   });
 }
@@ -135,7 +139,10 @@ onMounted(async () => {
   StateHelper.SetSid("kUVjj2cBUemcdokUEIBEKh0qhKkkSkui0x");
   //StateHelper.SetSid('');
   try {
+    
     await Initialize();
+
+
   }
   finally {
     PageLoading.Close();