From dc3fb06f6d3253ddebf35fec2d805b1750086b01 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期三, 14 八月 2024 17:31:51 +0800
Subject: [PATCH] fix: 上传组件新增删除功能，模型管理页面修改
---
src/views/dmx/model/components/addPageModel.vue | 43 ++++++++++++++++++++++++++++++++++---------
1 files changed, 34 insertions(+), 9 deletions(-)
diff --git a/src/views/dmx/model/components/addPageModel.vue b/src/views/dmx/model/components/addPageModel.vue
index 5d6c822..bafb7b1 100644
--- a/src/views/dmx/model/components/addPageModel.vue
+++ b/src/views/dmx/model/components/addPageModel.vue
@@ -46,19 +46,30 @@
<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="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"
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%' }">
+ <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>
@@ -112,6 +123,7 @@
:action="uploadAction"
:limit="1"
:url="form.urlS"
+ @handleRemove="deleteRemove"
@update:fileList="updateFileList"
@success="handleSuccess"
></Upload>
@@ -137,9 +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 { useUserStore } from '@/store';
+ import { userModelState } from '@/store';
- const userStore = useUserStore();
+ const modelStore = userModelState();
const addPageModelVisible = defineModel('show');
const loading = ref(false);
@@ -185,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: [
@@ -220,13 +232,19 @@
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 = localStorage.getItem('httpUrl');
+ const httpUrl = modelStore.hrefUrl;
const updateFileList = (newFileList) => {
fileList.value = newFileList;
@@ -234,12 +252,19 @@
const handleSuccess = (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) => {
--
Gitblit v1.8.0