From 43e4a221f9f1f5d28c25465a2006142aee9492cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Wed, 21 May 2025 17:11:06 +0800
Subject: [PATCH] =?UTF-8?q?style(knowledge):=20=E4=BC=98=E5=8C=96=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93=E7=9B=B8=E5=85=B3=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整知识库列表、详情、编辑等页面的样式布局
-优化文本显示效果，增加省略号处理
- 统一按钮样式和间距
- 调整滚动条和粘性元素的样式
---
 src/views/intelligent-agent/index.vue         |  4 +--
 .../components/documentDetail/QAModel.vue     |  1 +
 src/views/knowledge/detail/index.vue          | 30 ++++++++++---------
 src/views/knowledge/index.vue                 | 11 +++----
 .../track/views/knowledge-info/Index.vue      |  7 ++++-
 5 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/src/views/intelligent-agent/index.vue b/src/views/intelligent-agent/index.vue
index b98d425..5a9e252 100644
--- a/src/views/intelligent-agent/index.vue
+++ b/src/views/intelligent-agent/index.vue
@@ -560,10 +560,10 @@ export default {
     text-align: left;
     font-style: normal;
 
-    height: 35px;
+    height: 18px;
     margin: 0;
     display: -webkit-box;
-    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/views/knowledge/detail/components/documentDetail/QAModel.vue b/src/views/knowledge/detail/components/documentDetail/QAModel.vue
index 891bdc5..25ebb8a 100644
--- a/src/views/knowledge/detail/components/documentDetail/QAModel.vue
+++ b/src/views/knowledge/detail/components/documentDetail/QAModel.vue
@@ -284,6 +284,7 @@ export default {
   width: 100%;
   //height: 400px;
   overflow-y: auto;
+  overflow-x: hidden;
 }
 .context {
   color: #3a3f4f;
diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue
index b0af7e1..18ea16f 100644
--- a/src/views/knowledge/detail/index.vue
+++ b/src/views/knowledge/detail/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class=" render-container">
     <div class="clearfix flex align-items-c justify-content-b ">
-      <div class=" flex align-items-c j">
+      <div class=" flex align-items-c justify-content-b" style="flex:1">
         <div class="hover-back  mr5">
           <el-icon
             class="el-icon-arrow-left"
@@ -14,7 +14,7 @@
           :src="knowledgeImage ? knowledgeImage : knowledgePng_1"
           class="header-icon"
         />
-        <div class="ml20" style="flex:1">
+        <div class="ml10" style="flex:1">
           <div class="flex align-items-c">
             <div class="mr20 header" v-if="!editKnowledge">
               {{ knowledgeName ? knowledgeName : '' }}
@@ -32,17 +32,10 @@
               v-if="!editKnowledge"
             />
             <div v-else>
-              <el-button
-                type="primary"
-                size="medium"
-                class="render-button"
-                @click="saveKnowledgeName"
+              <el-button type="primary" size="medium" @click="saveKnowledgeName"
                 >保存</el-button
               >
-              <el-button
-                size="medium"
-                class="render-button"
-                @click="cancelKnowledgeName"
+              <el-button size="medium" @click="cancelKnowledgeName"
                 >取消</el-button
               >
             </div>
@@ -50,14 +43,14 @@
               segmentedMode | filterSegmentedMode
             }}</span>
           </div>
-          <p class="mt10 fs14" style="line-height: 20px">
+          <p class="mt10 fs14 knowledgeDesc" style="line-height: 20px">
             描述：{{ knowledgeDesc }}
           </p>
           <!--        <p class="mt10 fs14" style="line-height: 20px">分段模式：{{ segmentedMode | filterSegmentedMode }}</p>-->
         </div>
       </div>
 
-      <div style="flex:1" class="text-right">
+      <div style="margin-left: auto" class="text-right">
         <!--        <el-button type="primary" size="medium" class="normal-button" @click="jumpEditKnowledge">修改知识库</el-button>-->
         <el-button
           type="primary"
@@ -1033,7 +1026,7 @@ export default {
   line-height: 17px;
   text-align: left;
   font-style: normal;
-  margin-left: 20px;
+  margin-left: 10px;
   padding: 2px 5px;
 }
 
@@ -1074,4 +1067,13 @@ export default {
     border-radius: 5px;
   }
 }
+
+.knowledgeDesc {
+  display: -webkit-box; // 支持多行省略
+  -webkit-line-clamp: 1; // 限制为两行
+  -webkit-box-orient: vertical; // 垂直方向排列
+  overflow: hidden; // 隐藏超出部分
+  text-overflow: ellipsis; // 显示省略号
+  max-width: 80%; // 限制宽度
+}
 </style>
diff --git a/src/views/knowledge/index.vue b/src/views/knowledge/index.vue
index ad5e603..6d1421c 100644
--- a/src/views/knowledge/index.vue
+++ b/src/views/knowledge/index.vue
@@ -49,7 +49,7 @@
     </div>
 
     <div class="card-body">
-      <div class="ledge-list mt20">
+      <div class="ledge-list mt10 ">
         <el-card
           v-for="(item, index) in datasetList"
           class="item datasetList"
@@ -57,7 +57,7 @@
           :key="index"
           @click.native.stop="knowLedgeDetail(item)"
         >
-          <div class="dataset-header">
+          <div class="dataset-header mb10">
             <div class="folder-content">
               <img
                 :src="item.image ? item.image : getKnowledgeImage(index)"
@@ -71,10 +71,11 @@
             </div>
           </div>
 
-          <div class="flex align-items-c justify-content-b mh20 mv10">
+          <div class="flex align-items-c justify-content-b mh20 mv5">
             <div class="theme-primary-desc-text-drank fs12">
               {{ item.segmentedMode | filterSegmentedMode }}
             </div>
+
             <div class="opacity-button">
               <el-button
                 class="default "
@@ -390,10 +391,10 @@ export default {
       text-align: left;
       font-style: normal;
 
-      height: 35px;
+      height: 18px;
       margin: 0;
       display: -webkit-box; // 支持多行省略
-      -webkit-line-clamp: 2; // 限制为两行
+      -webkit-line-clamp: 1; // 限制为两行
       -webkit-box-orient: vertical; // 垂直方向排列
       overflow: hidden; // 隐藏超出部分
       text-overflow: ellipsis; // 显示省略号
diff --git a/src/views/track/views/knowledge-info/Index.vue b/src/views/track/views/knowledge-info/Index.vue
index 5405dfa..7e0fcaa 100644
--- a/src/views/track/views/knowledge-info/Index.vue
+++ b/src/views/track/views/knowledge-info/Index.vue
@@ -334,10 +334,15 @@ export default {
                 :noEdit="noEdit"
                 :descriptions="descriptions"
                 :parentForm="form"
-                style="height: calc(100% - 40px);overflow-x: hidden;overflow-y: auto"
+                :style="{
+                  height: segmentTotal > 10 ? 'calc(100% - 40px)' : '100%',
+                  overflowX: 'hidden',
+                  overflowY: 'auto'
+                }"
               />
 
               <div
+                v-if="segmentTotal > 10"
                 style="height: 40px;width:100%;position: sticky;bottom: -1px;color:Red;background: #fff;"
                 class="flex align-items-c justify-content-b"
               >