From 77b7233ecd6736c511fcda337907d26f9f6618ea Mon Sep 17 00:00:00 2001
From: yinbangzhong <zhongbangyin@126.com>
Date: 星期三, 14 八月 2024 20:48:24 +0800
Subject: [PATCH] 角色
---
src/views/dmx/model/components/addPageModel.vue | 86 ++++++++++++++++++++++++++-----------------
1 files changed, 52 insertions(+), 34 deletions(-)
diff --git a/src/views/dmx/model/components/addPageModel.vue b/src/views/dmx/model/components/addPageModel.vue
index 1b0b6a9..bafb7b1 100644
--- a/src/views/dmx/model/components/addPageModel.vue
+++ b/src/views/dmx/model/components/addPageModel.vue
@@ -46,6 +46,12 @@
<a-form-item field="api_base" label="鍩虹URL">
<a-input v-model="form.api_base" placeholder="璇疯緭鍏ュ熀纭�URL" />
</a-form-item>
+ <a-form-item field="name" label="API-Key">
+ <a-input v-model="form.name" placeholder="API-Key" />
+ </a-form-item>
+ <!-- <a-form-item field="describe" label="Base-Url">
+ <a-input v-model="form.name" placeholder="Base-Url" />
+ </a-form-item> -->
<a-form-item
field="raptor"
label="鏄惁鏀寔 Vision"
@@ -54,10 +60,16 @@
<a-switch v-model="form.raptor" />
</a-form-item>
<a-form-item field="logo" label="妯″瀷鍥剧墖">
- <a-space direction="vertical" :style="{ width: '100%' }">
+ <a-space
+ direction="vertical"
+ v-model="form.logo"
+ :style="{ width: '100%' }"
+ >
<Upload
:action="uploadAction"
:limit="1"
+ :url="form.urlS"
+ @handleRemove="deleteRemove"
@update:fileList="updateFileList"
@success="handleSuccess"
></Upload>
@@ -111,6 +123,7 @@
:action="uploadAction"
:limit="1"
:url="form.urlS"
+ @handleRemove="deleteRemove"
@update:fileList="updateFileList"
@success="handleSuccess"
></Upload>
@@ -136,6 +149,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 +176,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 +197,9 @@
multiSelect: ['section one'],
treeSelect: '',
raptor: false,
- addFomList: [],
+ addFomList: <any[]>[],
});
- const form_ref = ref(null);
+ const form_ref = ref();
const rules = {
model_type: [
@@ -231,24 +232,42 @@
message: '璇疯緭鍏pi_base',
},
],
+ logo: [
+ {
+ required: true,
+ message: '妯″瀷鍥剧墖涓嶈兘涓虹┖',
+ },
+ ],
};
const uploadAction = '/api/v1/llm/upload'; // 鏇挎崲涓轰綘鐨勪笂浼燗PI
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;
+ form.logo = urls[0];
+
+ const urlsArr = urls.map((url) => {
+ return httpUrl + url;
+ });
+ imageUrls.value = urlsArr; // 鎷垮埌涓婁紶鐨勫浘鐗囧湴鍧�
};
+ const deleteRemove = () => {
+ form.logo = '';
+ uploadUrl.value = [];
+ imageUrls.value = [];
+ };
+
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 +275,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 +283,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 +302,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 +374,6 @@
const onProgress = (currentFile) => {
file.value = currentFile;
};
- // onMounted(() => {
- // if (editList.value) {
- // getDetail();
- // form.urlS = editList.value.logo;
- // }
- // });
//鑾峰彇璇︽儏
const getDetail = async () => {
@@ -376,15 +388,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 {
--
Gitblit v1.8.0