From 8237e77973bc48599593175912a2ba6e3dbde075 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Tue, 2 Apr 2024 20:48:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20100=E7=99=BE=E5=88=86=E5=8F=B7=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E6=94=B9=E6=88=90=E7=BA=A2=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/worksheet/content/Content.vue | 46 +++++++++++--------------
 1 file changed, 21 insertions(+), 25 deletions(-)

diff --git a/src/views/worksheet/content/Content.vue b/src/views/worksheet/content/Content.vue
index 1919492..c0ac090 100644
--- a/src/views/worksheet/content/Content.vue
+++ b/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">
-              <SvgIcon size="42" name="tag" />
+            <div class="percent" :class="{ 'percent-red': item?.maxSimilarity >= 100  }">
               <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;
-        z-index: 3;
-        right: 17px;
-        top: 2px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 35px;
+        height: 18px;
+        opacity: 0.9;
+        background: #6f92fd;
+        border-radius: 6px 0px 6px 0px;
+        z-index: 5;
+        right: 12px;
+        top: 15px;
         color: #fff;
-
-        .val {
-          position: absolute;
-          left: 0;
-          top: 0;
-          display: block;
-          width: 100%;
-          height: 100%;
-          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;
-        }
+        font-size: 14px;
+      }
+      .percent-unit {
+        font-size: 8px;
+        margin-top: 4px;
+      }
+      .percent-red{
+        background: #ff4e4f;
       }
 
       .pass-status {