v2模型管理相关

src/views/settings/modelConfigV2/component/editModule.vue

@@ -1,6 +1,8 @@
 <template>
 	<el-dialog v-model="dialogVisible" :title="dialogTitle" width="900px" :close-on-click-modal="false" destroy-on-close>
 		<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" v-loading="detailLoading">
+			<!-- ========== 基础信息 ========== -->
+			<el-divider content-position="left">基础信息</el-divider>
 			<el-row :gutter="20">
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
 					<el-form-item label="模型名称" prop="modelName">
@@ -43,36 +45,31 @@
 						<el-input v-model="formData.baseUrl" placeholder="请输入模型服务地址" clearable />
 					</el-form-item>
 				</el-col>
+			</el-row>
+
+			<!-- ========== 调用配置 ========== -->
+			<el-divider content-position="left">调用配置</el-divider>
+			<el-row :gutter="20">
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
-					<el-form-item label="请求方式" prop="httpMethod">
-						<el-select v-model="formData.httpMethod" placeholder="请选择请求方式" clearable style="width: 100%">
-							<el-option label="POST" value="POST" />
-							<el-option label="GET" value="GET" />
+					<el-form-item label="返回类型" prop="responseType">
+						<el-select v-model="formData.responseType" placeholder="请选择返回类型" clearable style="width: 100%">
+							<el-option label="同步" :value="1" />
+							<el-option label="异步" :value="2" />
+							<el-option label="流式" :value="3" />
 						</el-select>
 					</el-form-item>
 				</el-col>
-				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
-					<el-form-item label="调用模式" prop="invokeType">
-						<el-select v-model="formData.invokeType" placeholder="请选择调用模式" clearable style="width: 100%">
-							<el-option label="同步" :value="0" />
-							<el-option label="异步" :value="1" />
-							<el-option label="流式" :value="2" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
-					<el-form-item label="最大并发" prop="maxConcurrency">
-						<el-input-number v-model="formData.maxConcurrency" :min="1" :max="1000" style="width: 100%" />
-					</el-form-item>
-				</el-col>
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
 					<el-form-item label="API Key" prop="apiKey">
 						<el-input v-model="formData.apiKey" type="password" show-password placeholder="请输入调用凭证/密钥" clearable />
 					</el-form-item>
 				</el-col>
+			</el-row>
+			<el-row :gutter="20">
 				<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
-					<el-form-item label="私有化模型" prop="privateModel">
-						<el-switch v-model="formData.privateModel" />
+					<el-form-item label="对话模型" prop="chatModel">
+						<el-switch v-model="formData.chatModel" :disabled="!isReasoningModel" />
+							<span v-if="!isReasoningModel" class="form-hint">仅推理模型支持此设置</span>
 					</el-form-item>
 				</el-col>
 				<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
@@ -81,27 +78,155 @@
 					</el-form-item>
 				</el-col>
 				<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
-					<el-form-item label="对话模型" prop="chatModel">
-						<el-switch v-model="formData.chatModel" />
-					</el-form-item>
+					<!-- 占位对齐 -->
 				</el-col>
 			</el-row>
 			<el-row :gutter="20">
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
-					<el-form-item label="请求映射">
-						<el-button @click="openJsonEditor('request')" style="width: 100%">
-							配置请求映射 ({{ Object.keys(requestMappingData).length }})
-						</el-button>
+					<el-form-item label="最大并发" prop="maxConcurrency">
+						<el-input-number v-model="formData.maxConcurrency" :min="1" :max="1000" style="width: 100%" />
 					</el-form-item>
 				</el-col>
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+					<el-form-item label="最大 Token 数" prop="maxTokens">
+						<el-input-number v-model="formData.maxTokens" :min="0" :max="999999" style="width: 100%" />
+					</el-form-item>
+				</el-col>
+				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+					<el-form-item label="Token 预估价格" prop="tokenPredictPrice">
+						<el-input-number v-model="formData.tokenPredictPrice" :min="0" :precision="4" :step="0.0001" style="width: 100%" />
+					</el-form-item>
+				</el-col>
+			</el-row>
+
+			<!-- ========== 映射配置 ========== -->
+			<el-divider content-position="left">映射配置</el-divider>
+			<el-row :gutter="20">
+								<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
+					<el-form-item label="请求头映射">
+						<KeyValueEditor v-model="formData.requestHeadMapping" />
+					</el-form-item>
+				</el-col>
+				<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+					<el-form-item label="请求体映射">
+						<el-button @click="openMappingEditor('requestBodyMapping')" style="width: 100%">
+							配置 ({{ Object.keys(formData.requestBodyMapping).length }})
+						</el-button>
+					</el-form-item>
+				</el-col>
+				<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
 					<el-form-item label="响应映射">
