From ada965001c31dae9abb1a6cbc55becfc9f4b6eaa Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期一, 05 八月 2024 11:10:12 +0800
Subject: [PATCH] 智能体管理的页面开发和功能开发

---
 src/views/dmx/knowledgeLib/index.vue |   40 ++++++++++++++++++++++++++--------------
 1 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue
index cffd016..e016a8f 100644
--- a/src/views/dmx/knowledgeLib/index.vue
+++ b/src/views/dmx/knowledgeLib/index.vue
@@ -11,7 +11,7 @@
           <addKnow @knowledgeData="knowledgeData"></addKnow>
         </div>
         <div class="lf-container-down">
-          <div class="tabs">
+          <a-scrollbar style="height:56rem;overflow: auto;">
             <div
               class="tab"
               v-for="(tab, index) in tabs"
@@ -29,8 +29,8 @@
                 </template>
               </a-popover>
             </div>
+          </a-scrollbar>
           </div>
-        </div>
       </div>
       <div class="rt-container">
         <a-tabs default-active-key="1">
@@ -778,30 +778,39 @@
     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;
+        background: var(--color-neutral-3);
         width: 200px;
         .lf-container-top{
           display: flex;
+          margin: 10px 0;
         }
         .lf-container-down{
           display: flex;
           flex-direction: column;
+          box-sizing: border-box;
           width: 90%;
-          height: calc(100% - 5rem);
-          border: 1px solid #eeeeee;
-          overflow: auto;
-          padding: 10px;
-          .tabs .tab {
+          //height: 56rem;
+          border: 1px solid var(--color-neutral-3);
+          //padding: 10px;
+          margin-bottom: 10px;
+          //.tabs{
+          //  width: 100%;
+          //  height: 100%;
+          //  overflow: auto;
+          //}
+          .tab {
             cursor: pointer;
             box-sizing: border-box;
-            margin: 10px 0;
+            margin: 10px 10px;
             padding:0 10px;
-            color: rgba(0, 0, 0, 0.88);
+            //color: var(--color-text-1);
             font-size: 14px;
             height: 40px;
             line-height: 40px;
@@ -811,15 +820,18 @@
             border: 1px solid #f0f0f0;
             border-radius: 8px;
           }
-          .tabs .tab:hover {
+          .tab:hover {
             border: 1px solid #ffffff;
+            color: #000000;
             background: #e8e8ea;
             box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
           }
-          .tabs .tab.active {
+          .tab.active {
             border: 1px solid #e8e8ea;
             background: #e8e8ea;
+            color: #000000;
             cursor: pointer;
+            box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
           }
         }
       }
@@ -828,7 +840,7 @@
         //background: #626aea;
         margin-left: 20px;
         width: calc(100% - 200px);
-        height: calc(100% - 5rem);
+        height: 56rem;
         .rt-container-main{
           height: 76vh;
         }
@@ -838,7 +850,7 @@
           left: 0;
           width: 100%;
           height: 100%;
-          background: #ffffff;
+          //background: #ffffff;
           .details-header{
             display: flex;
             justify-content: space-between;

--
Gitblit v1.8.0