自主练习-查看练习结果处理异常表格数据渲染

src/views/targetImprove/practice/practiceResults.vue

@@ -63,16 +63,29 @@
             <template v-slot:frontRate="{row}">
                 {{ row.frontRate === '-' ? row.frontRate : row.frontRate + '%' }}
             </template>
-            <!-- exerciseStatus 批阅状态（1未批阅 2批阅中 3已批阅） -->
+            <!-- exerciseStatus 批阅状态（1未批阅 2批阅中 3\4已批阅） -->
             <template v-slot:afterRate="{row}">
-                {{ row.exerciseStatus === 3 ? row.afterRate + '%'  : row.afterRate}}
+                {{  row.afterRate ==='-' ? 
+                    row.afterRate : 
+                    (row.afterRate === null ? '-' : row.afterRate + '%' )}}
             </template>
 
+            <!-- 提升情况 -->
             <template v-slot:difference="{row}">
-                <img v-if="row.exerciseStatus === 3" 
+                <img v-if="[3,4].includes(row.exerciseStatus) 
+                        && row.afterRate !== '-' 
+                        && row.afterRate !== null
+                        && row.frontRate !== '-'
+                        && Number(row.afterRate) - Number(row.frontRate) !== 0" 
                     width="16px" height="16px" style="margin-right: 2px;" 
                     :src="Number(row.afterRate) > Number(row.frontRate) ? upIcon : downIcon" alt="" />
-                {{ row.exerciseStatus === 3 ?  row.difference + '%' : 0 }}
+
+                {{ [3,4].includes(row.exerciseStatus)  
+                    && row.afterRate !== '-' 
+                    && row.afterRate !== null
+                    && row.frontRate !== '-'
+                    && Number(row.afterRate) - Number(row.frontRate) !== 0 
+                        ?  row.difference + '%' : row.difference }}
             </template>
             <template v-slot:action="{row}">
                 <div class="table_row_operation">
@@ -309,7 +322,7 @@ export default ({
                 frontRate:row.frontRate,   //练前得分率
                 afterRate:row.afterRate,   //练后得分率
                 difference:row.difference,   //提升情况
-                exerciseStatus:row.exerciseStatus,   // 批阅状态（1未批阅 2批阅中 3已批阅）
+                exerciseStatus:row.exerciseStatus,   // 批阅状态（1未批阅 2批阅中 3/4已批阅）
             }
             sessionStorage.setItem('practice_detail',JSON.stringify(tmpStorage))
             this.$router.push(`/targetImprove/praciceResultDetail?id=${row.exerciseId}`);