细节优化

src/pages/battle-room.vue

@@ -90,6 +90,7 @@ async function onReceiveMessage(content) {
   messages.forEach((msg) => {
     if (
       msg.roomNumber === roomNumber.value ||
+      (battleId.value && msg.id === battleId.value) ||
       msg.constructor === MESSAGETYPES.WaitForAllReady
     ) {
       console.log("收到消息：", msg);
@@ -104,6 +105,7 @@ async function onReceiveMessage(content) {
       battleId.value = msg.id;
       redTeam.value = msg.groupUserStatus.redTeam;
       blueTeam.value = msg.groupUserStatus.blueTeam;
+      step.value = 2;
     }
     if (msg.roomNumber === roomNumber.value) {
       if (msg.constructor === MESSAGETYPES.UserEnterRoom) {
@@ -115,7 +117,7 @@ async function onReceiveMessage(content) {
           };
         }
       }
-      if (!start && msg.constructor === MESSAGETYPES.UserExitRoom) {
+      if (!start.value && msg.constructor === MESSAGETYPES.UserExitRoom) {
         if (room.value.battleType === 1 && room.value.count === 2) {
           opponent.value = {
             id: "",
@@ -127,6 +129,7 @@ async function onReceiveMessage(content) {
           title: "房间已解散",
           icon: "none",
         });
+        roomNumber.value = "";
         setTimeout(() => {
           uni.navigateBack();
         }, 1000);
@@ -185,9 +188,9 @@ onMounted(() => {
 
 onUnmounted(() => {
   uni.$off("socket-inbox", onReceiveMessage);
-  if (owner.value) {
+  if (owner.value.id === user.value.id) {
     destroyRoomAPI(roomNumber.value);
-  } else {
+  } else if (roomNumber.value) {
     exitRoomAPI(roomNumber.value);
   }
 });
@@ -232,7 +235,7 @@ onUnmounted(() => {
           v-if="
             user.id === owner.id && room.battleType === 1 && room.count === 2
           "
-          :disabled="!opponent"
+          :disabled="!opponent.id"
           :onClick="startGame"
           >进入对战</SButton
         >

src/pages/friend-battle.vue

@@ -6,7 +6,7 @@ import Guide from "@/components/Guide.vue";
 import SButton from "@/components/SButton.vue";
 import SModal from "@/components/SModal.vue";
 import CreateRoom from "@/components/CreateRoom.vue";
-import { getRoomAPI } from "@/apis";
+import { joinRoomAPI } from "@/apis";
 
 const showModal = ref(false);
 const warnning = ref("");
@@ -17,7 +17,7 @@ const enterRoom = async () => {
     warnning.value = "请输入房间号";
     showModal.value = true;
   } else {
-    const room = await getRoomAPI(roomNumber.value);
+    const room = await joinRoomAPI(roomNumber.value);
     if (room.number) {
       roomNumber.value = "";
       uni.navigateTo({
@@ -48,7 +48,11 @@ const createRoom = () => {
     <view class="founded-room">
       <image src="../static/founded-room.png" mode="widthFix" />
       <view>
-        <input placeholder="输入房间号" v-model="roomNumber" />
+        <input
+          placeholder="输入房间号"
+          v-model="roomNumber"
+          placeholder-style="color: #ccc"
+        />
         <view @click="enterRoom">进入房间</view>
       </view>
     </view>