病案详情-质控结果显示预警状态，增加预警样式和显示逻辑

src/views/allcase/components/CaseQualityBox2.vue

@@ -115,9 +115,9 @@
           <!-- is_appeal: 是否申述 -->
           <div class="list-box box-card" :key="index">
             <div class="list-score-tips-box">
-              <div class="list-left-score" :class=" item.level == 1 ? 'hover-1' : 'hover-2' ">
-                <div> {{ item.level == 1? '必改':'建议' }} </div>
-                <div>-{{ item.score }}</div>
+              <div class="list-left-score" :class="item.level == -1 ? 'hover-0' : item.level == 1 ? 'hover-1' : 'hover-2' ">
+                <div> {{ item.level == -1 ? '预警' : item.level == 1? '必改':'建议' }} </div>
+                <div v-if="item.level != -1">-{{ item.score }}</div>
               </div>
               <div class="list-right-tips">
                 <div><span class="title-color">字段：</span><span>{{ item.error_field }}</span></div>
@@ -721,6 +721,7 @@ import { examineAppeal, getAppealData, getBrry } from '@/api/qc';
     display: flex;
     .list-left-score{
       width: 70px;
+      height: 66px;
       text-align: center;
       font-size: 20px;
       font-weight: 700;
@@ -740,6 +741,11 @@ import { examineAppeal, getAppealData, getBrry } from '@/api/qc';
         color: rgb(52, 140, 235);
         border-right: 3px solid rgb(52, 140, 235);
       }
+      &.hover-0{
+        background: rgb(253, 246, 236);
+        color: rgb(230, 162, 60);
+        border-right: 3px solid rgb(230, 162, 60);
+      }
       &>div{
         font-size: 20px;
       }