.

src/views/outHistorygrouping_yubei.vue

@@ -142,6 +142,18 @@
                         检查费占比：<span>{{ casehisObj ? decimal(casehisObj.checkPercent) + "%" : "" }}</span>
                     </div>
                 </div>
+                <div class="outsetgrouping_top2_message_right">
+                    <span class="outsetgrouping_top2_message_right_tu6"><img src="../assets/img/jiner.png" alt="" /></span>
+                    <div
+                        class="outsetgrouping_top2_message_right_t3"
+                        :class="{
+                            bg1: casehisObj && casehisObj.b20 >= 3 && casehisObj && casehisObj.feeConsumePercent < 40,
+                            bg: casehisObj && casehisObj.feeConsumePercent > 100,
+                        }"
+                    >
+                        费用消耗占比：<span>{{ casehisObj ? decimal(casehisObj.feeConsumePercent) + "%" : "" }}</span>
+                    </div>
+                </div>
             </div>
         </div>
 
@@ -1017,6 +1029,13 @@ export default {
                         color: #fff;
                     }
                 }
+                .bg1 {
+                    background-color: #ff8400;
+                    color: #fff;
+                    span {
+                        color: #fff;
+                    }
+                }
             }
         }
     }