卡片状态进一步改进

src/views/HaveJoinedGame.vue

@@ -25,14 +25,12 @@
         <div class="game-scroll-item">
           <div class="item-title-status">
             <div class="item-title">第{{item.days}}天</div>
-            <!-- <div :class="item.status===0?'item-status0':item.status===1?'item-status1':item.status===2?item.is_complete===1?'item-status1':'item-status2':'item-status2'">
-              {{item.status===0?'未开始':item.status===1?'比赛中':item.status===2?item.is_complete===1?'已达标':'未达标':'已淘汰'}}
-            </div> -->
+            <!-- status   0:未开始  1:比赛中  2:已结束  3:已淘汰-->
+            <!-- is_complete   0:比赛中   1:已达标  2:未达标-->
             <div class="item-status0" v-if="item.status === 0">未开始</div>
             <div class="item-status1" v-else-if="item.status === 1 && item.is_complete === 1">已达标</div>
-            <div class="item-status1" v-else-if="item.status === 1">比赛中</div>
-            <div class="item-status1" v-else-if="item.status === 2 && item.is_complete === 1">已达标</div>
-            <div class="item-status2" v-else-if="item.status === 2 && item.is_complete === 2">未达标</div>
+            <div class="item-status2" v-else-if="item.status === 1">未达标</div>
+            <div class="item-status1" v-else-if="item.status === 2">已达标</div>
             <div class="item-status2" v-else-if="item.status === 3">已淘汰</div>
           </div>
           <div class="item-income" v-if="(item.status == 1 || item.status == 2) && item.money">
@@ -52,12 +50,13 @@
             <template v-else>
               <div class="item-progress" :style="'width: '+item.rate/100*2.46+'rem;'" v-if="index ==0 || (index > 0 && record_list[index-1].status != 3)"></div>
               <div class="item-num">
-                <!-- status   0: 未开始  1:比赛中  2:已结束  3:已淘汰-->
-                <!-- is_complete   0:   1:已达标  2:未达标-->
-                <span v-if="item.is_complete == 2">已结束({{item.step_num}}步)</span><!-- 未达标 -->
-                <span v-else-if="item.is_complete != 2 && item.status == 3">已失去比赛资格</span>
-                <span v-else-if="item.is_complete == 1 && item.status == 2">已结束({{item.step_num}}步)</span><!-- 已达标 -->
-                <span v-else-if="(item.is_complete == 0 || item.is_complete == 1) && item.status == 1">({{item.step_num}}/{{target_steps}}步)</span>
+                <!-- status   0:未开始  1:比赛中  2:已结束  3:已淘汰-->
+                <!-- is_complete   0:比赛中   1:已达标  2:未达标-->
+                <span v-if="item.status === 1 && item.is_complete === 1">比赛中({{item.step_num}}步)</span>
+                <span v-else-if="item.status === 1">({{item.step_num}}/{{target_steps}}步)</span>
+                <span v-else-if="item.status === 2">已结束({{item.step_num}}步)</span>
+                <span v-else-if="item.status === 3 && (index > 0 && record_list[index-1].status === 3)">已失去比赛资格</span>
+                <span v-else-if="item.status === 3">已结束({{item.step_num}}步)</span>
               </div>
             </template>
           </div>