匹配成功

src/components/RoomInfo.vue

@@ -25,8 +25,11 @@
         </div>
 
         <div class="ticket">{{ getLabelName(info.requireTicket, requireTicketOptions, 'saishi') }}</div>
+        <div class="status status2" v-if="info.status === 'WAITING' && players.length === info.maxPlayerNum">
+            匹配成功
+        </div>
 
-        <div class="status" :class="{ status1: info.status === 'WAITING', status2: info.status === 'GAMING' }">
+        <div class="status" v-else :class="{ status1: info.status === 'WAITING', status2: info.status === 'GAMING' }">
             {{ getLabelName(info.status, statusOptions) }}
         </div>
     </div>

src/mixins/room.js

@@ -4,6 +4,7 @@ export default {
             statusOptions: [
                 { label: '匹配中', value: 'WAITING' },
                 { label: '进行中', value: 'GAMING' },
+                { label: '审核中', value: 'AUDIT' },
                 { label: '完成', value: 'FINISH' },
                 { label: '取消', value: 'CANCEL' },
                 { label: '流局', value: 'PASSED' }

src/views/Room.vue

@@ -155,7 +155,11 @@
                         <img src="@assets/png-quxiaosaishi.png" alt="" />
                         <span>取消赛事</span>
                     </div>
-                    <div class="btn" v-if="info.status == 'GAMING'" @click="$refs.result.init()">
+                    <div
+                        class="btn"
+                        v-if="info.status == 'GAMING' || info.status == 'AUDIT'"
+                        @click="$refs.result.init()"
+                    >
                         <img src="@assets/png-jieshubisai.png" alt="" />
                         <span>结束比赛</span>
                     </div>