新版模型v2相关

This commit is contained in:
2026-07-14 11:03:46 +08:00
parent ea3945d70f
commit f179a5b755
6 changed files with 817 additions and 12 deletions
+64 -11
View File
@@ -30,6 +30,7 @@
"element-plus": "^2.10.7",
"file-saver": "^2.0.5",
"js-cookie": "^3.0.5",
"json-schema-editor": "github:wusij/json-schema#8827d0d6a360c37bc32a8945fb979260bd4a4c85",
"jsplumb": "^2.15.6",
"jszip": "^3.10.1",
"lodash": "^4.17.21",
@@ -265,6 +266,7 @@
"resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz",
"integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==",
"license": "MIT",
"peer": true,
"peerDependencies": {
"vue": "^3.2.0"
}
@@ -928,6 +930,7 @@
"resolved": "https://registry.npmjs.org/@interactjs/core/-/core-1.10.27.tgz",
"integrity": "sha512-SliUr/3ZbLAdED8LokzYzWHWMdCB5Cq+UnpXuRy+BIod1j97m4IUFf/D1iIKUBBjBcucgXbz28z96WnenVCB7Q==",
"license": "MIT",
"peer": true,
"peerDependencies": {
"@interactjs/utils": "1.10.27"
}
@@ -998,6 +1001,7 @@
"resolved": "https://registry.npmjs.org/@interactjs/modifiers/-/modifiers-1.10.27.tgz",
"integrity": "sha512-ei/qfoQ+9/8k6WzNzdNqHI6cWkIV576N4Ap16r5CoqOWwhA6Xzj3OMHf1g0t1O4eSq2HdJsVJn3eLNfw9HsbeQ==",
"license": "MIT",
"peer": true,
"dependencies": {
"@interactjs/snappers": "1.10.27"
},
@@ -1064,7 +1068,8 @@
"version": "1.10.27",
"resolved": "https://registry.npmjs.org/@interactjs/utils/-/utils-1.10.27.tgz",
"integrity": "sha512-+qfLOio2OxQqg1cXSnRaCl+N8MQDQLDS9w+aOGxH8YLAhIMyt7Asxx/46//sT8orgsi16pmlBPtngPHT9s8zKw==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/@intlify/core-base": {
"version": "11.1.2",
@@ -1156,6 +1161,7 @@
"resolved": "https://registry.npmjs.org/@logicflow/core/-/core-2.2.1.tgz",
"integrity": "sha512-VzLPrCrT4eXnOLjoGQ5v4GUSay3+6rd3YNZD0qOJw4vME5e4WjQ5fd+hKK2zlIzgdRI4D54dXiEFJrS6xdV6yQ==",
"license": "Apache-2.0",
"peer": true,
"dependencies": {
"classnames": "^2.3.2",
"lodash-es": "^4.17.21",
@@ -1909,6 +1915,7 @@
"resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz",
"integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
"license": "MIT",
"peer": true,
"dependencies": {
"@types/lodash": "*"
}
@@ -1919,6 +1926,7 @@
"integrity": "sha512-ZsJzA5thDQMSQO788d7IocwwQbI8B5OPzmqNvpf3NY/+MHDAS759Wo0gd2WQeXYt5AAAQjzcrTVC6SKCuYgoCQ==",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"undici-types": "~6.21.0"
}
@@ -1990,6 +1998,7 @@
"integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
"dev": true,
"license": "BSD-2-Clause",
"peer": true,
"dependencies": {
"@typescript-eslint/scope-manager": "7.18.0",
"@typescript-eslint/types": "7.18.0",
@@ -2165,6 +2174,7 @@
"resolved": "https://registry.npmjs.org/@uppy/core/-/core-2.3.4.tgz",
"integrity": "sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==",
"license": "MIT",
"peer": true,
"dependencies": {
"@transloadit/prettier-bytes": "0.0.7",
"@uppy/store-default": "^2.1.1",
@@ -2196,6 +2206,7 @@
"resolved": "https://registry.npmjs.org/@uppy/xhr-upload/-/xhr-upload-2.1.3.tgz",
"integrity": "sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==",
"license": "MIT",
"peer": true,
"dependencies": {
"@uppy/companion-client": "^2.2.2",
"@uppy/utils": "^4.1.2",
@@ -2273,6 +2284,7 @@
"resolved": "https://registry.npmjs.org/@vue-flow/core/-/core-1.48.2.tgz",
"integrity": "sha512-raxhgKWE+G/mcEvXJjGFUDYW9rAI3GOtiHR3ZkNpwBWuIaCC1EYiBmKGwJOoNzVFgwO7COgErnK7i08i287AFA==",
"license": "MIT",
"peer": true,
"dependencies": {
"@vueuse/core": "^10.5.0",
"d3-drag": "^3.0.0",
@@ -2516,6 +2528,7 @@
"resolved": "https://registry.npmjs.org/@wangeditor/basic-modules/-/basic-modules-1.1.7.tgz",
"integrity": "sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==",
"license": "MIT",
"peer": true,
"dependencies": {
"is-url": "^1.2.4"
},
@@ -2548,6 +2561,7 @@
"resolved": "https://registry.npmjs.org/@wangeditor/core/-/core-1.1.19.tgz",
"integrity": "sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==",
"license": "MIT",
"peer": true,
"dependencies": {
"@types/event-emitter": "^0.3.3",
"event-emitter": "^0.3.5",
@@ -2666,6 +2680,7 @@
"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
"dev": true,
"license": "MIT",
"peer": true,
"bin": {
"acorn": "bin/acorn"
},
@@ -2921,6 +2936,7 @@
"resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.2.tgz",
"integrity": "sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==",
"license": "MIT",
"peer": true,
"dependencies": {
"@codemirror/autocomplete": "^6.0.0",
"@codemirror/commands": "^6.0.0",
@@ -3104,6 +3120,7 @@
"resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
"integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
"license": "ISC",
"peer": true,
"engines": {
"node": ">=12"
}
@@ -3243,6 +3260,7 @@
"resolved": "https://registry.npmjs.org/dom7/-/dom7-3.0.0.tgz",
"integrity": "sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==",
"license": "MIT",
"peer": true,
"dependencies": {
"ssr-window": "^3.0.0-alpha.1"
}
@@ -3279,6 +3297,7 @@
"resolved": "https://registry.npmjs.org/echarts/-/echarts-5.6.0.tgz",
"integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
"license": "Apache-2.0",
"peer": true,
"dependencies": {
"tslib": "2.3.0",
"zrender": "5.6.1"
@@ -3319,6 +3338,7 @@
"resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.11.8.tgz",
"integrity": "sha512-2wzSj2uubFU1f0t/gHkkE1d09mUgV18fSZX5excw3Ar6hyWcxph4E57U8dgYLDt7HwkKYv1BiqPyBdy0WqWlOA==",
"license": "MIT",
"peer": true,
"dependencies": {
"@ctrl/tinycolor": "^3.4.1",
"@element-plus/icons-vue": "^2.3.2",
@@ -3507,6 +3527,7 @@
"deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"@eslint-community/eslint-utils": "^4.2.0",
"@eslint-community/regexpp": "^4.6.1",
@@ -4299,7 +4320,8 @@
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/is-hotkey/-/is-hotkey-0.2.0.tgz",
"integrity": "sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/is-number": {
"version": "7.0.0",
@@ -4388,6 +4410,17 @@
"dev": true,
"license": "MIT"
},
"node_modules/json-schema-editor": {
"version": "1.0.0",
"resolved": "git+ssh://git@github.com/wusij/json-schema.git#8827d0d6a360c37bc32a8945fb979260bd4a4c85",
"integrity": "sha512-XtNGXmlbycpLzfOkzY9p9fimcvVfLXjbxLcUGjRZpgl0g47LJCQ52fhNs4DIEwlTRMJTBYeq0x8POBXMIXARfg==",
"license": "MIT",
"peerDependencies": {
"@element-plus/icons-vue": "^2.3.0",
"element-plus": "^2.5.0",
"vue": "^3.4.0"
}
},
"node_modules/json-schema-traverse": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -4486,13 +4519,15 @@
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/lodash-es": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
"integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/lodash-unified": {
"version": "1.0.3",
@@ -4509,32 +4544,37 @@
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
"integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/lodash.clonedeep": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
"integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/lodash.debounce": {
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
"integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/lodash.foreach": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
"integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/lodash.isequal": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
"integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
"deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/lodash.merge": {
"version": "4.6.2",
@@ -4547,13 +4587,15 @@
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
"integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/lodash.toarray": {
"version": "4.4.0",
"resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
"integrity": "sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==",
"license": "MIT"
"license": "MIT",
"peer": true
},
"node_modules/magic-string": {
"version": "0.30.21",
@@ -4666,6 +4708,7 @@
"resolved": "https://registry.npmjs.org/mobx/-/mobx-5.15.7.tgz",
"integrity": "sha512-wyM3FghTkhmC+hQjyPGGFdpehrcX1KOXsDuERhfK2YbJemkUhEB+6wzEN639T21onxlfYBmriA1PFnvxTUhcKw==",
"license": "MIT",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/mobx"
@@ -4730,6 +4773,7 @@
}
],
"license": "MIT",
"peer": true,
"bin": {
"nanoid": "bin/nanoid.cjs"
},
@@ -5016,6 +5060,7 @@
"resolved": "https://registry.npmjs.org/preact/-/preact-10.27.2.tgz",
"integrity": "sha512-5SYSgFKSyhCbk6SrXyMpqjb5+MQBgfvEKE/OC+PujcY34sOpqtr+0AZQtPYx5IA6VxynQ7rUPCtKzyovpj9Bpg==",
"license": "MIT",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/preact"
@@ -5276,6 +5321,7 @@
"integrity": "sha512-N+7WK20/wOr7CzA2snJcUSSNTCzeCGUTFY3OgeQP3mZ1aj9NMQ0mSTXwlrnd89j33zzQJGqIN52GIOmYrfq46A==",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
@@ -5494,6 +5540,7 @@
"resolved": "https://registry.npmjs.org/slate/-/slate-0.72.8.tgz",
"integrity": "sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==",
"license": "MIT",
"peer": true,
"dependencies": {
"immer": "^9.0.6",
"is-plain-object": "^5.0.0",
@@ -5517,6 +5564,7 @@
"resolved": "https://registry.npmjs.org/snabbdom/-/snabbdom-3.6.3.tgz",
"integrity": "sha512-W2lHLLw2qR2Vv0DcMmcxXqcfdBaIcoN+y/86SmHv8fn4DazEQSH6KN3TjZcWvwujW56OHiiirsbHWZb4vx/0fg==",
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12.17.0"
}
@@ -5682,6 +5730,7 @@
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"dev": true,
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12"
},
@@ -5759,6 +5808,7 @@
"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
"devOptional": true,
"license": "Apache-2.0",
"peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
@@ -5828,6 +5878,7 @@
"integrity": "sha512-BiReIiMS2fyFqbqNT/Qqt4CVITDU9M9vE+DKcVAsB+ZV0wvTKd+3hMbkpxz1b+NmEDMegpVbisKiAZOnvO92Sw==",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"esbuild": "^0.25.0",
"fdir": "^6.4.4",
@@ -5996,6 +6047,7 @@
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"dev": true,
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12"
},
@@ -6015,6 +6067,7 @@
"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.25.tgz",
"integrity": "sha512-YLVdgv2K13WJ6n+kD5owehKtEXwdwXuj2TTyJMsO7pSeKw2bfRNZGjhB7YzrpbMYj5b5QsUebHpOqR3R3ziy/g==",
"license": "MIT",
"peer": true,
"dependencies": {
"@vue/compiler-dom": "3.5.25",
"@vue/compiler-sfc": "3.5.25",
+1
View File
@@ -35,6 +35,7 @@
"element-plus": "^2.10.7",
"file-saver": "^2.0.5",
"js-cookie": "^3.0.5",
"json-schema-editor": "github:wusij/json-schema#8827d0d6a360c37bc32a8945fb979260bd4a4c85",
"jsplumb": "^2.15.6",
"jszip": "^3.10.1",
"lodash": "^4.17.21",
+162
View File
@@ -0,0 +1,162 @@
import request from '/@/utils/request';
/** 列表查询参数 */
export interface ListModelManageParams {
pageNum: number;
pageSize: number;
modelName?: string;
modelType?: number;
}
/** 列表项 */
export interface ModelManageItem {
id: string;
tenantId: number;
creator: string;
createdAt: string;
updater: string;
updatedAt: string;
deletedAt: null | string;
modelSupplier: string;
modelName: string;
modelType: number;
baseUrl: string;
systemModel: boolean;
httpMethod: string;
PrivateModel: boolean;
ChatModel: boolean;
invokeType: number;
apiKey: string;
enabled: boolean;
requestMapping: Record<string, unknown>;
responseMapping: Record<string, unknown>;
maxConcurrency: number;
}
/** 列表响应 */
export interface ListModelManageResponse {
code: number;
message: string;
data: {
list: ModelManageItem[];
total: number;
};
}
/** 模型类型树节点(支持二级) */
export interface ModelTypeTreeNode {
value: number;
label: string;
children?: ModelTypeTreeNode[];
}
/** 模型类型列表响应 */
export interface ModelManageTypeResponse {
code: number;
message: string;
data: {
list: ModelTypeTreeNode[];
};
}
/**
* 获取模型配置列表(v2
*/
export function listModelManage(params: ListModelManageParams) {
return request({
url: '/model-gateway/model/manage/listModelManage',
method: 'get',
params,
});
}
/**
* 获取模型类型列表(v2,树形结构,支持一级/二级)
*/
export function getModelManageTypes() {
return request({
url: '/model-gateway/model/manage/modelType',
method: 'get',
});
}
/**
* 删除模型配置
*/
export function deleteModelManage(id: string) {
return request({
url: '/model-gateway/model/manage/deleteModelManage',
method: 'delete',
data: { id },
});
}
/** 供应商列表项 */
export interface ModelSupplierItem {
value: number;
label: string;
}
/** 供应商列表响应 */
export interface ModelSupplierListResponse {
code: number;
message: string;
data: {
list: ModelSupplierItem[];
};
}
/**
* 获取模型供应商列表
*/
export function getModelSupplierList() {
return request({
url: '/model-gateway/model/manage/modelSupplier',
method: 'get',
});
}
/** 创建模型配置参数 */
export interface CreateModelManageParams {
modelSupplier: number;
modelName: string;
modelType: number;
baseUrl: string;
httpMethod: string;
systemModel?: boolean;
privateModel?: boolean;
enabled?: boolean;
chatModel?: boolean;
invokeType?: number;
apiKey?: string;
requestMapping?: Record<string, unknown>;
responseMapping?: Record<string, unknown>;
maxConcurrency?: number;
}
/** 更新模型配置参数 */
export interface UpdateModelManageParams extends Partial<CreateModelManageParams> {
id: string;
}
/**
* 创建模型配置
*/
export function createModelManage(data: CreateModelManageParams) {
return request({
url: '/model-gateway/model/manage/createModelManage',
method: 'post',
data,
});
}
/**
* 更新模型配置
*/
export function updateModelManage(data: UpdateModelManageParams) {
return request({
url: '/model-gateway/model/manage/updateModelManage',
method: 'put',
data,
});
}
+10
View File
@@ -0,0 +1,10 @@
declare module 'json-schema-editor' {
import { DefineComponent } from 'vue';
export const JsonEditor: DefineComponent<{
modelValue?: Record<string, unknown>;
}>;
export const FieldConfigDialog: DefineComponent;
export const JsonNode: DefineComponent;
}
@@ -0,0 +1,356 @@
<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-row :gutter="20">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="模型名称" prop="modelName">
<el-input v-model="formData.modelName" placeholder="请输入模型名称(唯一标识)" clearable />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="模型类型" prop="modelType">
<el-cascader
v-model="formData.modelType"
:options="modelTypes"
:props="{ expandTrigger: 'hover', value: 'value', label: 'label', children: 'children' }"
placeholder="请选择模型类型"
clearable
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="模型供应商" prop="modelSupplier">
<el-select
v-model="formData.modelSupplier"
placeholder="请选择模型供应商"
clearable
filterable
style="width: 100%"
:loading="supplierLoading"
>
<el-option
v-for="item in supplierList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</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="baseUrl">
<el-input v-model="formData.baseUrl" placeholder="请输入模型服务地址" clearable />
</el-form-item>
</el-col>
<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-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-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>
</el-col>
<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="mb20">
<el-form-item label="启用" prop="enabled">
<el-switch v-model="formData.enabled" />
</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>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="响应映射">
<el-button @click="openJsonEditor('response')" style="width: 100%">
配置响应映射 ({{ Object.keys(responseMappingData).length }})
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- JSON 编辑器弹窗 -->
<el-dialog v-model="jsonEditorVisible" :title="jsonEditorTitle" width="1000px" top="5vh" :close-on-click-modal="false" destroy-on-close append-to-body>
<template #header>
<span>{{ jsonEditorTitle }}</span>
<div class="json-editor-toolbar">
<el-button size="small" @click="handlePasteJson">粘贴 JSON</el-button>
<el-button size="small" @click="handleViewJson">查看 JSON</el-button>
</div>
</template>
<div style="height: 520px; overflow-y: auto">
<JsonEditor ref="jsonEditorRef" v-model="jsonEditorData" />
</div>
<template #footer>
<el-button @click="jsonEditorVisible = false">取消</el-button>
<el-button type="primary" @click="confirmJsonEditor"> </el-button>
</template>
</el-dialog>
<!-- 查看 JSON 弹窗 -->
<el-dialog v-model="viewJsonVisible" title="查看 JSON" width="700px" :close-on-click-modal="false" destroy-on-close append-to-body>
<el-input type="textarea" :rows="18" v-model="viewJsonText" readonly />
<template #footer>
<el-button type="primary" @click="viewJsonVisible = false"> </el-button>
</template>
</el-dialog>
<template #footer>
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="handleSubmit" :loading="submitting">{{ submitText }}</el-button>
</template>
</el-dialog>
</template>
<script setup lang="ts" name="modelConfigV2EditModule">
import { ref, reactive, computed } 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';
const props = withDefaults(
defineProps<{
modelTypes?: ModelTypeTreeNode[];
}>(),
{
modelTypes: () => [] as ModelTypeTreeNode[],
}
);
const emit = defineEmits<{
refresh: [];
}>();
const formRef = ref<FormInstance>();
const dialogVisible = ref(false);
const submitting = ref(false);
const detailLoading = ref(false);
const isEdit = ref(false);
const editId = ref('');
const supplierList = ref<ModelSupplierItem[]>([]);
const supplierLoading = ref(false);
const dialogTitle = computed(() => (isEdit.value ? '修改模型配置' : '新增模型配置'));
const submitText = computed(() => (isEdit.value ? '保存修改' : '确 定'));
const formData = reactive({
modelName: '',
modelType: [] as number[],
modelSupplier: undefined as number | undefined,
baseUrl: '',
httpMethod: 'POST',
invokeType: 0 as number,
maxConcurrency: 10,
apiKey: '',
privateModel: false,
enabled: true,
chatModel: false,
systemModel: false,
});
const requestMappingData = ref<Record<string, unknown>>({});
const responseMappingData = ref<Record<string, unknown>>({});
/** JSON 编辑器弹窗状态 */
const jsonEditorVisible = ref(false);
const jsonEditorData = ref<Record<string, unknown>>({});
const editingMappingType = ref<'request' | 'response'>('request');
const jsonEditorTitle = computed(() => (editingMappingType.value === 'request' ? '编辑请求映射' : '编辑响应映射'));
const jsonEditorRef = ref();
/** 查看 JSON 弹窗 */
const viewJsonVisible = ref(false);
const viewJsonText = ref('');
const openJsonEditor = (type: 'request' | 'response') => {
editingMappingType.value = type;
jsonEditorData.value = { ...(type === 'request' ? requestMappingData.value : responseMappingData.value) };
jsonEditorVisible.value = true;
};
const confirmJsonEditor = () => {
if (editingMappingType.value === 'request') {
requestMappingData.value = { ...jsonEditorData.value };
} else {
responseMappingData.value = { ...jsonEditorData.value };
}
jsonEditorVisible.value = false;
};
const handlePasteJson = () => {
jsonEditorRef.value?.openPasteDialog();
};
const handleViewJson = () => {
viewJsonText.value = JSON.stringify(jsonEditorData.value, null, 2);
viewJsonVisible.value = true;
};
const formRules: FormRules = {
modelName: [{ required: true, message: '请输入模型名称', trigger: 'blur' }],
modelType: [
{
validator: (_rule: unknown, value: unknown, callback: (e?: Error) => void) => {
if (!value || (Array.isArray(value) && value.length === 0)) {
callback(new Error('请选择模型类型'));
} else {
callback();
}
},
trigger: 'change',
},
],
modelSupplier: [{ required: true, message: '请选择模型供应商', trigger: 'change' }],
baseUrl: [{ required: true, message: '请输入模型服务地址', trigger: 'blur' }],
httpMethod: [{ required: true, message: '请选择请求方式', trigger: 'change' }],
};
const loadSupplierList = async () => {
supplierLoading.value = true;
try {
const res = await getModelSupplierList();
supplierList.value = res.data?.list || [];
} catch {
supplierList.value = [];
} finally {
supplierLoading.value = false;
}
};
const resetForm = () => {
formData.modelName = '';
formData.modelType = [];
formData.modelSupplier = undefined;
formData.baseUrl = '';
formData.httpMethod = 'POST';
formData.invokeType = 0;
formData.maxConcurrency = 10;
formData.apiKey = '';
formData.privateModel = false;
formData.enabled = true;
formData.chatModel = false;
formData.systemModel = false;
requestMappingData.value = {};
responseMappingData.value = {};
};
const openDialog = (type: 'add' | 'edit', row?: ModelManageItem) => {
resetForm();
isEdit.value = type === 'edit';
detailLoading.value = false;
loadSupplierList();
if (type === 'edit' && row) {
editId.value = row.id;
formData.modelName = row.modelName;
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.enabled = row.enabled ?? true;
formData.chatModel = row.ChatModel ?? false;
formData.systemModel = row.systemModel ?? false;
requestMappingData.value = row.requestMapping || {};
responseMappingData.value = row.responseMapping || {};
}
dialogVisible.value = true;
};
const handleSubmit = async () => {
if (!formRef.value) return;
await formRef.value.validate(async (valid) => {
if (!valid) return;
submitting.value = true;
try {
const params = {
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,
apiKey: formData.apiKey || undefined,
privateModel: formData.privateModel,
enabled: formData.enabled,
chatModel: formData.chatModel,
systemModel: formData.systemModel,
requestMapping: requestMappingData.value,
responseMapping: responseMappingData.value,
};
if (isEdit.value) {
await updateModelManage({ id: editId.value, ...params });
ElMessage.success('修改成功');
} else {
await createModelManage(params);
ElMessage.success('新增成功');
}
dialogVisible.value = false;
emit('refresh');
} catch {
// 接口错误由 request 全局提示
} finally {
submitting.value = false;
}
});
};
defineExpose({ openDialog });
</script>
<style scoped lang="scss">
.mb20 {
margin-bottom: 18px;
}
.json-editor-toolbar {
display: inline-flex;
gap: 8px;
margin-left: 16px;
}
</style>
+224 -1
View File
@@ -1 +1,224 @@
<script></script>
<template>
<div class="system-user-container layout-padding">
<el-card shadow="hover" class="layout-padding-auto">
<div class="system-user-search mb15">
<el-input
v-model="searchParams.modelName"
size="default"
placeholder="请输入模型名称"
style="max-width: 180px"
clearable
@clear="handleSearch"
/>
<el-cascader
v-model="selectedCascaderPath"
:options="modelTypes"
:props="{ expandTrigger: 'hover' }"
clearable
placeholder="请选择模型类型"
style="max-width: 180px"
class="ml10"
@change="onCascaderChange"
/>
<el-button size="default" type="primary" class="ml10" @click="handleSearch">
<el-icon><Search /></el-icon>
查询
</el-button>
<el-button size="default" type="success" class="ml10" @click="handleAdd">
<el-icon><Plus /></el-icon>
新增模型配置
</el-button>
</div>
<el-table :data="modelList" v-loading="loading" stripe style="width: 100%" class="fixed-table">
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="modelName" label="模型名称" show-overflow-tooltip />
<el-table-column label="模型类型" show-overflow-tooltip>
<template #default="{ row }">
{{ resolveModelTypeLabel(row.modelType) }}
</template>
</el-table-column>
<el-table-column label="模型归属">
<template #default="scope">
<el-tag :type="scope.row.systemModel ? 'warning' : 'success'">{{ scope.row.systemModel ? '系统' : '用户' }}</el-tag>
</template>
</el-table-column>
<el-table-column label="访问类型">
<template #default="scope">
<el-tag :type="scope.row.PrivateModel ? 'info' : 'primary'">{{ scope.row.PrivateModel ? '服务商模型' : '本地模型' }}</el-tag>
</template>
</el-table-column>
<el-table-column label="状态">
<template #default="scope">
<el-tag :type="scope.row.enabled ? 'success' : 'danger'">{{ scope.row.enabled ? '启用' : '禁用' }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip />
<el-table-column prop="updatedAt" label="更新时间" show-overflow-tooltip />
<el-table-column label="操作" fixed="right">
<template #default="scope">
<el-button size="small" text type="primary" @click="handleEdit(scope.row)">修改</el-button>
<el-button size="small" text type="danger" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handlePageChange"
class="mt15"
:pager-count="5"
:page-sizes="[10, 20, 30, 50]"
v-model:current-page="pagination.pageNum"
background
v-model:page-size="pagination.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total"
/>
</el-card>
<EditModule ref="editModuleRef" :model-types="modelTypes" @refresh="fetchModelList" />
</div>
</template>
<script setup lang="ts" name="modelConfigV2">
import { ref, reactive, onMounted } from 'vue';
import { ElMessage, ElMessageBox } from 'element-plus';
import { Search, Plus } from '@element-plus/icons-vue';
import EditModule from './component/editModule.vue';
import { listModelManage, getModelManageTypes, deleteModelManage, type ModelManageItem, type ModelTypeTreeNode } from '/@/api/settings/modelConfigV2';
const searchParams = reactive({
modelName: '',
modelType: undefined as number | undefined,
});
const pagination = reactive({
pageNum: 1,
pageSize: 10,
total: 0,
});
const modelList = ref<ModelManageItem[]>([]);
const loading = ref(false);
const modelTypes = ref<ModelTypeTreeNode[]>([]);
const editModuleRef = ref();
/** 级联选择器的选中路径(例:[200, 201]) */
const selectedCascaderPath = ref<number[]>([]);
/** 级联选择器值变化时,取叶子节点的值作为筛选参数 */
const onCascaderChange = (val: number[]) => {
searchParams.modelType = val.length > 0 ? val[val.length - 1] : undefined;
};
/** 从树形结构中查找标签(含一级/二级路径) */
const resolveModelTypeLabel = (modelType: number | string | undefined | null): string => {
if (modelType === undefined || modelType === null || modelType === '') {
return '—';
}
const key = String(modelType).trim();
for (const group of modelTypes.value) {
if (group.children) {
const child = group.children.find((c) => String(c.value).trim() === key);
if (child) return `${group.label} / ${child.label}`;
}
if (String(group.value).trim() === key) {
return group.label;
}
}
return String(modelType);
};
/** 加载模型类型选项(树形结构,供 el-cascader 使用) */
const loadModelTypes = async () => {
try {
const res = await getModelManageTypes();
modelTypes.value = res.data?.list || [];
} catch {
modelTypes.value = [];
}
};
/** 获取模型列表 */
const fetchModelList = async () => {
loading.value = true;
try {
const params = {
pageNum: pagination.pageNum,
pageSize: pagination.pageSize,
modelName: searchParams.modelName || undefined,
modelType: searchParams.modelType,
};
const res = await listModelManage(params);
modelList.value = res.data?.list || [];
pagination.total = res.data?.total || 0;
} catch {
modelList.value = [];
pagination.total = 0;
} finally {
loading.value = false;
}
};
const handleAdd = () => {
editModuleRef.value?.openDialog('add');
};
const handleSearch = () => {
pagination.pageNum = 1;
fetchModelList();
};
const handlePageChange = (page: number) => {
pagination.pageNum = page;
fetchModelList();
};
const handleSizeChange = (size: number) => {
pagination.pageSize = size;
pagination.pageNum = 1;
fetchModelList();
};
const handleEdit = (_row: ModelManageItem) => {
ElMessage.info('修改功能待接入');
};
const handleDelete = (row: ModelManageItem) => {
ElMessageBox.confirm(`确定要删除模型"${row.modelName}"吗?`, '删除确认', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning',
})
.then(async () => {
try {
await deleteModelManage(row.id);
ElMessage.success('删除成功');
fetchModelList();
} catch {
// 接口错误由 request 全局提示
}
})
.catch(() => {});
};
onMounted(async () => {
await loadModelTypes();
fetchModelList();
});
</script>
<style scoped lang="scss">
.system-user-container {
:deep(.el-card__body) {
display: flex;
flex-direction: column;
flex: 1;
overflow: auto;
.el-table.fixed-table {
flex: 1;
table-layout: fixed;
}
}
}
</style>