From 07a77984a1d9898129b74de3fccbf4d359782daf Mon Sep 17 00:00:00 2001
From: Xerrors <xerrors@163.com>
Date: Thu, 8 Aug 2024 17:35:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=88=86=E6=95=B0=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ChatComponent.vue | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/web/src/components/ChatComponent.vue b/web/src/components/ChatComponent.vue
index e1cf86cc..71acf758 100644
--- a/web/src/components/ChatComponent.vue
+++ b/web/src/components/ChatComponent.vue
@@ -137,8 +137,18 @@
               </div>
               <div v-for="(res, idx) in results" :key="idx" class="result-item">
                 <p class="result-id"><strong>ID:</strong> #{{ res.id }}</p>
-                <p class="result-distance"><strong>相似度距离:</strong> {{ res.distance }}</p>
-                <p class="result-rerank-score"><strong>重排序分数:</strong> {{ res.rerank_score }}</p>
+                <p class="result-distance">
+                  <strong>相似度距离:</strong>
+                  <div class=scorebar>
+                    <a-progress :percent="(res.distance * 100).toFixed(2)" stroke-color="#1677FF" :size="[200, 10]"/>
+                  </div>
+                </p>
+                <p class="result-rerank-score">
+                  <strong>重排序分数:</strong>
+                  <div class=scorebar>
+                    <a-progress :percent="(res.rerank_score * 100).toFixed(2)" stroke-color="#1677FF" :size="[200, 10]"/>
+                  </div>
+                </p>
                 <p class="result-text">{{ res.entity.text }}</p>
               </div>
             </a-drawer>
@@ -664,6 +674,18 @@ watch(
     .result-text {
       margin: 5px 0;
     }
+
+    .scorebar {
+      margin-left: 10px;
+      display: inline-block;
+      width: 200px;
+      padding-bottom: 2px;
+
+
+      & > * {
+        margin: 0;
+      }
+    }
   }
 }