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

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

@@ -20,7 +20,7 @@
         <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"  />
           </div>
 
         </div>
@@ -29,13 +29,27 @@
 
             <a-collapse :default-active-key="['1']">
               <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-option
+                        v-for="(obj) in item"
+                        :key='obj.fid'
+                        :value="obj.llm_id"
+                      >
+                        {{obj.llm_name}}
+                      </a-option>
+                    </a-optgroup>
+                  </a-select>
+                </a-space>
               </a-collapse-item>
-              <a-collapse-item header="开场引导" :key="'2'">
+              <a-collapse-item header="开场引导" :key="'2'" disabled>
 
               </a-collapse-item>
               <a-collapse-item header="知识库" key="3">
-
+                <a-select v-model="form.kb_ids" :style="{width:'25rem'}" placeholder="请选择 ..." multiple >
+                  <a-option v-for="(item) in tabs" :key="item.id"  :value="item.id">{{item.name}}</a-option>
+                </a-select>
               </a-collapse-item>
               <a-collapse-item header="工具" key="4" disabled>
               </a-collapse-item>
@@ -85,13 +99,19 @@
 <script lang="ts" setup>
 import { onMounted, onBeforeMount, reactive, ref, nextTick } from "vue";
 import { IconSend } from "@arco-design/web-vue/es/icon";
+import { queryKbList, queryModelList } from "@/api/kbList";
+import useLoading from "@/hooks/loading";
+const {  setLoading } = useLoading(true);
 const props =  defineProps(['typeAngint','formData'])
 const visible = ref(false);
 const loading = ref(false);
-const form = reactive({
-
-});
+const form = reactive({});
+const system = ref('');
+const embdId = ref('');
+const modelList = ref({});
+const renderData = ref([]);
 const formRef = ref(null);
+let tabs = ref([])
 const height = ref('calc(100vh - 150px)')
 const heightrg = ref('calc(100vh - 100px)')
 
@@ -114,6 +134,7 @@ const handleClick = (data) => {
   nextTick(()=>{
     Object.assign(form,data);
     console.log(form);
+    system.value = form.prompt_config.system;
   })
 };
 defineExpose({
@@ -135,9 +156,19 @@ const handleCancel = () => {
 }
 
 const handleOpened =(el) => {
-  formRef.value.resetFields();
+  // formRef.value.resetFields();
 }
+const queryModel = async (params) => {
+  try {
+    const data = await queryModelList(params);
+    console.log(data.data, '大模型列表');
+    modelList.value = data.data
+  } catch (err) {
+    // you can report use errorHandler or other
+  } finally {
 
+  }
+};
 const file = ref();
 
 const onChange = (_, currentFile) => {
@@ -150,8 +181,27 @@ const onProgress = (currentFile) => {
   file.value = currentFile;
 };
 
-onBeforeMount(()=>{
 
+
+const knowledgeData = async (
+  params = { page: 1, page_size: 20 }
+) => {
+  setLoading(true);
+  try {
+    const { data } = await queryKbList(params);
+    console.log(data, 'data');
+    tabs.value = data;
+    console.log(tabs.value, 'tabs');
+  } catch (err) {
+    // you can report use errorHandler or other
+  } finally {
+    setLoading(false);
+  }
+};
+
+onBeforeMount(()=>{
+  queryModel({})
+  knowledgeData()
 })
 onMounted(()=>{