From 6860f30ff7ab6cb5097e63b37411364827e08bfa Mon Sep 17 00:00:00 2001 From: zhangxiao <898441624@qq.com> Date: 星期二, 06 八月 2024 10:48:08 +0800 Subject: [PATCH] fix: 接口对接 --- src/components/upload/index.vue | 35 ++--------- src/views/dmx/model/components/addTableName.vue | 52 ++++++++++++----- src/views/dmx/model/components/addPageModel.vue | 36 +++-------- 3 files changed, 54 insertions(+), 69 deletions(-) diff --git a/src/components/upload/index.vue b/src/components/upload/index.vue index 0329488..66900de 100644 --- a/src/components/upload/index.vue +++ b/src/components/upload/index.vue @@ -23,37 +23,18 @@ const emit = defineEmits(['update:fileList', 'success']); const fileList = ref([]); - // const urls = computed(() => { - // debugger; - // console.log(props.url, 999999); - // // if (props.urlS) { - // // console.log(props.urlS, 999999); - // // return props.urlS.split(','); - // // } - // // return props.urlS ? [props.urlS] : []; - // }); - // watchEffect(() => { - // fileList.value = urls.value.map((item) => ({ - // uid: item, - // name: item, - // status: 'done', - // url: item, - // })); - // }); watch( () => props.url, (newVal) => { - debugger; - console.log(newVal, 8888); - // if (newVal) { - // fileList.value = newVal.split(',').map((item) => ({ - // uid: item, - // name: item, - // status: 'done', - // url: item, - // })); - // } + if (newVal) { + fileList.value = newVal.split(',').map((item) => ({ + uid: item, + name: item, + status: 'done', + url: item, + })); + } }, { deep: true, // 寮�鍚繁搴︾洃鍚� diff --git a/src/views/dmx/model/components/addPageModel.vue b/src/views/dmx/model/components/addPageModel.vue index 1b0b6a9..712363b 100644 --- a/src/views/dmx/model/components/addPageModel.vue +++ b/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> @@ -160,21 +161,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', @@ -263,7 +249,6 @@ 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], }); @@ -283,7 +268,6 @@ 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], }); @@ -356,12 +340,6 @@ const onProgress = (currentFile) => { file.value = currentFile; }; - // onMounted(() => { - // if (editList.value) { - // getDetail(); - // form.urlS = editList.value.logo; - // } - // }); //鑾峰彇璇︽儏 const getDetail = async () => { @@ -376,7 +354,7 @@ 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] }; @@ -385,6 +363,12 @@ imageUrls.value = data.data.logo; }; + + watchEffect(() => { + if (props.editList.name) { + getDetail(); + } + }); </script> <style scoped lang="less"> .addInput { diff --git a/src/views/dmx/model/components/addTableName.vue b/src/views/dmx/model/components/addTableName.vue index c3f88f8..45ace16 100644 --- a/src/views/dmx/model/components/addTableName.vue +++ b/src/views/dmx/model/components/addTableName.vue @@ -20,12 +20,12 @@ <a-form-item field="name" label="妯″瀷鍚嶇О"> <a-input v-model="form.name" placeholder="璇疯緭鍏ユā鍨嬪悕绉�" /> </a-form-item> - <a-form-item field="apiKey" label="API-Key"> + <!-- <a-form-item field="apiKey" label="API-Key"> <a-input v-model="form.apiKey" placeholder="API-Key" /> </a-form-item> <a-form-item field="baseUrl" label="Base-Url"> <a-input v-model="form.baseUrl" placeholder="Base-Url" /> - </a-form-item> + </a-form-item> --> <a-form-item field="tags" label="妯″瀷鎻忚堪"> <a-textarea v-model="form.tags" @@ -39,6 +39,7 @@ <Upload :action="uploadAction" :limit="1" + :url="form.urlS" @update:fileList="updateFileList" @success="handleSuccess" ></Upload> @@ -57,7 +58,14 @@ </template> <script lang="ts" setup> - import { onMounted, onBeforeMount, reactive, ref, computed } from 'vue'; + import { + onMounted, + onBeforeMount, + watchEffect, + reactive, + ref, + computed, + } from 'vue'; import { addLlmFactory, getLlmDetail } from '@/api/model'; import { Message } from '@arco-design/web-vue'; @@ -82,6 +90,7 @@ api_base: '', tags: '', logo: '', + urlS: '', }); const formRef = ref(null); @@ -155,21 +164,32 @@ formRef.value?.resetFields(); }; - onMounted(() => { - if (editList.value) { - getDetail(); + // onMounted(() => { + // if (editList.value) { + // getDetail(); + // } + // }); + + // const getDetail = async () => { + // const data = await getLlmDetail( + // editList.value.llm_factory, + // editList.value.tags + // ); + + // form.urlS = data.data.urlS; + // imageUrls.value = data.data.logo; + // }; + + watchEffect(() => { + if (props.nameList) { + console.log(props.nameList); + form.name = props.nameList.llm_factory; + form.tags = props.nameList.tags; + form.urlS = props.nameList.logo; } + + // getDetail(); }); - - const getDetail = async () => { - const data = await getLlmDetail( - editList.value.llm_factory, - editList.value.name - ); - console.log(data.data, 8888); - - imageUrls.value = data.data.logo; - }; </script> <script lang="ts"> -- Gitblit v1.8.0