添加分享房间链接和对战结束返回房间

2026-01-09 11:50:21 +08:00
parent 4aa14c6a4c
commit 71b25144a4
14 changed files with 204 additions and 209 deletions
--- a/src/apis.js
+++ b/src/apis.js
@@ -412,9 +412,8 @@ export const cancelOrderListAPI = async (id) => {
  return request("POST", "/user/order/cancelOrder", { id });
 };

-export const isGamingAPI = async () => {
-  const result = await request("GET", "/user/isGaming");
-  return result.gaming || false;
+export const getUserGameState = () => {
+  return request("GET", "/user/state");
 };

 export const getCurrentGameAPI = async () => {
@@ -546,3 +545,9 @@ export const getMyLikeList = (page = 1, pageSize = 10) => {
    `/user/score/sheet/week/shoot/rank/like/list?pageNum=${page}&pageSize=${pageSize}`
  );
 };
+
+export const getReadyAPI = (roomId) => {
+  return request("POST", `/user/room/ready`, {
+    roomId,
+  });
+};
--- a/src/components/BackToGame.vue
+++ b/src/components/BackToGame.vue
@@ -2,12 +2,14 @@
 import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 import { onShow } from "@dcloudio/uni-app";

-import { isGamingAPI, getCurrentGameAPI } from "@/apis";
+import { getCurrentGameAPI, getUserGameState } from "@/apis";
 import { debounce } from "@/util";

 import useStore from "@/store";
 import { storeToRefs } from "pinia";
-const { user } = storeToRefs(useStore());
+const store = useStore();
+const { user, game } = storeToRefs(store);
+const { updateGame } = store;

 const props = defineProps({
  signin: {
@@ -15,13 +17,14 @@ const props = defineProps({
    default: () => {},
  },
 });
-const show = ref(false);
 const loading = ref(false);

 onShow(async () => {
  if (user.value.id) {
-    const isGaming = await isGamingAPI();
-    show.value = isGaming;
+    setTimeout(async () => {
+      const state = await getUserGameState();
+      updateGame(state.gaming, state.roomId);
+    }, 1000);
  }
 });

@@ -29,10 +32,10 @@ watch(
  () => user.value,
  async (value) => {
    if (!value.id) {
-      show.value = false;
+      updateGame(false, "");
    } else {
-      const isGaming = await isGamingAPI();
-      show.value = isGaming;
+      const state = await getUserGameState();
+      updateGame(state.gaming, state.roomId);
    }
  }
 );
@@ -40,26 +43,23 @@ watch(
 const onClick = debounce(async () => {
  if (loading.value) return;
  try {
-    const isGaming = await isGamingAPI();
-    show.value = isGaming;
-
-    if (isGaming) {
    loading.value = true;
+    if (game.value.inBattle) {
      await uni.$checkAudio();
      const result = await getCurrentGameAPI();
-      loading.value = false;
-    } else {
-      uni.showToast({
-        title: "比赛已结束",
-        icon: "none",
+    } else if (game.value.roomID) {
+      uni.navigateTo({
+        url: "/pages/battle-room?roomNumber=" + game.value.roomID,
      });
+    } else {
+      updateGame(false, "");
    }
  } finally {
    loading.value = false;
  }
 });
 const gameOver = () => {
-  show.value = false;
+  updateGame(false, "");
 };
 onMounted(() => {
  uni.$on("game-over", gameOver);
@@ -70,10 +70,19 @@ onBeforeUnmount(() => {
 </script>

 <template>
-  <view v-if="show" class="back-to-game" @click="onClick">
+  <view
+    v-if="game.inBattle || game.roomID"
+    class="back-to-game"
+    @click="onClick"
+  >
    <image src="../static/back-to-game-bg.png" mode="widthFix" />
+    <block v-if="game.inBattle">
      <image src="../static/pk-icon.png" mode="widthFix" />
      <text>返回进行中的对局</text>
+    </block>
+    <block v-else-if="game.roomID">
+      <text>返回房间</text>
+    </block>
    <image src="../static/back.png" mode="widthFix" />
  </view>
 </template>
@@ -93,17 +102,18 @@ onBeforeUnmount(() => {
 .back-to-game > image:first-child {
  position: absolute;
  width: 100%;
+  height: 100rpx;
 }
 .back-to-game > image:nth-child(2) {
  position: relative;
  width: 60px;
  height: 60px;
 }
-.back-to-game > text:nth-child(3) {
+.back-to-game > text {
  position: relative;
  font-size: 14px;
 }
-.back-to-game > image:nth-child(4) {
+.back-to-game > image:last-child {
  position: relative;
  width: 15px;
  margin-left: 5px;
--- a/src/components/Container.vue
+++ b/src/components/Container.vue
@@ -112,21 +112,8 @@ const backToGame = debounce(async () => {

  try {
    isLoading.value = true;
-
-    // 设置请求超时
-    const timeoutPromise = new Promise((_, reject) => {
-      setTimeout(() => reject(new Error("请求超时")), 10000); // 10秒超时
-    });
-
-    const result = await Promise.race([getCurrentGameAPI(), timeoutPromise]);
-
-    // 处理返回结果
-    if (result && result.gameId) {
-      // 跳转到游戏页面
-      uni.navigateTo({
-        url: `/pages/battle-room?gameId=${result.gameId}`,
-      });
-    } else {
+    const game = await getCurrentGameAPI();
+    if (!game || !game.gameId) {
      uni.showToast({
        title: "没有进行中的对局",
        icon: "none",
@@ -136,10 +123,6 @@ const backToGame = debounce(async () => {
    showHint.value = false;
  } catch (error) {
    console.error("获取当前游戏失败:", error);
-    uni.showToast({
-      title: error.message || "网络请求失败，请重试",
-      icon: "none",
-    });
  } finally {
    isLoading.value = false;
  }
--- a/src/components/CreateRoom.vue
+++ b/src/components/CreateRoom.vue
@@ -1,7 +1,14 @@
 <script setup>
 import { ref } from "vue";
 import SButton from "@/components/SButton.vue";
-import { joinRoomAPI, createRoomAPI, isGamingAPI } from "@/apis";
+
+import { joinRoomAPI, createRoomAPI } from "@/apis";
+import { debounce } from "@/util";
+
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const store = useStore();
+const { user, game } = storeToRefs(store);

 const props = defineProps({
  onConfirm: {
@@ -11,13 +18,11 @@ const props = defineProps({
 });

 const battleMode = ref(1);
-const step = ref(1);
 const loading = ref(false);
 const roomNumber = ref("");

-const createRoom = async () => {
-  const isGaming = await isGamingAPI();
-  if (isGaming) {
+const createRoom = debounce(async () => {
+  if (game.value.inBattle) {
    uni.$showHint(1);
    return;
  }
@@ -31,36 +36,20 @@ const createRoom = async () => {
    battleMode.value === 2 ? 2 : 1,
    battleMode.value === 2 ? 10 : size
  );
-  if (result.number) roomNumber.value = result.number;
-  step.value = 2;
-  loading.value = false;
-};
-const enterRoom = async () => {
-  step.value = 1;
+  if (result.number) {
    props.onConfirm();
-  await joinRoomAPI(roomNumber.value);
+    await joinRoomAPI(result.number);
    uni.navigateTo({
-    url: `/pages/battle-room?roomNumber=${roomNumber.value}`,
+      url: "/pages/battle-room?roomNumber=" + result.number,
    });
-};
-
-const setClipboardData = () => {
-  uni.setClipboardData({
-    data: roomNumber.value,
-    success() {
-      uni.showToast({ title: "复制成功" });
-    },
+  }
+  loading.value = false;
 });
-};
 </script>
 <template>
  <view class="container">
-    <image
-      v-if="step === 1"
-      src="../static/choose-battle-mode.png"
-      mode="widthFix"
-    />
-    <view v-if="step === 1" class="create-options">
+    <image src="../static/choose-battle-mode.png" mode="widthFix" />
+    <view class="create-options">
      <view
        :class="{ 'battle-btn': true, 'battle-choosen': battleMode === 1 }"
        @click="() => (battleMode = 1)"
@@ -72,14 +61,12 @@ const setClipboardData = () => {
        @click="() => (battleMode = 3)"
      >
        <text>对抗模式（2V2）</text>
-        <!-- <text>敬请期待</text> -->
      </view>
      <view
        :class="{ 'battle-btn': true, 'battle-choosen': battleMode === 4 }"
        @click="() => (battleMode = 4)"
      >
        <text>对抗模式（3V3）</text>
-        <!-- <text>敬请期待</text> -->
      </view>
      <view
        :class="{ 'battle-btn': true, 'battle-choosen': battleMode === 2 }"
@@ -88,18 +75,7 @@ const setClipboardData = () => {
        <text>乱斗模式（3-10人）</text>
      </view>
    </view>
-    <SButton v-if="step === 1" :onClick="createRoom">下一步</SButton>
-    <view v-if="step === 2" class="room-info">
-      <view>
-        <text>房间号：</text>
-        <text>{{ roomNumber }}</text>
-      </view>
-      <view class="copy-room-number" @click="setClipboardData"
-        >复制房间信息邀请朋友进入</view
-      >
-      <SButton width="70vw" :onClick="enterRoom">进入房间</SButton>
-      <text>30分钟无人进入则房间无效</text>
-    </view>
+    <SButton :onClick="createRoom">创建房间</SButton>
  </view>
 </template>

@@ -142,42 +118,4 @@ const setClipboardData = () => {
  border: 4rpx solid #fff3;
  border-color: #fed847;
 }
-/* .battle-close {
-  background-color: #8889;
-  color: #b3b3b3;
-}
-.battle-close > text:last-child {
-  font-size: 12px;
-} */
-.room-info {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  padding-top: 40px;
-}
-.room-info > view:first-child {
-  font-size: 22px;
-  color: #fff;
-  margin-bottom: 20px;
-}
-.room-info > text {
-  color: #888686;
-  font-size: 14px;
-  margin: 10px 0;
-}
-.room-info > view:last-child {
-  color: #287fff;
-  margin: 20px 0;
-  font-size: 14px;
-}
-.copy-room-number {
-  width: calc(70vw - 20px);
-  color: #fed847;
-  border: 1px solid #fed847;
-  padding: 10px;
-  text-align: center;
-  border-radius: 10px;
-  margin-bottom: 20px;
-}
 </style>
--- a/src/components/Signin.vue
+++ b/src/components/Signin.vue
@@ -97,8 +97,10 @@ const handleLogin = async () => {
  const devices = await getMyDevicesAPI();
  if (devices.bindings && devices.bindings.length) {
    updateDevice(devices.bindings[0].deviceId, devices.bindings[0].deviceName);
+    try {
      const data = await getDeviceBatteryAPI();
      updateOnline(data.online);
+    } catch (error) {}
  }
  loading.value = false;
  props.onClose();
--- a/src/constants.js
+++ b/src/constants.js
@@ -27,15 +27,14 @@ export const MESSAGETYPES = {
  Calibration: 4168086625,
  DeviceOnline: 4168086626,
  DeviceOffline: 4168086627,
+  SomeoneIsReady: 4168086628,
 };

 export const topThreeColors = ["#FFD947", "#D2D2D2", "#FFA515"];

 export const getMessageTypeName = (id) => {
  for (let key in MESSAGETYPES) {
-    if (MESSAGETYPES[key] === id) {
-      return key;
-    }
+    if (MESSAGETYPES[key] === id) return key;
  }
  return null;
 };
--- a/src/pages.json
+++ b/src/pages.json
@@ -3,6 +3,9 @@
    {
      "path": "pages/index"
    },
+    {
+      "path": "pages/friend-battle"
+    },
    {
      "path": "pages/point-book"
    },
@@ -90,9 +93,6 @@
    {
      "path": "pages/practise-two"
    },
-    {
-      "path": "pages/friend-battle"
-    },
    {
      "path": "pages/battle-room"
    },
--- a/src/pages/battle-result.vue
+++ b/src/pages/battle-result.vue
@@ -18,8 +18,19 @@ const totalPoints = ref(0);
 const rank = ref(0);

 function exit() {
+  const battleInfo = uni.getStorageSync("last-battle");
+  if (battleInfo && battleInfo.roomId) {
+    uni.redirectTo({
+      url: `/pages/battle-room?roomNumber=${battleInfo.roomId}`,
+    });
+  } else if (data.value.roomId) {
+    uni.redirectTo({
+      url: `/pages/battle-room?roomNumber=${data.value.roomId}`,
+    });
+  } else {
    uni.navigateBack();
  }
+}

 onLoad(async (options) => {
  const myId = user.value.id;
@@ -310,7 +321,7 @@ const checkBowData = () => {
    </text>
    <view class="op-btn">
      <view @click="checkBowData">查看成绩</view>
-      <view @click="exit">退出</view>
+      <view @click="exit">返回</view>
    </view>
    <UserUpgrade />
  </view>
@@ -420,6 +431,7 @@ const checkBowData = () => {
  border-radius: 20px;
  padding: 10px 0;
  text-align: center;
+  color: #000;
 }
 .op-btn > view:last-child {
  color: #fff;
--- a/src/pages/battle-room.vue
+++ b/src/pages/battle-room.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, watch, onMounted, onBeforeUnmount } from "vue";
-import { onLoad, onShow, onHide } from "@dcloudio/uni-app";
+import { onLoad, onShareAppMessage } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import PlayerSeats from "@/components/PlayerSeats.vue";
 import Guide from "@/components/Guide.vue";
@@ -13,12 +13,15 @@ import {
  exitRoomAPI,
  startRoomAPI,
  chooseTeamAPI,
+  getReadyAPI,
 } from "@/apis";
+
 import { MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
 const store = useStore();
 const { user } = storeToRefs(store);
+
 const room = ref({});
 const roomNumber = ref("");
 const owner = ref({});
@@ -30,14 +33,27 @@ const redTeam = ref([]);
 const showModal = ref(false);
 const battleType = ref(0);
 const refreshRoomTimer = ref(null);
+const ready = ref(false);
+const allReady = ref(false);
+const timer = ref(null);

 async function refreshRoomData() {
-  if (!roomNumber.value) return;
  const result = await getRoomAPI(roomNumber.value);
  if (result.started) return;
  room.value = result;
  battleType.value = result.battleType;
-  (result.members || []).some((m) => {
+  const members = result.members || [];
+  if (members.length === result.count) {
+    allReady.value = members.every((m) => !!m.userInfo.state);
+  }
+  members.some((m) => {
+    if (m.userInfo.id === user.value.id) {
+      ready.value = !!m.userInfo.state;
+      return true;
+    }
+    return false;
+  });
+  members.some((m) => {
    if (m.userInfo.id === result.creator) {
      owner.value = {
        id: m.userInfo.id,
@@ -77,13 +93,19 @@ async function refreshRoomData() {
    players.value = new Array(result.count).fill({});
    refreshMembers(result.members);
  }
+  if (timer.value) clearInterval(timer.value);
+  timer.value = setTimeout(refreshRoomData, 1000);
 }

 const startGame = async () => {
  const result = await startRoomAPI(room.value.number);
 };

-const refreshMembers = (members) => {
+const getReady = async () => {
+  await getReadyAPI(roomNumber.value);
+};
+
+const refreshMembers = (members = []) => {
  blueTeam.value = [];
  redTeam.value = [];
  members.forEach((m, index) => {
@@ -138,8 +160,7 @@ async function onReceiveMessage(messages = []) {
            });
          }
        }
-      }
-      if (msg.constructor === MESSAGETYPES.UserExitRoom) {
+      } else if (msg.constructor === MESSAGETYPES.UserExitRoom) {
        if (battleType.value === 1) {
          if (msg.userId === room.value.creator) {
            owner.value = {
@@ -157,25 +178,22 @@ async function onReceiveMessage(messages = []) {
        if (msg.room && msg.room.members) {
          refreshMembers(msg.room.members);
        }
-      }
-      if (msg.constructor === MESSAGETYPES.TeamUpdate) {
+      } else if (msg.constructor === MESSAGETYPES.TeamUpdate) {
        if (msg.room && msg.room.members) {
          refreshMembers(msg.room.members);
        }
-      }
-      if (msg.constructor === MESSAGETYPES.RoomDestroy) {
+      } else if (msg.constructor === MESSAGETYPES.RoomDestroy) {
        uni.showToast({
          title: "房间已解散",
          icon: "none",
        });
-        roomNumber.value = "";
        setTimeout(() => {
          uni.navigateBack();
        }, 1000);
+      } else if (msg.constructor === MESSAGETYPES.SomeoneIsReady) {
+        refreshRoomData();
      }
-    }
-    if (msg.constructor === MESSAGETYPES.WaitForAllReady) {
-      roomNumber.value = "";
+    } else if (msg.constructor === MESSAGETYPES.WaitForAllReady) {
      if (msg.groupUserStatus) {
        uni.setStorageSync("red-team", msg.groupUserStatus.redTeam);
        uni.setStorageSync("blue-team", msg.groupUserStatus.blueTeam);
@@ -184,6 +202,8 @@ async function onReceiveMessage(messages = []) {
          ...msg.groupUserStatus.blueTeam,
        ]);
        uni.removeStorageSync("current-battle");
+        // 避免离开页面，触发退出房间
+        roomNumber.value = "";
        if (msg.groupUserStatus.config.mode == 1) {
          uni.redirectTo({
            url: `/pages/team-battle?battleId=${msg.id}&gameMode=1`,
@@ -226,15 +246,18 @@ const setClipboardData = () => {
  });
 };

-const onBack = () => {
-  showModal.value = true;
+onShareAppMessage(() => {
+  return {
+    title: "邀请您进入房间对战",
+    path: "/pages/friend-battle?roomID=" + roomNumber.value,
+    imageUrl: "",
  };
+});

 onLoad(async (options) => {
  if (options.roomNumber) {
    roomNumber.value = options.roomNumber;
    refreshRoomData();
-    refreshRoomTimer.value = setInterval(refreshRoomData, 2000);
  }
 });

@@ -251,19 +274,14 @@ onBeforeUnmount(() => {
    keepScreenOn: false,
  });
  uni.$off("socket-inbox", onReceiveMessage);
-  if (roomNumber.value && owner.value.id !== user.value.id) {
-    exitRoomAPI(roomNumber.value);
-  }
+  if (roomNumber.value) exitRoomAPI(roomNumber.value);
+  if (timer.value) clearInterval(timer.value);
+  timer.value = null;
 });
-
-onShow(async () => {
-  refreshRoomData();
-});
-onHide(() => {});
 </script>

 <template>
-  <Container :title="`好友约战 - ${roomNumber}`" :onBack="onBack">
+  <Container :title="`好友约战 - ${roomNumber}`">
    <view class="standby-phase">
      <Guide>
        <view class="battle-guide">
@@ -274,7 +292,7 @@ onHide(() => {});
            }}</text>
            <text v-if="battleType === 2">大乱斗即将开始! </text>
          </view>
-          <view @click="setClipboardData">复制房间号</view>
+          <button hover-class="none" open-type="share">邀请</button>
        </view>
      </Guide>
      <view v-if="battleType === 1 && room.count === 2" class="team-mode">
@@ -389,7 +407,7 @@ onHide(() => {});
        </view>
      </block>
      <view>
-        <SButton
+        <!-- <SButton
          v-if="user.id === owner.id && battleType === 1 && room.count === 2"
          :disabled="!opponent.id"
          :onClick="startGame"
@@ -409,11 +427,14 @@ onHide(() => {});
          :onClick="startGame"
          >开启对局</SButton
        >
-        <SButton v-if="user.id !== owner.id" disabled>等待房主开启对战</SButton>
-        <text class="tips">创建者点击下一步，所有人即可进入游戏。</text>
+        <SButton v-if="user.id !== owner.id" disabled>等待房主开启对战</SButton> -->
+        <SButton :disabled="ready" :onClick="getReady">{{
+          allReady.value ? "即将进入对局..." : "我准备好了"
+        }}</SButton>
+        <!-- <text class="tips">创建者点击下一步，所有人即可进入游戏。</text> -->
      </view>
    </view>
-    <SModal
+    <!-- <SModal
      :show="showModal"
      :onClose="() => (showModal = false)"
      height="520rpx"
@@ -429,7 +450,7 @@ onHide(() => {});
          </SButton>
        </block>
      </view>
-    </SModal>
+    </SModal> -->
  </Container>
 </template>

@@ -537,7 +558,7 @@ onHide(() => {});
  align-items: center;
  justify-content: space-between;
 }
-.battle-guide > view:last-child {
+.battle-guide > button:last-child {
  color: #fed847;
  border: 1px solid #fed847;
  margin-right: 10px;
--- a/src/pages/friend-battle.vue
+++ b/src/pages/friend-battle.vue
@@ -1,52 +1,54 @@
 <script setup>
 import { ref } from "vue";
-import { onShow } from "@dcloudio/uni-app";
+import { onLoad, onShow } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import Guide from "@/components/Guide.vue";
 import SButton from "@/components/SButton.vue";
 import SModal from "@/components/SModal.vue";
+import Signin from "@/components/Signin.vue";
 import CreateRoom from "@/components/CreateRoom.vue";
 import Avatar from "@/components/Avatar.vue";
-import { getRoomAPI, joinRoomAPI, isGamingAPI, getBattleDataAPI } from "@/apis";
+
+import { getRoomAPI, joinRoomAPI, getBattleDataAPI } from "@/apis";
+import { debounce, canEenter } from "@/util";
+
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
 const store = useStore();
-const { user, device, online } = storeToRefs(store);
-import { debounce, canEenter } from "@/util";
+const { user, device, online, game } = storeToRefs(store);

 const showModal = ref(false);
+const showSignin = ref(false);
 const warnning = ref("");
 const roomNumber = ref("");
 const data = ref({});
+const roomID = ref("");

-const enterRoom = debounce(async () => {
+const enterRoom = debounce(async (number) => {
  if (!canEenter(user.value, device.value, online.value)) return;
-  const isGaming = await isGamingAPI();
-  if (isGaming) {
+  if (game.value.inBattle) {
    uni.$showHint(1);
    return;
  }
-  if (!roomNumber.value) {
+  if (!number) {
    warnning.value = "请输入房间号";
    showModal.value = true;
  } else {
-    const room = await getRoomAPI(roomNumber.value);
+    const room = await getRoomAPI(number);
    if (room.number) {
      const alreadyIn = room.members.find(
        (item) => item.userInfo.id === user.value.id
      );
      if (!alreadyIn) {
-        const result = await joinRoomAPI(roomNumber.value);
+        const result = await joinRoomAPI(number);
        if (result.full) {
          warnning.value = "房间已满员";
          showModal.value = true;
          return;
        }
      }
-      roomNumber.value = "";
-      showModal.value = false;
      uni.navigateTo({
-        url: `/pages/battle-room?roomNumber=${room.number}`,
+        url: "/pages/battle-room?roomNumber=" + number,
      });
    } else {
      warnning.value = room.started ? "该房间对战已开始，无法加入" : "查无此房";
@@ -56,18 +58,24 @@ const enterRoom = debounce(async () => {
 });
 const onCreateRoom = async () => {
  if (!canEenter(user.value, device.value, online.value)) return;
-  const isGaming = await isGamingAPI();
-  if (isGaming) {
-    uni.$showHint(1);
-    return;
-  }
  warnning.value = "";
  showModal.value = true;
 };
+const onSignin = () => {
+  showSignin.value = false;
+  if (roomID.value) enterRoom(roomID.value);
+};
 onShow(async () => {
  const result = await getBattleDataAPI();
  data.value = result;
 });
+onLoad(async (options) => {
+  roomID.value = options.roomID || "";
+  if (options.roomID) {
+    if (user.value.id) enterRoom(options.roomID);
+    else showSignin.value = true;
+  }
+});
 </script>

 <template>
@@ -127,7 +135,7 @@ onShow(async () => {
            v-model="roomNumber"
            placeholder-style="color: #ccc"
          />
-          <view @click="enterRoom">进入房间</view>
+          <view @click="enterRoom(roomNumber)">进入房间</view>
        </view>
      </view>
      <view class="create-room">
@@ -159,6 +167,9 @@ onShow(async () => {
        </view>
        <CreateRoom v-if="!warnning" :onConfirm="() => (showModal = false)" />
      </SModal>
+      <SModal :show="showSignin" :onClose="() => (showSignin = false)">
+        <Signin :onClose="onSignin" />
+      </SModal>
    </view>
  </Container>
 </template>
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -30,8 +30,8 @@ const {
  getLvlName,
  updateOnline,
 } = store;
+const { user, device, rankData, online, game } = storeToRefs(store);

-const { user, device, rankData, online } = storeToRefs(store);
 const showModal = ref(false);
 const showGuide = ref(false);

--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -4,12 +4,12 @@ import { onShow } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import Avatar from "@/components/Avatar.vue";
 import { topThreeColors } from "@/constants";
-import { isGamingAPI, getHomeData } from "@/apis";
+import { getHomeData } from "@/apis";
 import { canEenter } from "@/util";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
 const store = useStore();
-const { user, device, online } = storeToRefs(store);
+const { user, device, online, game } = storeToRefs(store);
 const { getLvlName } = store;

 const defaultSeasonData = {
@@ -43,8 +43,7 @@ const handleSelect = (index) => {

 const toMatchPage = async (gameType, teamSize) => {
  if (!canEenter(user.value, device.value, online.value)) return;
-  const isGaming = await isGamingAPI();
-  if (isGaming) {
+  if (game.value.inBattle) {
    uni.$showHint(1);
    return;
  }
@@ -64,14 +63,14 @@ const toRankListPage = () => {
  });
 };
 const onChangeSeason = async (seasonId, name) => {
+  showSeasonList.value = false;
  if (name !== seasonName.value) {
+    handleSelect(selectedIndex.value);
    const result = await getHomeData(seasonId);
    rankData.value = result;
    seasonName.value = name;
-    handleSelect(selectedIndex.value);
    updateData();
  }
-  showSeasonList.value = false;
 };
 const updateData = () => {
  const { userGameStats, seasonList } = rankData.value;
@@ -502,10 +501,11 @@ onShow(async () => {
 }
 .ranking-data > view:first-of-type > view {
  width: 25%;
-  padding: 7px 10px;
  text-align: center;
  border-radius: 20px;
  font-size: 30rpx;
+  word-break: keep-all;
+  line-height: 70rpx;
 }
 .rank-item {
  width: calc(100% - 30px);
@@ -595,13 +595,19 @@ onShow(async () => {
 .season-list > view {
  display: flex;
  align-items: center;
-  padding: 10px 20px;
  word-break: keep-all;
+  padding: 20rpx 0;
+}
+.season-list > view > text {
+  width: 140rpx;
+  text-align: right;
 }
 .season-list > view > image {
-  width: 12px;
-  height: 12px;
-  margin-left: 10px;
+  width: 24rpx;
+  height: 24rpx;
+  min-width: 24rpx;
+  min-height: 24rpx;
+  margin-left: 20rpx;
 }
 .my-rank-score {
  position: absolute !important;
--- a/src/store.js
+++ b/src/store.js
@@ -2,7 +2,7 @@ import { defineStore } from "pinia";

 const defaultUser = {
  id: "",
-  nickName: "游客",
+  nickName: "",
  avatar: "../static/user-icon.png",
  trio: 0, // 大于1表示完成了新手引导
  lvlName: "",
@@ -50,6 +50,10 @@ export default defineStore("store", {
      ringRank: [],
    },
    online: false,
+    game: {
+      roomID: "",
+      inBattle: false,
+    },
  }),

  // 计算属性
@@ -103,6 +107,10 @@ export default defineStore("store", {
        this.config.randInfos
      );
    },
+    updateGame(inBattle = false, roomID = "") {
+      this.game.roomID = roomID;
+      this.game.inBattle = inBattle;
+    },
  },

  // 开启数据持久化
--- a/src/util.js
+++ b/src/util.js
@@ -1,4 +1,4 @@
-import { isGamingAPI, getGameAPI } from "@/apis";
+import { getUserGameState, getGameAPI } from "@/apis";

 export const formatTimestamp = (timestamp) => {
  const date = new Date(timestamp * 1000);
@@ -90,8 +90,8 @@ export const wxShare = async (canvasId = "shareCanvas") => {
 };

 export const isGameEnded = async (battleId) => {
-  const isGaming = await isGamingAPI();
-  if (!isGaming) {
+  const state = await getUserGameState();
+  if (!state.gaming) {
    const result = await getGameAPI(battleId);
    if (result.mode) {
      uni.redirectTo({
@@ -107,7 +107,7 @@ export const isGameEnded = async (battleId) => {
      }, 1000);
    }
  }
-  return !isGaming;
+  return !state.gaming;
 };

 // 获取元素尺寸和位置信息