添加游戏中途挂起，返回同步数据

src/pages/melee-match.vue

@@ -13,7 +13,8 @@ import Avatar from "@/components/Avatar.vue";
 import ScreenHint from "@/components/ScreenHint.vue";
 import Matching from "@/components/Matching.vue";
 import TestDistance from "@/components/TestDistance.vue";
-import { matchGameAPI } from "@/apis";
+import { getCurrentGameAPI, matchGameAPI } from "@/apis";
+import { isGameEnded } from "@/util";
 import { MESSAGETYPES, getMessageTypeName } from "@/constants";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -34,6 +35,7 @@ const playersSorted = ref([]);
 const playersScores = ref({});
 const halfTimeTip = ref(false);
 const onComplete = ref(null);
+const isEnded = ref(false);
 
 watch(
   () => [players.value, playersScores.value],
@@ -50,45 +52,51 @@ watch(
   }
 );
 
+function recoverData(battleInfo) {
+  battleId.value = battleInfo.id;
+  players.value = [...battleInfo.blueTeam, ...battleInfo.redTeam];
+  players.value.forEach((p) => {
+    playersScores.value[p.id] = [...p.arrows];
+    if (p.id === user.value.id) {
+      scores.value = [...p.arrows];
+    }
+  });
+  const remain = Date.now() / 1000 - battleInfo.startTime;
+  console.log(`当前局已进行${remain}秒`);
+  if (battleInfo.status === 0) {
+    if (remain > 0) {
+      setTimeout(() => {
+        uni.$emit("update-timer", 15 - remain);
+      }, 200);
+    }
+  } else {
+    start.value = true;
+  }
+  if (battleInfo.status === 2) {
+    startCount.value = true;
+    // 这里的开始时间不是游戏开始时间，而是上半场或者下半场或者中场的开始时间，还要根据状态来判断
+    tips.value = battleInfo.halfGame
+      ? "下半场：请再射6箭"
+      : "上半场：请先射6箭";
+    setTimeout(() => {
+      uni.$emit("update-ramain", 90 - remain);
+    }, 200);
+  } else if (battleInfo.status === 9) {
+    startCount.value = false;
+    tips.value = "准备下半场";
+    setTimeout(() => {
+      uni.$emit("update-ramain", 0);
+    }, 200);
+  }
+}
+
 onLoad(async (options) => {
   if (options.battleId) {
     const battleInfo = uni.getStorageSync("current-battle");
-    console.log("----battleInfo", battleInfo);
     if (battleInfo) {
-      battleId.value = battleInfo.id;
-      players.value = [...battleInfo.blueTeam, ...battleInfo.redTeam];
-      players.value.forEach((p) => {
-        playersScores.value[p.id] = [...p.arrows];
-        if (p.id === user.value.id) {
-          scores.value = [...p.arrows];
-        }
-      });
-      const remain = Date.now() / 1000 - battleInfo.startTime;
-      console.log(`当前局已进行${remain}秒`);
-      if (battleInfo.status === 0) {
-        if (remain > 0) {
-          setTimeout(() => {
-            uni.$emit("update-timer", 15 - remain);
-          }, 200);
-        }
-      } else {
-        start.value = true;
-      }
-      if (battleInfo.status === 2) {
-        // 这里的开始时间不是游戏开始时间，而是上半场或者下半场或者中场的开始时间，还要根据状态来判断
-        tips.value = battleInfo.halfGame
-          ? "下半场：请再射6箭"
-          : "上半场：请先射6箭";
-        setTimeout(() => {
-          uni.$emit("update-ramain", 90 - remain);
-        }, 200);
-      } else if (battleInfo.status === 9) {
-        startCount.value = false;
-        tips.value = "准备下半场";
-        setTimeout(() => {
-          uni.$emit("update-ramain", 0);
-        }, 200);
-      }
+      recoverData(battleInfo);
+      console.log("remove last time");
+      uni.removeStorageSync("last-awake-time");
     }
   } else {
     gameType.value = options.gameType;
@@ -148,6 +156,7 @@ async function onReceiveMessage(messages = []) {
       [...msg.groupUserStatus.redTeam, ...msg.groupUserStatus.blueTeam].forEach(
         (player) => {
           playersScores.value[player.id] = player.arrows;
+          if (p.id === user.value.id) scores.value = [...p.arrows];
         }
       );
       startCount.value = false;
@@ -163,11 +172,17 @@ async function onReceiveMessage(messages = []) {
         });
         uni.navigateBack();
       } else {
+        isEnded.value = true;
         uni.redirectTo({
           url: `/pages/battle-result?battleId=${msg.id}`,
         });
       }
     }
+    if (msg.constructor === MESSAGETYPES.BackToGame) {
+      if (msg.battleInfo && uni.getStorageSync("last-awake-time")) {
+        recoverData(msg.battleInfo);
+      }
+    }
   });
 }
 const onBack = () => {
@@ -177,7 +192,6 @@ const onBack = () => {
     uni.$showHint(3);
   }
 };
-onShow(() => {});
 onMounted(() => {
   uni.setKeepScreenOn({
     keepScreenOn: true,
@@ -193,6 +207,16 @@ onUnmounted(() => {
     matchGameAPI(false, gameType.value, teamSize.value);
   }
 });
+onShow(async () => {
+  if (battleId.value) {
+    if (!isEnded.value && (await isGameEnded())) return;
+    const lastAwakeTime = uni.getStorageSync("last-awake-time");
+    if (lastAwakeTime) await getCurrentGameAPI();
+  }
+});
+onHide(() => {
+  uni.setStorageSync("last-awake-time", Date.now());
+});
 </script>
 
 <template>