feat: 100百分号颜色改成红色

src/views/worksheet/content/Content.vue

@@ -533,10 +533,9 @@ function reloadList() {
               <n-checkbox v-show="batch && item.historyStates !== 2 && item.historyStates !== 3" v-model:checked="item.checked" @click.stop
                 @update:checked="onCheckChange($event, item)" />
             </div>
-            <div class="percent">
+            <div class="percent" :class="{ 'percent-red': item?.maxSimilarity >= 100  }">
-              <SvgIcon size="42" name="tag" />
               <div class="val">
-                {{ item?.maxSimilarity && Number(item?.maxSimilarity).toFixed(0) }}%
+                {{ item?.maxSimilarity && Number(item?.maxSimilarity).toFixed(0) }}<span class="percent-unit">%</span>
               </div>
             </div>
 
@@ -967,29 +966,26 @@ function reloadList() {
 
       .percent {
         position: absolute;
-        text-align: center;
+        display: flex;
-        z-index: 3;
+        align-items: center;
-        right: 17px;
+        justify-content: center;
-        top: 2px;
+        width: 35px;
+        height: 18px;
+        opacity: 0.9;
+        background: #6f92fd;
+        border-radius: 6px 0px 6px 0px;
+        z-index: 5;
+        right: 12px;
+        top: 15px;
         color: #fff;
-
+        font-size: 14px;
-        .val {
+      }
-          position: absolute;
+      .percent-unit {
-          left: 0;
+        font-size: 8px;
-          top: 0;
+        margin-top: 4px;
-          display: block;
+      }
-          width: 100%;
+      .percent-red{
-          height: 100%;
+        background: #ff4e4f;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          font-size: 12px;
-          font-family: PingFang SC, PingFang SC-Semibold;
-          font-weight: Semibold;
-          text-align: left;
-          color: #ffffff;
-          line-height: 24px;
-        }
       }
 
       .pass-status {