-						<el-button @click="openJsonEditor('response')" style="width: 100%">
-							配置响应映射 ({{ Object.keys(responseMappingData).length }})
+						<el-button @click="openMappingEditor('responseMapping')" style="width: 100%">
+							配置 ({{ Object.keys(formData.responseMapping).length }})
 						</el-button>
 					</el-form-item>
 				</el-col>
 			</el-row>
+
+			<!-- ========== Token 映射配置 ========== -->
+			<el-divider content-position="left">Token 映射配置</el-divider>
+				<el-row :gutter="20">
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="输入 Token 路径">
+							<el-input v-model="formData.tokenMapping.promptTokens" placeholder="如 data.usage.prompt_tokens" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="输出 Token 路径">
+							<el-input v-model="formData.tokenMapping.completionTokens" placeholder="如 data.usage.completion_tokens" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="总 Token 路径">
+							<el-input v-model="formData.tokenMapping.totalTokens" placeholder="如 data.usage.total_tokens" clearable />
+						</el-form-item>
+					</el-col>
+				</el-row>
+			<!-- ========== 异步任务配置 ========== -->
+			<template v-if="formData.responseType === 2">
+				<el-divider content-position="left">异步任务配置</el-divider>
+				<el-row :gutter="20">
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="回调 URL">
+							<el-input v-model="formData.asyncTaskMapping.url" placeholder="请输入异步回调地址" clearable />
+						</el-form-item>
+					</el-col>
+					
+				</el-row>
+				<el-row :gutter="20">
+										<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
+						<el-form-item label="回调请求头映射">
+							<KeyValueEditor v-model="formData.asyncTaskMapping.requestHeadMapping" />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="回调响应映射">
+							<el-button @click="openMappingEditor('asyncResponseMapping')" style="width: 100%">
+								配置 ({{ Object.keys(formData.asyncTaskMapping.responseMapping).length }})
+							</el-button>
+						</el-form-item>
+					</el-col>
+				</el-row>
+				<el-divider content-position="left" class="sub-divider">任务状态字段路径</el-divider>
+				<el-row :gutter="20">
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="Task ID 路径">
+							<el-input v-model="formData.asyncTaskMapping.taskId" placeholder="如 data.task_id" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="任务状态路径">
+							<el-input v-model="formData.asyncTaskMapping.taskStatus" placeholder="如 data.status" clearable />
+						</el-form-item>
+					</el-col>
+				</el-row>
+				<el-row :gutter="20">
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="待处理值">
+							<el-input v-model="formData.asyncTaskMapping.taskStatusPending" placeholder="pending" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="运行中值">
+							<el-input v-model="formData.asyncTaskMapping.taskStatusRunning" placeholder="running" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="成功值">
+							<el-input v-model="formData.asyncTaskMapping.taskStatusSuccess" placeholder="succeeded" clearable />
+						</el-form-item>
+					</el-col>
+				</el-row>
+				<el-row :gutter="20">
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="失败值">
+							<el-input v-model="formData.asyncTaskMapping.taskStatusFailed" placeholder="failed" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="取消值">
+							<el-input v-model="formData.asyncTaskMapping.taskStatusCancel" placeholder="canceled" clearable />
+						</el-form-item>
+					</el-col>
+					<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
+						<el-form-item label="未知值">
+							<el-input v-model="formData.asyncTaskMapping.taskStatusUnknown" placeholder="unknown" clearable />
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</template>
+
+			<!-- ========== 视频配置 ========== -->
+			<template v-if="isVideoModel">
+				<el-divider content-position="left">视频配置</el-divider>
+				<el-row :gutter="20">
+					<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
+						<el-form-item label="尾帧图像">
+							<el-input v-model="formData.lastFrame" placeholder="视频的尾帧图像 URL" clearable />
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</template>
 		</el-form>
 
 		<!-- JSON 编辑器弹窗 -->
@@ -138,12 +263,21 @@
 </template>
 
 <script setup lang="ts" name="modelConfigV2EditModule">
-import { ref, reactive, computed } from 'vue';
+import { ref, reactive, computed, watch } from 'vue';
 import { ElMessage } from 'element-plus';
 import type { FormInstance, FormRules } from 'element-plus';
