智能体管理的页面开发和功能开发

src/views/dmx/IntelligentAgent/components/editAgent.vue

@@ -15,16 +15,16 @@
   >
   <div class="main-container">
     <div class="main-container-lf">
-      <div style="padding: 10px;font-size: 16px;background:#eeeeee;">智能体配置</div>
+      <div style="padding: 10px;font-size: 16px;">智能体配置</div>
       <div style="display: flex;width: 100%;" :style="{height:height}">
         <div style="width: 50%;height: 100%">
           <div style="padding: 10px;font-size: 12px;color: #2a2a2b;">智能体画像</div>
           <div>
-            <a-textarea v-model="system" placeholder="" disabled style="height: 400px;background: #ffffff;color: #666666"  />
+            <a-textarea v-model="system" placeholder="" disabled style="height: 400px;color: #666666"  />
           </div>
 
         </div>
-        <div style="background:#eeeeee;width: 50%;">
+        <div style="width: 50%;border: 1px solid var(--color-neutral-3);">
           <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit"  layout="vertical" >
             <a-collapse :default-active-key="['1']">
               <a-collapse-item header="基础信息" key="0" v-if="typeAngint == 'edit'">

src/views/dmx/knowledgeLib/config.vue

@@ -432,7 +432,7 @@ export default {
   height: 100%;
   overflow: auto;
   //background: #626aea;
-  background: #ffffff;
+  //background: #ffffff;
   padding-top: 80px;
 
   &-lf {

src/views/dmx/knowledgeLib/index.vue

@@ -785,7 +785,7 @@ const   changeFetchData =  async (row)=>{
         flex-direction: column;
         align-items: center;
         justify-content: space-evenly;
-        background: #ffffff;
+        background: var(--color-neutral-3);
         width: 200px;
         .lf-container-top{
           display: flex;
@@ -797,7 +797,7 @@ const   changeFetchData =  async (row)=>{
           box-sizing: border-box;
           width: 90%;
           //height: 56rem;
-          border: 1px solid #eeeeee;
+          border: 1px solid var(--color-neutral-3);
           //padding: 10px;
           margin-bottom: 10px;
           //.tabs{
@@ -810,7 +810,7 @@ const   changeFetchData =  async (row)=>{
             box-sizing: border-box;
             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;
@@ -822,13 +822,16 @@ const   changeFetchData =  async (row)=>{
           }
           .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);
           }
           .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);
           }
         }
       }
@@ -847,7 +850,7 @@ const   changeFetchData =  async (row)=>{
           left: 0;
           width: 100%;
           height: 100%;
-          background: #ffffff;
+          //background: #ffffff;
           .details-header{
             display: flex;
             justify-content: space-between;

src/views/dmx/knowledgeLib/test.vue

@@ -177,7 +177,7 @@ export default {
       width: 30%;
       height: 100%;
       //border: 1px solid #cccccc;
-      background: #ffffff;
+      //background: #ffffff;
       border-radius: 10px;
       overflow: hidden;
       &-top{
@@ -224,7 +224,7 @@ export default {
       height: 100%;
       //background: #626aea;
       //border: 1px solid #cccccc;
-      background: #ffffff;
+      //background: #ffffff;
       border-radius: 10px;
     }
   }

src/views/dmx/knowledgeLib/tool.vue

@@ -149,7 +149,7 @@
             <a-divider style="margin-top: 10px" />
             <div class="groupMain">
               <a-checkbox-group v-model="data" @change="handleChange" >
-                <div class="groupList" :style="{background:keyBg=='1'?'#eff8ff':'white'}">
+                <div class="groupList">
                   <a-checkbox  value="1"></a-checkbox>
                   <div class="groupList-content" @click="groupListContentClick('1')" @dblclick="contentClick(1)">
                     而 stable version 是最新稳定版，经过充分测试和验证，bug 较少，
@@ -164,7 +164,7 @@
                   </div>
                 </div>
 
-                <div class="groupList" :style="{background:keyBg=='2'?'#eff8ff':'white'}">
+                <div class="groupList">
                   <a-checkbox  value="1"></a-checkbox>
                   <div class="groupList-content" @click="groupListContentClick('2')" @dblclick="contentClick(1)">
                     而 stable version 是最新稳定版，经过充分测试和验证，bug 较少，
@@ -393,7 +393,7 @@ onMounted(()=>{
     padding: 24px;
     border-radius: 8px;
     //background: #eff8ff;
-    border: 1px solid #f0f0f0;
+    border: 1px solid var(--color-neutral-3);
     margin-bottom: 20px;
     overflow: auto;
     .groupList-content{
@@ -403,7 +403,7 @@ onMounted(()=>{
       box-sizing: border-box;
       margin: 0;
       padding: 0;
-      color: rgba(0, 0, 0, 0.88);
+      color: var(--color-text-1);
       font-size: 14px;
       font-family: Inter;
       position: relative;