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

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

@@ -21,16 +21,16 @@
   >
   <div class="main-container">
     <div class="main-container-lf">
-      <div style="padding: 10px;font-size: 16px;">智能体配置</div>
+      <div style="padding: 10px;font-size: 16px;background: var(--color-neutral-3);">智能体配置</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;color: #666666"  />
+            <a-textarea v-model="system" placeholder="" disabled style="height: 400px;"  />
           </div>
 
         </div>
-        <div style="width: 50%;border: 1px solid var(--color-neutral-3);">
+        <div style="width: 50%;border: 1px solid var(--color-neutral-3);background:  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'">
@@ -39,20 +39,20 @@
               <a-collapse-item header="AI模型配置" key="1">
                 <a-space direction="vertical" size="large">
                   <a-select :size="'large'" v-model="form.llm_id" :style="{width:'25rem'}" placeholder="请选择 ...">
-                    <a-optgroup  :label="index" v-for="(item,index) in modelList" :key=index>
+                    <a-optgroup
+                      :label="index"
+                      v-for="(item, index) in modelList"
+                      :key="index"
+                    >
                       <a-option
-                        v-for="(obj) in item"
-                        :key='obj.fid'
+                        v-for="obj in item"
+                        :key="obj.fid"
+                        :disabled="!obj.available"
                         :value="obj.llm_id"
                       >
-                        <a-option
-                          v-for="obj in item"
-                          :key="obj.fid"
-                          :value="obj.llm_id"
-                        >
-                          {{ obj.llm_name }}
-                        </a-option>
-                      </a-optgroup>
+                        {{ obj.llm_name }}
+                      </a-option>
+                    </a-optgroup>
                     </a-select>
                   </a-space>
                 </a-collapse-item>

src/views/dmx/knowledgeLib/index.vue

@@ -377,6 +377,7 @@
       <excel v-if="documenttype == 'excel'" :previewSrc="previewSrc"></excel>
       <txtPdf v-if="documenttype == 'txtPdf'" :previewSrc="previewSrc"></txtPdf>
     </a-modal>
+    </div>
   </div>
 </template>
 

src/views/dmx/knowledgeLib/tool.vue

@@ -509,13 +509,14 @@
       //color: #2a2a2b!important;
     }
   }
-  .groupMain{
+  .groupMain {
     width: 100%;
     height: 500px;
     overflow: auto;
     display: flex;
     justify-content: center;
-    .groupList{
+
+    .groupList {
       display: flex;
       padding: 24px;
       border-radius: 8px;
@@ -523,7 +524,8 @@
       border: 1px solid var(--color-neutral-3);
       margin-bottom: 20px;
       overflow: auto;
-      .groupList-content{
+
+      .groupList-content {
         width: 700px;
         //height: 100px;
         overflow: auto;
@@ -538,12 +540,14 @@
 
       }
     }
+
     .groupMain {
       width: 100%;
       height: 500px;
       overflow: auto;
       display: flex;
       justify-content: center;
+
       .groupList {
         display: flex;
         padding: 24px;
@@ -552,6 +556,7 @@
         border: 1px solid #f0f0f0;
         margin-bottom: 20px;
         overflow: auto;
+
         .groupList-content {
           width: 700px;
           //height: 100px;
@@ -566,4 +571,5 @@
         }
       }
     }
+  }
 </style>