-import { JsonEditor } from 'json-schema-editor';
-import 'json-schema-editor/dist/style.css';
-import { createModelManage, updateModelManage, getModelSupplierList, type ModelManageItem, type ModelTypeTreeNode, type ModelSupplierItem } from '/@/api/settings/modelConfigV2';
+import { JsonEditor } from '/@/components/json-schema-editor';
+import {
+	createModelManage,
+	updateModelManage,
+	getModelSupplierList,
+	type ModelManageItem,
+	type ModelTypeTreeNode,
+	type ModelSupplierItem,
+	type TokenMapping,
+	type AsyncTaskMapping,
+} from '/@/api/settings/modelConfigV2';
+import KeyValueEditor from './keyValueEditor.vue';
 
 const props = withDefaults(
 	defineProps<{
@@ -170,47 +304,122 @@ const supplierLoading = ref(false);
 const dialogTitle = computed(() => (isEdit.value ? '修改模型配置' : '新增模型配置'));
 const submitText = computed(() => (isEdit.value ? '保存修改' : '确 定'));
 
+const defaultTokenMapping: TokenMapping = {
+	promptTokens: '',
+	completionTokens: '',
+	totalTokens: '',
+};
+
+const defaultAsyncTaskMapping: AsyncTaskMapping = {
+	url: '',
+	httpMethod: 'POST',
+	requestHeadMapping: {},
+	responseMapping: {},
+	taskId: '',
+	taskStatus: '',
+	taskStatusPending: '',
+	taskStatusRunning: '',
+	taskStatusSuccess: '',
+	taskStatusFailed: '',
+	taskStatusCancel: '',
+	taskStatusUnknown: '',
+};
+
 const formData = reactive({
 	modelName: '',
 	modelType: [] as number[],
 	modelSupplier: undefined as number | undefined,
 	baseUrl: '',
-	httpMethod: 'POST',
-	invokeType: 0 as number,
-	maxConcurrency: 10,
 	apiKey: '',
-	privateModel: false,
+	responseType: undefined as number | undefined,
 	enabled: true,
 	chatModel: false,
-	systemModel: false,
+	maxConcurrency: 10,
+	maxTokens: 4096,
+	tokenPredictPrice: 0,
+	// 映射
+	requestHeadMapping: {} as Record<string, unknown>,
+	requestBodyMapping: {} as Record<string, unknown>,
+	responseMapping: {} as Record<string, unknown>,
+	// Token 映射
+	tokenMapping: { ...defaultTokenMapping },
+	// 异步任务映射
+	asyncTaskMapping: { ...defaultAsyncTaskMapping },
+	// 视频
+	lastFrame: '',
 });
 
-const requestMappingData = ref<Record<string, unknown>>({});
-const responseMappingData = ref<Record<string, unknown>>({});
+/** 获取选中模型类型路径上的所有标签 */
+function getSelectedModelLabels(): string[] {
+	const path = formData.modelType;
+	if (!path || path.length === 0) return [];
+	const labels: string[] = [];
+	let currentLevel = props.modelTypes;
+	for (let i = 0; i < path.length; i++) {
+		const found = currentLevel.find((n) => n.value === path[i]);
+		if (!found) break;
+		labels.push(found.label);
+		currentLevel = found.children || [];
+	}
+	return labels;
+}
+
+/** 判断是否是视频模型类型 */
+const isVideoModel = computed(() => {
+	return getSelectedModelLabels().some((l) => l.includes('视频') || l.toLowerCase().includes('video'));
+});
+
+/** 判断是否是推理模型类型 */
+const isReasoningModel = computed(() => {
+	return getSelectedModelLabels().some((l) => l.includes('推理') || l.toLowerCase().includes('reasoning'));
+});
+
+/** 非推理模型时自动关闭对话模型开关 */
+watch(isReasoningModel, (val) => {
+	if (!val) formData.chatModel = false;
+});
 
 /** JSON 编辑器弹窗状态 */
 const jsonEditorVisible = ref(false);
 const jsonEditorData = ref<Record<string, unknown>>({});
-const editingMappingType = ref<'request' | 'response'>('request');
-const jsonEditorTitle = computed(() => (editingMappingType.value === 'request' ? '编辑请求映射' : '编辑响应映射'));
+const editingMappingKey = ref<string>('');
 const jsonEditorRef = ref();
 
-/** 查看 JSON 弹窗 */
-const viewJsonVisible = ref(false);
-const viewJsonText = ref('');
+const mappingFieldLabels: Record<string, string> = {
+	requestHeadMapping: '请求头映射',
+	requestBodyMapping: '请求体映射',
+	responseMapping: '响应映射',
+	asyncResponseMapping: '异步-响应映射',
+};
 
-const openJsonEditor = (type: 'request' | 'response') => {
-	editingMappingType.value = type;
-	jsonEditorData.value = { ...(type === 'request' ? requestMappingData.value : responseMappingData.value) };
+const jsonEditorTitle = computed(() => {
+	const label = mappingFieldLabels[editingMappingKey.value] || editingMappingKey.value;
+	return `编辑 ${label}`;
+});
+
+/** 获取映射字段的引用 */
+function getMappingValue(key: string): Record<string, unknown> {
+	if (key === 'asyncResponseMapping') return formData.asyncTaskMapping.responseMapping;
+	return (formData as Record<string, unknown>)[key] as Record<string, unknown>;
+}
+
+/** 设置映射字段的值 */
+function setMappingValue(key: string, value: Record<string, unknown>) {
+	if (key === 'asyncResponseMapping') {
+		formData.asyncTaskMapping.responseMapping = value;
+	} else {
+		(formData as Record<string, unknown>)[key] = value;
+	}
+}
+
+const openMappingEditor = (key: string) => {
+	editingMappingKey.value = key;
+	jsonEditorData.value = { ...getMappingValue(key) };
 	jsonEditorVisible.value = true;
 };
 
 const confirmJsonEditor = () => {
-	if (editingMappingType.value === 'request') {
-		requestMappingData.value = { ...jsonEditorData.value };
-	} else {
-		responseMappingData.value = { ...jsonEditorData.value };
-	}
+	setMappingValue(editingMappingKey.value, { ...jsonEditorData.value });
 	jsonEditorVisible.value = false;
 };
 
@@ -223,6 +432,10 @@ const handleViewJson = () => {
 	viewJsonVisible.value = true;
 };
 
+/** 查看 JSON 弹窗 */
+const viewJsonVisible = ref(false);
+const viewJsonText = ref('');
+
 const formRules: FormRules = {
 	modelName: [{ required: true, message: '请输入模型名称', trigger: 'blur' }],
 	modelType: [
@@ -239,7 +452,7 @@ const formRules: FormRules = {
 	],
 	modelSupplier: [{ required: true, message: '请选择模型供应商', trigger: 'change' }],
 	baseUrl: [{ required: true, message: '请输入模型服务地址', trigger: 'blur' }],
-	httpMethod: [{ required: true, message: '请选择请求方式', trigger: 'change' }],
+	responseType: [{ required: true, message: '请选择返回类型', trigger: 'change' }],
 };
 
 const loadSupplierList = async () => {
@@ -259,16 +472,19 @@ const resetForm = () => {
 	formData.modelType = [];
 	formData.modelSupplier = undefined;
 	formData.baseUrl = '';
-	formData.httpMethod = 'POST';
-	formData.invokeType = 0;
-	formData.maxConcurrency = 10;
 	formData.apiKey = '';
-	formData.privateModel = false;
+	formData.responseType = undefined;
 	formData.enabled = true;
 	formData.chatModel = false;
-	formData.systemModel = false;
-	requestMappingData.value = {};
-	responseMappingData.value = {};
+	formData.maxConcurrency = 10;
+	formData.maxTokens = 4096;
+	formData.tokenPredictPrice = 0;
+	formData.requestHeadMapping = {};
+	formData.requestBodyMapping = {};
+	formData.responseMapping = {};
+	formData.tokenMapping = { ...defaultTokenMapping };
+	formData.asyncTaskMapping = { ...defaultAsyncTaskMapping };
+	formData.lastFrame = '';
 };
 
 const openDialog = (type: 'add' | 'edit', row?: ModelManageItem) => {
@@ -283,16 +499,20 @@ const openDialog = (type: 'add' | 'edit', row?: ModelManageItem) => {
 		formData.modelType = [row.modelType];
 		formData.modelSupplier = Number(row.modelSupplier) || undefined;
 		formData.baseUrl = row.baseUrl;
-		formData.httpMethod = row.httpMethod || 'POST';
-		formData.invokeType = row.invokeType ?? 0;
-		formData.maxConcurrency = row.maxConcurrency || 10;
 		formData.apiKey = row.apiKey || '';
-		formData.privateModel = row.PrivateModel ?? false;
+		// 兼容新旧字段名
+		formData.responseType = row.responseType ?? row.invokeType;
 		formData.enabled = row.enabled ?? true;
 		formData.chatModel = row.ChatModel ?? false;
-		formData.systemModel = row.systemModel ?? false;
-		requestMappingData.value = row.requestMapping || {};
-		responseMappingData.value = row.responseMapping || {};
+		formData.maxConcurrency = row.maxConcurrency || 10;
+		formData.maxTokens = row.maxTokens || 4096;
+		formData.tokenPredictPrice = row.tokenPredictPrice ?? 0;
+		formData.requestHeadMapping = row.requestHeadMapping || row.requestMapping || {};
+		formData.requestBodyMapping = row.requestBodyMapping || {};
+		formData.responseMapping = row.responseMapping || {};
+		formData.tokenMapping = row.tokenMapping ? { ...defaultTokenMapping, ...row.tokenMapping } : { ...defaultTokenMapping };
+		formData.asyncTaskMapping = row.asyncTaskMapping ? { ...defaultAsyncTaskMapping, ...row.asyncTaskMapping } : { ...defaultAsyncTaskMapping };
+		formData.lastFrame = row.lastFrame || '';
 	}
 
 	dialogVisible.value = true;
@@ -305,28 +525,55 @@ const handleSubmit = async () => {
 
 		submitting.value = true;
 		try {
-			const params = {
+			const baseParams = {
 				modelName: formData.modelName,
 				modelType: Array.isArray(formData.modelType) ? formData.modelType[formData.modelType.length - 1] : formData.modelType,
 				modelSupplier: formData.modelSupplier as number,
 				baseUrl: formData.baseUrl,
-				httpMethod: formData.httpMethod,
-				invokeType: formData.invokeType,
-				maxConcurrency: formData.maxConcurrency,
+				responseType: formData.responseType as number,
 				apiKey: formData.apiKey || undefined,
-				privateModel: formData.privateModel,
 				enabled: formData.enabled,
 				chatModel: formData.chatModel,
-				systemModel: formData.systemModel,
-				requestMapping: requestMappingData.value,
-				responseMapping: responseMappingData.value,
+				maxConcurrency: formData.maxConcurrency,
+				maxTokens: formData.maxTokens,
+				tokenPredictPrice: formData.tokenPredictPrice,
+				requestHeadMapping: Object.keys(formData.requestHeadMapping).length > 0 ? formData.requestHeadMapping : undefined,
+				requestBodyMapping: Object.keys(formData.requestBodyMapping).length > 0 ? formData.requestBodyMapping : undefined,
+				responseMapping: Object.keys(formData.responseMapping).length > 0 ? formData.responseMapping : undefined,
+			};
+
+			// 根据返回类型附加对应配置
+			let tokenMapping: TokenMapping | undefined;
+			let asyncTaskMapping: AsyncTaskMapping | undefined;
+			let lastFrame: string | undefined;
+
+			if (formData.responseType === 3) {
+				const hasTokenConfig = Object.values(formData.tokenMapping).some((v) => v);
+				tokenMapping = hasTokenConfig ? { ...formData.tokenMapping } : undefined;
+			}
+
+			if (formData.responseType === 2) {
+				const atm = formData.asyncTaskMapping;
+				const hasAsyncConfig = atm.url || Object.keys(atm.requestHeadMapping).length > 0 || atm.taskId;
+				asyncTaskMapping = hasAsyncConfig ? ({ ...atm } as AsyncTaskMapping) : undefined;
+			}
+
+			if (formData.lastFrame) {
+				lastFrame = formData.lastFrame;
+			}
+
+			const params: Record<string, unknown> = {
+				...baseParams,
+				...(tokenMapping ? { tokenMapping } : {}),
+				...(asyncTaskMapping ? { asyncTaskMapping } : {}),
+				...(lastFrame ? { lastFrame } : {}),
 			};
 
 			if (isEdit.value) {
-				await updateModelManage({ id: editId.value, ...params });
+				await updateModelManage({ id: editId.value, ...params } as any);
 				ElMessage.success('修改成功');
 			} else {
-				await createModelManage(params);
+				await createModelManage(params as any);
 				ElMessage.success('新增成功');
 			}
 
@@ -348,6 +595,11 @@ defineExpose({ openDialog });
 	margin-bottom: 18px;
 }
 
+::v-deep(.sub-divider .el-divider__text) {
+	font-size: 13px;
+	color: #909399;
+}
+
 .json-editor-toolbar {
 	display: inline-flex;
 	gap: 8px;