liudong
2024-08-12 a53981aea70d2247120954a96f9f462c6bad936b
src/views/dmx/model/components/addPageModel.vue
@@ -46,18 +46,19 @@
        <a-form-item field="api_base" label="基础URL">
          <a-input v-model="form.api_base" placeholder="请输入基础URL" />
        </a-form-item>
        <a-form-item
        <!-- <a-form-item
          field="raptor"
          label="是否支持 Vision"
          v-if="form.model_type === 'chat'"
        >
          <a-switch v-model="form.raptor" />
        </a-form-item>
        </a-form-item> -->
        <a-form-item field="logo" label="模型图片">
          <a-space direction="vertical" :style="{ width: '100%' }">
            <Upload
              :action="uploadAction"
              :limit="1"
              :url="form.urlS"
              @update:fileList="updateFileList"
              @success="handleSuccess"
            ></Upload>
@@ -136,6 +137,9 @@
  import { Modal, Message } from '@arco-design/web-vue';
  import message from '@arco-design/web-vue/es/message';
  import { resolveUnref } from '@vueuse/core';
  import { userModelState } from '@/store';
  const modelStore = userModelState();
  const addPageModelVisible = defineModel('show');
  const loading = ref(false);
@@ -160,21 +164,6 @@
  const isType = computed(() => props.type);
  const editList = computed(() => props.editList);
  watchEffect(() => {
    if (props.editList) {
      console.log(props.editList, 9999);
      // form.name = props.editList.name;
      // form.llm_factory = props.editList.llm_factory;
      // form.model_type = props.editList.model_type;
      // form.province = props.editList.province;
      // form.options = props.editList.options;
      // form.llm_name = props.editList.llm_name;
      // form.api_base = props.editList.api_base;
      // form.volc_ak = props.editList.volc_ak;
      // form.volc_sk = props.editList.volc_sk;
      // form.logo = props.editList.logo;
    }
  });
  const form = reactive({
    size: 'medium',
@@ -196,9 +185,9 @@
    multiSelect: ['section one'],
    treeSelect: '',
    raptor: false,
    addFomList: [],
    addFomList: <any[]>[],
  });
  const form_ref = ref(null);
  const form_ref = ref();
  const rules = {
    model_type: [
@@ -235,20 +224,25 @@
  const uploadAction = '/api/v1/llm/upload'; // 替换为你的上传API
  const fileList = ref([]);
  const imageUrls = ref([]);
  const imageUrls = ref<any[]>([]);
  const uploadUrl = ref([]);
  const httpUrl = modelStore.hrefUrl;
  const updateFileList = (newFileList) => {
    fileList.value = newFileList;
    console.log(newFileList, 88);
  };
  const handleSuccess = (urls) => {
    imageUrls.value = urls; // 拿到上传的图片地址
    uploadUrl.value = urls;
    const urlsArr = urls.map((url) => {
      return httpUrl + url;
    });
    imageUrls.value = urlsArr; // 拿到上传的图片地址
  };
  const emit = defineEmits(['refresh-parent']);
  const handleSubmit = ({ values, errors }) => {
    const all_params = form.addFomList.map((item) => {
      console.log(item, 8888);
      return item.name + ':' + item.value;
    });
    form_ref.value
@@ -256,6 +250,7 @@
      .then(async (res) => {
        if (!res) {
          if (props.title == '编辑') {
            console.log(imageUrls.value, 999);
            const data = await editLlm({
              llm_factory: editList.value.llm_factory,
              llm_name: form.llm_name,
@@ -263,9 +258,8 @@
              volc_ak: form.volc_ak,
              volc_sk: form.volc_sk,
              api_base: form.api_base,
              raptor: form.raptor,
              all_params: all_params,
              logo: imageUrls.value[0],
              logo: uploadUrl.value[0] || '',
            });
            if ((data as any).code == 200) {
@@ -283,9 +277,8 @@
              volc_ak: form.volc_ak,
              volc_sk: form.volc_sk,
              api_base: form.api_base,
              raptor: form.raptor,
              all_params: all_params,
              logo: imageUrls.value[0],
              logo: uploadUrl.value[0] || '',
            });
            if ((data as any).code == 200) {
@@ -356,12 +349,6 @@
  const onProgress = (currentFile) => {
    file.value = currentFile;
  };
  // onMounted(() => {
  //   if (editList.value) {
  //     getDetail();
  //     form.urlS = editList.value.logo;
  //   }
  // });
  //获取详情
  const getDetail = async () => {
@@ -376,15 +363,21 @@
    form.volc_sk = data.data.volc_sk;
    form.api_base = data.data.api_base;
    form.raptor = data.data.raptor;
    // form.urlS = data.data.logo;
    form.urlS = data.data.logo;
    if (JSON.parse(data.data.all_params).length > 0) {
      form.addFomList = JSON.parse(data.data.all_params).map((item) => {
        return { name: item.split(':')[0], value: item.split(':')[1] };
      });
    }
    imageUrls.value = data.data.logo;
    imageUrls.value.push(httpUrl + data.data.logo);
  };
  watchEffect(() => {
    if (props.editList.name) {
      getDetail();
    }
  });
</script>
<style scoped lang="less">
  .addInput {