| | |
| | | <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> |
| | |
| | | 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); |
| | |
| | | |
| | | 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', |
| | |
| | | multiSelect: ['section one'], |
| | | treeSelect: '', |
| | | raptor: false, |
| | | addFomList: [], |
| | | addFomList: <any[]>[], |
| | | }); |
| | | const form_ref = ref(null); |
| | | const form_ref = ref(); |
| | | |
| | | const rules = { |
| | | model_type: [ |
| | |
| | | |
| | | 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 |
| | |
| | | .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, |
| | |
| | | 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) { |
| | |
| | | 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) { |
| | |
| | | const onProgress = (currentFile) => { |
| | | file.value = currentFile; |
| | | }; |
| | | // onMounted(() => { |
| | | // if (editList.value) { |
| | | // getDetail(); |
| | | // form.urlS = editList.value.logo; |
| | | // } |
| | | // }); |
| | | |
| | | //获取详情 |
| | | const getDetail = async () => { |
| | |
| | | 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 { |