From 53b3d06092c82d6158a6ce45ff348f2796230092 Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Fri, 18 Apr 2025 17:31:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E9=A2=98=E8=AF=8D=E8=A7=84=E5=88=99?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../documentDetail/DocumentDrawer.vue           | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue b/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
index cf5b5aa..a2e652b 100644
--- a/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
+++ b/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
@@ -34,7 +34,7 @@
             <span v-if="!documentDetail.splitRules">
               -
             </span>
-            <div v-else class="flex">
+            <div v-else class="flex" style="flex-wrap: wrap">
               <div v-for="item in documentDetail.splitRules" :key="item.id" class="rule-detail-item">
                 <div>
                   <p class="rule-label">样式</p>
@@ -56,7 +56,7 @@
             <span v-if="!documentDetail.extractRules">
               -
             </span>
-            <div v-else class="flex">
+            <div v-else class="flex" style="flex-wrap: wrap">
               <div v-for="item in documentDetail.extractRules" :key="item.id" class="rule-detail-item">
                 <div>
                   <p class="rule-label">属性</p>
@@ -72,11 +72,15 @@
                 </div>
                 <div>
                   <p class="rule-label">关键词示例</p>
-                  <span class="rule-value">{{ item.example }}</span>
+                  <el-tooltip class="item" effect="dark" :content="item.example" placement="top">
+                    <p class="rule-value">{{ item.example }}</p>
+                  </el-tooltip>
                 </div>
                 <div>
                   <p class="rule-label">提示词</p>
-                  <span class="rule-value">{{ item.prompt }}</span>
+                  <el-tooltip class="item" effect="dark" :content="item.prompt" placement="top">
+                    <p class="rule-value">{{ item.prompt }}</p>
+                  </el-tooltip>
                 </div>
               </div>
             </div>
@@ -274,6 +278,11 @@ export default {
         color: #606266;
         font-weight: 500;
         margin-left: 15px;
+        width: 200px;
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
     }
   }