From 0448d7ffb98c5f4089ac00278427277ef0215a9d Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期一, 05 八月 2024 15:19:06 +0800
Subject: [PATCH] 知识库智能体管理的页面开发和功能开发
---
src/views/dmx/knowledgeLib/index.vue | 29 +++++++++++++++++++----------
1 files changed, 19 insertions(+), 10 deletions(-)
diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue
index cffd016..31d1c7d 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,6 +778,8 @@
padding: 0 20px 20px 20px;
.main-container{
display: flex;
+ width: 100%;
+ height: 100%;
.lf-container{
display: flex;
flex-direction: column;
@@ -787,19 +789,26 @@
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);
+ //height: 56rem;
border: 1px solid #eeeeee;
- overflow: auto;
- padding: 10px;
- .tabs .tab {
+ //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);
font-size: 14px;
@@ -811,12 +820,12 @@
border: 1px solid #f0f0f0;
border-radius: 8px;
}
- .tabs .tab:hover {
+ .tab:hover {
border: 1px solid #ffffff;
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;
cursor: pointer;
@@ -828,7 +837,7 @@
//background: #626aea;
margin-left: 20px;
width: calc(100% - 200px);
- height: calc(100% - 5rem);
+ height: 56rem;
.rt-container-main{
height: 76vh;
}
--
Gitblit v1.8.0