新版UI对话页面开发

liudong

2024-08-16 e4dbf13e917784f0e690709e2dd405e7475a86a1

 src/views/dmx/knowledgeLib/config.vue

@@ -1,5 +1,5 @@
<template>
  <div class="main-container">
  <div ref="scrollContainer" class="main-container">
    <div style="position: absolute;top: 0;left: 0;width: 100%;padding: 0 20px">
      <h4 style="margin-bottom: 10px"></h4>
      <div style="color: #666666;">在这里更新您的知识库详细信息，尤其是解析方法。</div>
@@ -18,7 +18,7 @@
                v-if="avatarShow"
                :action="uploadAction"
                :limit="1"
                :url="form.avatar"
                :url="form.avatar ? httpUrl + form.avatar : ''"
                @update:fileList="updateFileList"
                @success="handleSuccess"
              ></Upload>
@@ -34,22 +34,20 @@
<!--            </a-select>-->
<!--          </a-form-item>-->
          <a-form-item field="embd_id" label="嵌入模型">
            <a-space direction="vertical" size="large">
              <a-select :size="'large'" v-model="form.embd_id" :style="{width:'100%'}" placeholder="请选择 ..." :disabled="kbObj.chunk_num==0 && kbObj.token_num==0" allow-clear>
                <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_name"
                  >
                    {{obj.llm_name}}
                  </a-option>
                </a-optgroup>
              </a-select>
            </a-space>
            <a-select :size="'large'" v-model="form.embd_id" placeholder="请选择 ..." :disabled="kbObj.chunk_num==0 && kbObj.token_num==0">
              <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_name"
                >
                  {{obj.llm_name}}
                </a-option>
              </a-optgroup>
            </a-select>
          </a-form-item>
          <a-form-item field="parser_id" label="解析方法">
            <a-select v-model="form.parser_id" placeholder="请选择" :disabled="kbObj.chunk_num==0 && kbObj.token_num==0" allow-clear>
            <a-select v-model="form.parser_id" placeholder="请选择" :disabled="kbObj.chunk_num==0 && kbObj.token_num==0" >
              <a-option v-for="item in parser_ids" :key="item.value" :label="item.name" :value="item.value"></a-option>
            </a-select>
          </a-form-item>
@@ -62,9 +60,7 @@
            </a-space>
          </a-form-item>
          <a-form-item field="raptor" label="使用召回增强RAPTOR策略">
            <a-space direction="vertical" >
              <a-switch v-model="form.use_raptor" size="small" />
            </a-space>
            <a-switch v-model="form.use_raptor" size="small" />
          </a-form-item>
          <div v-if="form.use_raptor">
            <a-form-item field="prompt" label="提示词">
@@ -160,7 +156,7 @@
import message from "@arco-design/web-vue/es/message";
import useLoading from "@/hooks/loading";
const { loading,setLoading } = useLoading(true);

const scrollContainer = ref();
const props =  defineProps(['kbtenantInfo'])
const emit =  defineEmits(['cancleConfig','saveConfig'])
// 解析方法列表
@@ -230,6 +226,7 @@
const uploadAction = '/api/v1/llm/upload'; // 替换为你的上传API
const fileList = ref([]);
const imageUrls = ref([]);
const httpUrl = localStorage.getItem('httpUrl');

const updateFileList = (newFileList) => {
  fileList.value = newFileList;
@@ -368,6 +365,8 @@
  setTimeout(() => {
    avatarShow.value = true;
  },100);
  scrollContainer.value.scrollTop = 0;

}

defineExpose({