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

liudong

2024-08-02 3a022dc2caa78267a681824ea1c303f140cd6797

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

@@ -16,11 +16,14 @@
      <a-form-item field="name" label="智能体名称">
        <a-input v-model="form.name" placeholder="请输入名称"/>
      </a-form-item>

      <a-form-item  label="你希望智能体的角色是什么，具体完成什么任务？">
        <a-textarea v-model="form.prompt_config.system" placeholder="" style="height: 180px"/>
      </a-form-item>
      <a-form-item>
        <div style="width: 100%;text-align: right">
          <a-button @click="visible = false">取消</a-button>
          <a-button style="margin-left: 10px" type="primary" html-type="submit">确定</a-button>
          <editAgent ref="editAgentKuai" typeAngint="add" :formData="form"></editAgent>
        </div>
      </a-form-item>
    </a-form>
@@ -29,28 +32,47 @@

<script lang="ts" setup>
import { onMounted ,onBeforeMount, reactive, ref } from "vue";
import editAgent from "@/views/dmx/IntelligentAgent/components/editAgent.vue";

const visible = ref(false);
const loading = ref(false);
const editAgentKuai = ref();
const form = reactive({
  size: "medium",
  name: "",
  age: undefined,
  section: "0",
  province: "haidian",
  options: [],
  date: "",
  time: "",
  radio: "radio one",
  slider: 5,
  score: 5,
  switch: false,
  multiSelect: ["section one"],
  treeSelect: "",
  raptor: false,
  prompt: '请总结以下段落。 小心数字，不要编造。 段落如下：\n' +
    '      {cluster_content}\n' +
    '以上就是你需要总结的内容。',
  icon: "",
  language: "English",
  prompt_config: {
    empty_response: "",
    prologue: "你好！ 我是你的助理，有什么可以帮到你的吗？",
    quote: true,
    self_rag: true,
    system: "示例：\n" +
      "你是 XX，具有 XX 经验，擅长 XX，…\n" +
      "你的任务是 XX ，需要按照以下步骤执行：\n" +
      "1. XX\n" +
      "2. XX\n" +
      "3. …\n",
    parameters: [
      {
        "key": "knowledge",
        "optional": false
      }
    ]
  },
  kb_ids: [
    "985eda244efc11ef9a7a0242ac120006"
  ],
  llm_id: "qwen-plus",
  llm_setting: {
    temperature: 0.1,
    top_p: 0.3,
    presence_penalty: 0.4,
    frequency_penalty: 0.7,
    max_tokens: 512
  },
  similarity_threshold: 0.2,
  vector_similarity_weight: 0.30000000000000004,
  top_n: 8
});
const formRef = ref(null);

@@ -67,6 +89,9 @@

const handleSubmit = ({values, errors}) => {
  console.log('values:', values, '\nerrors:', errors)
  if(!errors){
    editAgentKuai.value.handleClick(form)
  }
}

const handleClick = () => {
@@ -81,13 +106,20 @@
}

const handleOpened =(el) => {
  Object.assign(form,{
    name: '',// 用户名
    nameJoin: '',// 昵称
    post: '',// 岗位
    txt: '',// 备注
  });
  // Object.assign(form,{
  //   name: '',// 用户名
  //   nameJoin: '',// 昵称
  //   post: '',// 岗位
  //   txt: '',// 备注
  // });
  formRef.value.resetFields();
  form.name = ''
  form.prompt_config.system = "示例：\n" +
    "你是 XX，具有 XX 经验，擅长 XX，…\n" +
    "你的任务是 XX ，需要按照以下步骤执行：\n" +
    "1. XX\n" +
    "2. XX\n" +
    "3. …\n"
}

const file = ref();