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

liudong

2024-08-02 e162b1e25ac507d17a29953225932a7ecf8c03d7

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

 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 @@
  nextTick(()=>{
    Object.assign(form,data);
    console.log(form);
    system.value = form.prompt_config.system;
  })
};
defineExpose({
@@ -135,9 +156,19 @@
}

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 @@
  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(()=>{