更换测距页面

src/pages/team-match.vue

@@ -14,6 +14,7 @@ import SButton from "@/components/SButton.vue";
 import Matching from "@/components/Matching.vue";
 import SModal from "@/components/SModal.vue";
 import RoundEndTip from "@/components/RoundEndTip.vue";
+import TestDistance from "@/components/TestDistance.vue";
 import { matchGameAPI, readyGameAPI } from "@/apis";
 import { MESSAGETYPES, roundsName, getMessageTypeName } from "@/constants";
 import useStore from "@/store";
@@ -71,10 +72,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) {
       // 这里会掉多次;
       onComplete.value = () => {
@@ -167,15 +164,7 @@ onUnmounted(() => {
           :redTeam="redTeam"
           :blueTeam="blueTeam"
         />
-        <Guide noBg v-if="!start">
-          <view :style="{ display: 'flex', justifyContent: 'space-between' }">
-            <view :style="{ display: 'flex', flexDirection: 'column' }">
-              <text :style="{ color: '#fed847' }">请预先射几箭测试</text>
-              <text>请确保射击距离只有5米</text>
-            </view>
-            <BowPower :power="45" />
-          </view>
-        </Guide>
+        <TestDistance v-if="!start" :guide="false" />
         <ShootProgress v-if="start" :tips="tips" :seq="seq" :total="15" />
         <PlayersRow
           v-if="start"
@@ -184,6 +173,7 @@ onUnmounted(() => {
           :redTeam="redTeam"
         />
         <BowTarget
+          v-if="start"
           mode="team"
           :showE="start && user.id === currentShooterId"
           :power="start ? power : 0"
@@ -191,13 +181,6 @@ onUnmounted(() => {
           :totalRound="totalRounds"
           :scores="scores"
           :blueScores="blueScores"
-          :tips="
-            !start && scores.length > 0
-              ? `本次射程${scores[scores.length - 1].dst / 100}米，${
-                  scores[scores.length - 1].dst / 100 >= 5 ? '已' : '未'
-                }达到距离要求`
-              : ''
-          "
         />
         <BattleFooter
           v-if="start"