更换测距页面

src/pages/battle-room.vue

@@ -15,8 +15,8 @@ import PlayersRow from "@/components/PlayersRow.vue";
 import SModal from "@/components/SModal.vue";
 import ScreenHint from "@/components/ScreenHint.vue";
 import RoundEndTip from "@/components/RoundEndTip.vue";
+import TestDistance from "@/components/TestDistance.vue";
 import { getRoomAPI, destroyRoomAPI, exitRoomAPI, startRoomAPI } from "@/apis";
-import { checkConnection } from "@/util";
 import { MESSAGETYPES, roundsName, getMessageTypeName } from "@/constants";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -127,10 +127,6 @@ async function onReceiveMessage(messages = []) {
     ) {
       console.log("收到消息：", getMessageTypeName(msg.constructor), msg);
     }
-    if (!start.value && msg.constructor === MESSAGETYPES.ShootSyncMeArrowID) {
-      scores.value.push(msg.target);
-      power.value = msg.target.battery;
-    }
     if (msg.constructor === MESSAGETYPES.WaitForAllReady) {
       // 这里会掉多次;
       timerSeq.value += 1;
@@ -288,7 +284,6 @@ const exitRoom = async () => {
 };
 
 onMounted(() => {
-  checkConnection();
   uni.$on("socket-inbox", onReceiveMessage);
 });
 
@@ -358,25 +353,7 @@ onUnmounted(() => {
         :redTeam="redTeam"
         :players="players"
       />
-      <Guide noBg>
-        <view :style="{ display: 'flex', justifyContent: 'space-between' }">
-          <view :style="{ display: 'flex', flexDirection: 'column' }">
-            <text :style="{ color: '#fed847' }">请预先射几箭测试</text>
-            <text>请确保射击距离只有5米</text>
-          </view>
-          <BowPower :power="power" />
-        </view>
-      </Guide>
-      <BowTarget
-        :scores="scores"
-        :tips="
-          !start && scores.length > 0
-            ? `本次射程${scores[scores.length - 1].dst / 100}米，${
-                scores[scores.length - 1].dst / 100 >= 5 ? '已' : '未'
-              }达到距离要求`
-            : ''
-        "
-      />
+      <TestDistance :guide="false" />
     </view>
     <view v-if="step === 3">
       <ShootProgress