From c257fb1d2238aae76331ad4d1ad8cfe667493718 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期一, 12 八月 2024 18:03:02 +0800
Subject: [PATCH] 知识库,智能体样式修改

---
 src/views/dmx/knowledgeLib/index.vue |   41 ++++++++++++++++-------------------------
 1 files changed, 16 insertions(+), 25 deletions(-)

diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue
index 38f1e7e..c6643f3 100644
--- a/src/views/dmx/knowledgeLib/index.vue
+++ b/src/views/dmx/knowledgeLib/index.vue
@@ -11,7 +11,7 @@
           <addKnow @getknowledge="getknowledge" @getKbdetail="getKbdetail"></addKnow>
         </div>
         <a-spin :loading="listloading" class="lf-container-down">
-          <a-scrollbar style="height:56rem;overflow: auto;">
+          <a-scrollbar  style="height: calc(100vh - 300px); overflow: auto">
             <div
               class="tab"
               v-for="(tab, index) in tabs"
@@ -33,10 +33,10 @@
           </a-scrollbar>
           </a-spin>
       </div>
-      <div class="rt-container" v-if="tabs.length > 0">
+      <div class="rt-container" v-if="tabs.length > 0" >
         <a-tabs :active-key="activeKey" @change="handleTabChange">
           <a-tab-pane key="1" :title= "t('dmx.list.DataSet')">
-            <div class="rt-container-main">
+            <a-scrollbar class="rt-container-main" :style="{height: documentHeight + 70 + 'px'}" style="overflow: auto">
               <a-card  ref="account" class="general-card" title="" style="padding-top: 20px">
                 <a-row>
                   <a-col :flex="1" :span="12">
@@ -157,7 +157,8 @@
                   :bordered="false"
                   :size="size"
                   @page-change="onPageChange"
-                  :scroll="{ y: 580 }"
+                  :max-height='documentHeight'
+                  :scroll="{ y: documentHeight }"
                 >
                   <template #name="{ record }">
 <!--                    <icon-file style="color: #0960bd;margin-right: 4px;" />-->
@@ -248,17 +249,17 @@
                   </template>
                 </a-table>
               </a-card>
-            </div>
+            </a-scrollbar>
           </a-tab-pane>
           <a-tab-pane key="2" :title="t('dmx.list.test')">
-            <div class="rt-container-main">
+            <a-scrollbar class="rt-container-main" :style="{height: documentHeight + 70 + 'px'}" style="overflow: auto">
               <test ref="testForm"></test>
-            </div>
+            </a-scrollbar>
           </a-tab-pane>
           <a-tab-pane key="3" :title="t('dmx.list.disposition')">
-            <div class="rt-container-main">
+            <a-scrollbar class="rt-container-main" :style="{height: documentHeight + 70 + 'px'}" style="overflow: auto">
               <config ref="configForm" :kbtenantInfo="kbtenantInfo" @cancleConfig="cancleConfig" @saveConfig="saveConfig"></config>
-            </div>
+            </a-scrollbar>
           </a-tab-pane>
         </a-tabs>
 <!--        <div v-if="detailsShow" class="details">-->
@@ -336,7 +337,7 @@
   import excel from '@/views/dmx/knowledgeLib/components/excel.vue'
   import txtPdf from '@/views/dmx/knowledgeLib/components/txtPdf.vue'
 import { Message, Modal } from "@arco-design/web-vue";
-  import { parseTime } from "@/utils";
+import { documentHeight, parseTime } from "@/utils";
 import { deleteLlm } from "@/api/model";
   type SizeProps = 'mini' | 'small' | 'medium' | 'large';
   type Column = TableColumnData & { checked?: true };
@@ -857,28 +858,18 @@
 
 </script>
 
-<script lang="ts">
-  export default {
-    name: 'SearchTable',
-    methods: {
-
-    }
-  };
-</script>
-
 <style scoped lang="less">
   .container {
     padding: 0 20px 20px 20px;
     .main-container{
       display: flex;
       width: 100%;
-      height: 100%;
       .lf-container{
         display: flex;
         flex-direction: column;
         align-items: center;
-        justify-content: space-evenly;
-        //background: #ffffff;
+        //justify-content: space-evenly;
+        border-radius: 8px;
         background: var(--color-bg-2);
         width: 200px;
         .lf-container-top{
@@ -890,7 +881,7 @@
           flex-direction: column;
           box-sizing: border-box;
           width: 90%;
-          //height: 56rem;
+          height: calc(100% - 80px);
           border: 1px solid var(--color-fill-3);
           border-radius: 8px;
           //padding: 10px;
@@ -938,9 +929,9 @@
         //background: #626aea;
         margin-left: 20px;
         width: calc(100% - 200px);
-        height: 56rem;
+        overflow: hidden;
         .rt-container-main{
-          height: 76vh;
+          overflow: auto;
         }
         .details{
           position: absolute;

--
Gitblit v1.8.0