8 Commits

10 changed files with 883 additions and 450 deletions

View File

@@ -1,16 +0,0 @@
FROM node:18-alpine
# 配置Alpine国内镜像源加速apk
RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories
WORKDIR /app
COPY package*.json ./
RUN npm install --registry=https://registry.npmmirror.com
COPY . .
EXPOSE 8080
CMD ["npm", "run", "dev"]

View File

@@ -7,6 +7,13 @@ server {
return 301 https://$host$request_uri;
}
# MinIO 域名转发HTTP
server {
listen 80;
server_name minio.redpowerfuture.com;
return 301 https://$host$request_uri;
}
# HTTP 重定向到 HTTPS其他域名
server {
listen 80;
@@ -106,3 +113,26 @@ server {
proxy_read_timeout 30s;
}
}
# MinIO 域名转发HTTPS
server {
listen 443 ssl;
server_name minio.redpowerfuture.com;
ssl_certificate /etc/nginx/ssl/minio.redpowerfuture.com.pem;
ssl_certificate_key /etc/nginx/ssl/minio.redpowerfuture.com.key;
ssl_protocols TLSv1.2 TLSv1.3;
ssl_ciphers HIGH:!aNULL:!MD5;
location / {
proxy_pass http://minio.redpowerfuture.com:9000;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_connect_timeout 30s;
proxy_send_timeout 30s;
proxy_read_timeout 30s;
}
}

View File

@@ -12,7 +12,7 @@ export interface ApiInterfaceQueryParams {
// 创建接口参数
export interface CreateApiInterfaceParams {
platformId: string | number;
platformId: number;
name: string;
code: string;
url: string;
@@ -22,6 +22,7 @@ export interface CreateApiInterfaceParams {
requestConfig?: Record<string, any>;
responseConfig?: Record<string, any>;
limitConfig?: Record<string, any>;
tableDefinition?: Record<string, any>;
}
// 更新接口参数
@@ -50,6 +51,7 @@ export interface ApiInterfaceInfo {
requestConfig?: Record<string, any>;
responseConfig?: Record<string, any>;
limitConfig?: Record<string, any>;
tableDefinition?: Record<string, any>;
createdBy?: string;
createdAt?: number;
updatedBy?: string;
@@ -59,7 +61,7 @@ export interface ApiInterfaceInfo {
// 获取接口列表
export function listApiInterfaces(params: ApiInterfaceQueryParams) {
return request({
url: '/api/interface/controller/listApiInterfaces',
url: '/data-engine/api/interface/controller/listApiInterfaces',
method: 'get',
params,
});
@@ -68,7 +70,7 @@ export function listApiInterfaces(params: ApiInterfaceQueryParams) {
// 获取接口详情
export function getApiInterface(id: string) {
return request({
url: '/api/interface/controller/getApiInterface',
url: '/data-engine/api/interface/controller/getApiInterface',
method: 'get',
params: { id },
});
@@ -77,7 +79,7 @@ export function getApiInterface(id: string) {
// 创建接口
export function createApiInterface(data: CreateApiInterfaceParams) {
return request({
url: '/api/interface/controller/createApiInterface',
url: '/data-engine/api/interface/controller/createApiInterface',
method: 'post',
data,
});
@@ -86,7 +88,7 @@ export function createApiInterface(data: CreateApiInterfaceParams) {
// 修改接口
export function updateApiInterface(data: UpdateApiInterfaceParams) {
return request({
url: '/api/interface/controller/updateApiInterface',
url: '/data-engine/api/interface/controller/updateApiInterface',
method: 'put',
data,
});
@@ -95,7 +97,7 @@ export function updateApiInterface(data: UpdateApiInterfaceParams) {
// 更新接口状态
export function updateApiInterfaceStatus(data: UpdateApiInterfaceStatusParams) {
return request({
url: '/api/interface/controller/updateApiInterfaceStatus',
url: '/data-engine/api/interface/controller/updateApiInterfaceStatus',
method: 'put',
data,
});
@@ -104,7 +106,7 @@ export function updateApiInterfaceStatus(data: UpdateApiInterfaceStatusParams) {
// 删除接口
export function deleteApiInterface(id: string) {
return request({
url: '/api/interface/controller/deleteApiInterface',
url: '/data-engine/api/interface/controller/deleteApiInterface',
method: 'delete',
params: { id },
});

View File

@@ -26,8 +26,7 @@ export interface CreateDatasourcePlatformParams {
requestTimeoutMs?: number;
maxRetries?: number;
retryDelayMs?: number;
createdBy?: string;
updatedBy?: string;
authConfig?: Record<string, any>;
}
// 更新平台参数
@@ -40,7 +39,6 @@ export interface UpdateDatasourcePlatformParams extends Partial<CreateDatasource
export interface UpdateDatasourcePlatformStatusParams {
id: string;
Status: string;
updatedBy?: string;
}
// 平台信息
@@ -54,22 +52,25 @@ export interface DatasourcePlatformInfo {
apiBaseUrl: string;
authType: string;
authTypeName: string;
token?: string;
apiKey?: string;
clientId?: string;
clientSecret?: string;
authConfig?: Record<string, any>;
rateLimitPerMinute?: number;
rateLimitPerHour?: number;
concurrencyLimit?: number;
requestTimeoutMs?: number;
maxRetries?: number;
retryDelayMs?: number;
createdBy?: string;
createdAt?: number;
updatedBy?: string;
updatedAt?: number;
}
// 获取平台列表
export function listDatasourcePlatforms(params: DatasourcePlatformQueryParams) {
return request({
url: '/datasource/platform/controller/listDatasourcePlatforms',
url: '/data-engine/datasource/platform/controller/listDatasourcePlatforms',
method: 'get',
params,
});
@@ -78,7 +79,7 @@ export function listDatasourcePlatforms(params: DatasourcePlatformQueryParams) {
// 创建平台
export function createDatasourcePlatform(data: CreateDatasourcePlatformParams) {
return request({
url: '/datasource/platform/controller/createDatasourcePlatform',
url: '/data-engine/datasource/platform/controller/createDatasourcePlatform',
method: 'post',
data,
});
@@ -87,7 +88,7 @@ export function createDatasourcePlatform(data: CreateDatasourcePlatformParams) {
// 更新平台
export function updateDatasourcePlatform(data: UpdateDatasourcePlatformParams) {
return request({
url: '/datasource/platform/controller/updateDatasourcePlatform',
url: '/data-engine/datasource/platform/controller/updateDatasourcePlatform',
method: 'put',
data,
});
@@ -96,7 +97,7 @@ export function updateDatasourcePlatform(data: UpdateDatasourcePlatformParams) {
// 删除平台
export function deleteDatasourcePlatform(id: string) {
return request({
url: '/datasource/platform/controller/deleteDatasourcePlatform',
url: '/data-engine/datasource/platform/controller/deleteDatasourcePlatform',
method: 'delete',
params: { id },
});
@@ -105,7 +106,7 @@ export function deleteDatasourcePlatform(id: string) {
// 获取平台详情
export function getDatasourcePlatform(id: string) {
return request({
url: '/datasource/platform/controller/getDatasourcePlatform',
url: '/data-engine/datasource/platform/controller/getDatasourcePlatform',
method: 'get',
params: { id },
});
@@ -114,7 +115,7 @@ export function getDatasourcePlatform(id: string) {
// 根据编码获取平台信息
export function getPlatformByCode(platformCode: string) {
return request({
url: '/datasource/platform/controller/getPlatformByCode',
url: '/data-engine/datasource/platform/controller/getPlatformByCode',
method: 'get',
params: { platformCode },
});
@@ -123,7 +124,7 @@ export function getPlatformByCode(platformCode: string) {
// 更新平台状态
export function updateDatasourcePlatformStatus(data: UpdateDatasourcePlatformStatusParams) {
return request({
url: '/datasource/platform/controller/updateDatasourcePlatformStatus',
url: '/data-engine/datasource/platform/controller/updateDatasourcePlatformStatus',
method: 'put',
data,
});

View File

@@ -13,7 +13,7 @@
<div class="history-title">历史对话</div>
<div class="history-list">
<div
v-for="item in historyList"
v-for="item in visibleHistory"
:key="item.id"
class="history-item"
:class="{ active: activeHistoryId === item.id }"
@@ -31,12 +31,56 @@
</div>
</div>
</div>
<div class="workspace-section">
<div class="workspace-title">工作流</div>
<div class="workspace-tree-wrap" v-loading="treeLoading">
<el-empty v-if="!treeLoading && treeNodes.length === 0" description="暂无作品数据" />
<el-tree
v-else
:data="treeNodes"
node-key="id"
:props="treeProps"
:highlight-current="true"
:expand-on-click-node="true"
>
<template #default="{ data }">
<div
class="tree-node"
:class="[
data.nodeType === 'date' ? 'level-date' :
data.nodeType === 'contentType' ? 'level-flow' : 'level-file',
data.fileType ? data.fileType.replace(/\//g, ' ').split(' ')[0] : ''
]"
>
<span class="ellipsis">{{ data.label }}</span>
<div v-if="data.nodeType === 'title' && data.fileUrl" class="tree-node-actions">
<el-button type="primary" link size="small" @click.stop="handlePreviewNode(data)"> 预览 </el-button>
<el-button type="primary" link size="small" @click.stop="handleDownloadNode(data)"> 下载 </el-button>
</div>
</div>
</template>
</el-tree>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { computed } from 'vue';
import { Plus, Delete } from '@element-plus/icons-vue';
interface TreeNode {
id: string;
label: string;
nodeType: string;
children?: TreeNode[];
fileUrl?: string;
workflowId?: number | string;
fileType?: string;
sessionId?: string;
}
interface HistoryItem {
id: number;
title: string;
@@ -47,6 +91,8 @@ interface Props {
activeMenu: string;
activeHistoryId: number;
historyList: HistoryItem[];
treeNodes: TreeNode[];
treeLoading: boolean;
}
interface Emits {
@@ -54,22 +100,22 @@ interface Emits {
(e: 'new-chat'): void;
(e: 'select-history', id: number): void;
(e: 'delete-history', id: number): void;
(e: 'preview-node', data: TreeNode): void;
(e: 'download-node', data: TreeNode): void;
}
defineProps<Props>();
const props = defineProps<Props>();
const emit = defineEmits<Emits>();
const handleNewChat = () => {
emit('new-chat');
};
const treeProps = { children: 'children', label: 'label' };
const handleSelectHistory = (id: number) => {
emit('select-history', id);
};
const visibleHistory = computed(() => props.historyList);
const handleDeleteHistory = (id: number) => {
emit('delete-history', id);
};
const handleNewChat = () => emit('new-chat');
const handleSelectHistory = (id: number) => emit('select-history', id);
const handleDeleteHistory = (id: number) => emit('delete-history', id);
const handlePreviewNode = (data: TreeNode) => emit('preview-node', data);
const handleDownloadNode = (data: TreeNode) => emit('download-node', data);
</script>
<style scoped lang="scss">
@@ -113,12 +159,11 @@ const handleDeleteHistory = (id: number) => {
}
.history-section {
flex: 1;
display: flex;
flex-direction: column;
margin-top: 8px;
min-height: 0;
background: linear-gradient(180deg, rgba(249, 251, 255, 0.5) 0%, rgba(249, 251, 255, 0.9) 100%);
padding-bottom: 8px;
border-bottom: 1px solid rgba(59, 130, 246, 0.08);
}
.history-title {
@@ -131,8 +176,8 @@ const handleDeleteHistory = (id: number) => {
}
.history-list {
flex: 1;
padding: 0 8px 10px;
padding: 0 8px 4px;
max-height: 255px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
@@ -204,4 +249,146 @@ const handleDeleteHistory = (id: number) => {
font-size: 11px;
color: #94a3b8;
}
.workspace-section {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
margin-top: 8px;
}
.workspace-title {
padding: 4px 12px 8px;
font-size: 11px;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.workspace-tree-wrap {
flex: 1;
padding: 0 8px 12px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
:deep(.el-tree) {
background: transparent;
.el-tree-node {
padding: 4px 0;
}
.el-tree-node__content {
height: 38px;
line-height: 38px;
border-radius: 8px;
margin: 2px 0;
backdrop-filter: blur(8px);
transition: all 0.2s ease;
&:hover {
border-width: 2px;
transform: translateX(2px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
}
.el-tree-node.is-current > .el-tree-node__content {
border-width: 2px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
}
.el-tree-node__expand-icon {
color: rgba(59, 130, 246, 0.7);
}
}
:deep(.level-date) .el-tree-node__content {
height: 42px;
background: linear-gradient(135deg, rgba(59, 130, 246, 0.20) 0%, rgba(59, 130, 246, 0.05) 100%);
border: 1px solid rgba(59, 130, 246, 0.28);
font-weight: 600;
}
:deep(.level-flow) .el-tree-node__content {
margin-left: 8px;
background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(139, 92, 246, 0.03) 100%);
border: 1px solid rgba(139, 92, 246, 0.18);
}
:deep(.level-file.image) .el-tree-node__content,
:deep(.level-file.jpg) .el-tree-node__content,
:deep(.level-file.png) .el-tree-node__content,
:deep(.level-file.gif) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(16, 185, 129, 0.18) 0%, rgba(16, 185, 129, 0.04) 100%);
border: 1px solid rgba(16, 185, 129, 0.15);
}
:deep(.level-file.video) .el-tree-node__content,
:deep(.level-file.mp4) .el-tree-node__content,
:deep(.level-file.webm) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(245, 158, 11, 0.04) 100%);
border: 1px solid rgba(245, 158, 11, 0.15);
}
:deep(.level-file.audio) .el-tree-node__content,
:deep(.level-file.mp3) .el-tree-node__content,
:deep(.level-file.wav) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(236, 72, 153, 0.18) 0%, rgba(236, 72, 153, 0.04) 100%);
border: 1px solid rgba(236, 72, 153, 0.15);
}
:deep(.level-file.text) .el-tree-node__content,
:deep(.level-file.md) .el-tree-node__content,
:deep(.level-file.txt) .el-tree-node__content,
:deep(.level-file.markdown) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(79, 70, 229, 0.18) 0%, rgba(79, 70, 229, 0.04) 100%);
border: 1px solid rgba(79, 70, 229, 0.15);
}
:deep(.level-file:not(.image):not(.video):not(.audio):not(.text)) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(100, 116, 139, 0.15) 0%, rgba(100, 116, 139, 0.04) 100%);
border: 1px solid rgba(100, 116, 139, 0.15);
}
}
.tree-node {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 6px;
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
font-weight: 500;
color: #1e293b;
}
.tree-node-actions {
flex-shrink: 0;
.el-button {
font-size: 11px;
padding: 2px 4px;
margin: 0;
line-height: 1;
}
}
}
</style>

View File

@@ -4,50 +4,21 @@
:active-menu="activeMenu"
:active-history-id="activeHistoryId"
:history-list="historyList"
:tree-nodes="treeNodes"
:tree-loading="treeLoading"
@menu-change="handleMenuChange"
@new-chat="handleCreateHistory"
@select-history="handleSelectHistory"
@delete-history="handleDeleteHistory"
@preview-node="previewNode"
@download-node="downloadNode"
/>
<div class="main-wrapper">
<MainContent :active-menu="activeMenu" />
<InputBar @send="handleSend" />
</div>
<!-- 右侧工作空间树形结构 -->
<div class="workspace-panel">
<div class="workspace-tree-wrap" v-loading="treeLoading">
<el-empty v-if="!treeLoading && treeNodes.length === 0" description="暂无作品数据" />
<el-tree
v-else
:data="treeNodes"
node-key="id"
:props="treeProps"
default-expand-all
:highlight-current="true"
:expand-on-click-node="true"
@node-click="handleTreeNodeClick"
>
<template #default="{ data }">
<div
class="tree-node"
:class="[
data.nodeType === 'date' ? 'level-date' :
data.nodeType === 'contentType' ? 'level-flow' : 'level-file',
data.fileType ? data.fileType.replace(/\\/g, ' ').split(' ')[0] : ''
]"
>
<span class="ellipsis">{{ data.label }}</span>
<div v-if="data.nodeType === 'title' && data.fileUrl" class="tree-node-actions">
<el-button type="primary" link size="small" @click.stop="previewNode(data)"> 预览 </el-button>
<el-button type="primary" link size="small" @click.stop="downloadNode(data)"> 下载 </el-button>
</div>
</div>
</template>
</el-tree>
</div>
</div>
<!-- 预览弹窗 - 放在外层避免被右侧容器限制宽度 -->
<!-- 预览弹窗 -->
<el-dialog v-model="previewDialogVisible" title="预览" width="95%" top="2vh" :close-on-click-modal="false" destroy-on-close>
<div class="preview-container">
<el-image v-if="previewUrl && previewMode === 'image'" :src="previewUrl" fit="contain" style="width: 100%; height: 100%" />
@@ -107,7 +78,6 @@ const historyList = ref<HistoryItem[]>([
{ id: 4, title: '快捷回复产品设计', time: '2 天前' },
]);
const treeProps = { children: 'children', label: 'label' };
const apiBaseUrl = (import.meta.env.VITE_API_URL || '').replace(/\/$/, '');
const joinUrl = (b: string, p: string) => `${b.replace(/\/$/, '')}${p.startsWith('/') ? p : `/${p}`}`;
@@ -155,15 +125,15 @@ const mockTreeData: ExecutionTreeItem[] = [
flowName: '代码审查任务',
sessionId: 'session-1',
items: [
{ label: '审查结果.md', content: 'https://placekitten.com/800/600', type: 'text/markdown' },
{ label: '流程图.png', content: 'https://placekitten.com/800/600', type: 'image/png' },
{ label: '审查结果.md', content: 'https://placekitten.com/800/600', type: 'text/markdown', timestamp: '' },
{ label: '流程图.png', content: 'https://placekitten.com/800/600', type: 'image/png', timestamp: '' },
],
},
{
Id: 2,
flowName: '需求分析',
sessionId: 'session-2',
items: [{ label: '需求拆解.txt', content: '# 需求分析结果\n\n- 功能点一\n- 功能点二\n- 需要优化', type: 'text/plain' }],
items: [{ label: '需求拆解.txt', content: '# 需求分析结果\n\n- 功能点一\n- 功能点二\n- 需要优化', type: 'text/plain', timestamp: '' }],
},
],
},
@@ -174,7 +144,7 @@ const mockTreeData: ExecutionTreeItem[] = [
Id: 3,
flowName: '生成演示视频',
sessionId: 'session-3',
items: [{ label: '输出视频.mp4', content: 'https://www.w3schools.com/html/mov_bbb.mp4', type: 'video/mp4' }],
items: [{ label: '输出视频.mp4', content: 'https://www.w3schools.com/html/mov_bbb.mp4', type: 'video/mp4', timestamp: '' }],
},
],
},
@@ -230,10 +200,6 @@ const downloadNode = (data: TreeNode) => {
document.body.removeChild(a);
};
const handleTreeNodeClick = () => {
// 点击节点不需要额外操作
};
const handleMenuChange = (menu: string) => {
activeMenu.value = menu;
};
@@ -311,151 +277,6 @@ onMounted(() => {
}
}
/* 右侧工作空间面板 - 渐变玻璃风格 */
.workspace-panel {
width: 260px;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.85) 0%,
rgba(249, 251, 255, 0.7) 50%,
rgba(235, 241, 252, 0.6) 100%
);
border-left: 1px solid rgba(59, 130, 246, 0.15);
display: flex;
flex-direction: column;
height: 100%;
box-shadow: -6px 0 35px rgba(59, 130, 246, 0.08);
backdrop-filter: blur(16px);
}
.workspace-tree-wrap {
flex: 1;
padding: 8px 8px 12px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
:deep(.el-tree) {
background: transparent;
.el-tree-node {
padding: 4px 0;
}
// 一级节点(日期)- 蓝色渐变
:deep(.level-date) .el-tree-node__content {
height: 42px;
background: linear-gradient(135deg, rgba(59, 130, 246, 0.20) 0%, rgba(59, 130, 246, 0.05) 100%);
border: 1px solid rgba(59, 130, 246, 0.28);
font-weight: 600;
}
// 二级节点(工作流)- 紫色渐变
:deep(.level-flow) .el-tree-node__content {
margin-left: 8px;
background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(139, 92, 246, 0.03) 100%);
border: 1px solid rgba(139, 92, 246, 0.18);
}
// 三级节点(文件)- 根据文件类型区分颜色
:deep(.level-file.image) .el-tree-node__content,
:deep(.level-file.jpg) .el-tree-node__content,
:deep(.level-file.png) .el-tree-node__content,
:deep(.level-file.gif) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(16, 185, 129, 0.18) 0%, rgba(16, 185, 129, 0.04) 100%);
border: 1px solid rgba(16, 185, 129, 0.15);
}
:deep(.level-file.video) .el-tree-node__content,
:deep(.level-file.mp4) .el-tree-node__content,
:deep(.level-file.webm) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(245, 158, 11, 0.04) 100%);
border: 1px solid rgba(245, 158, 11, 0.15);
}
:deep(.level-file.audio) .el-tree-node__content,
:deep(.level-file.mp3) .el-tree-node__content,
:deep(.level-file.wav) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(236, 72, 153, 0.18) 0%, rgba(236, 72, 153, 0.04) 100%);
border: 1px solid rgba(236, 72, 153, 0.15);
}
:deep(.level-file.text) .el-tree-node__content,
:deep(.level-file.md) .el-tree-node__content,
:deep(.level-file.txt) .el-tree-node__content,
:deep(.level-file.markdown) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(79, 70, 229, 0.18) 0%, rgba(79, 70, 229, 0.04) 100%);
border: 1px solid rgba(79, 70, 229, 0.15);
}
// 默认其他文件
:deep(.level-file:not(.image):not(.video):not(.audio):not(.text)) .el-tree-node__content {
margin-left: 16px;
background: linear-gradient(135deg, rgba(100, 116, 139, 0.15) 0%, rgba(100, 116, 139, 0.04) 100%);
border: 1px solid rgba(100, 116, 139, 0.15);
}
.el-tree-node__content {
height: 38px;
line-height: 38px;
border-radius: 8px;
margin: 2px 0;
backdrop-filter: blur(8px);
transition: all 0.2s ease;
&:hover {
border-width: 2px;
transform: translateX(2px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
}
.el-tree-node.is-current > .el-tree-node__content {
border-width: 2px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
}
.el-tree-node__expand-icon {
color: rgba(59, 130, 246, 0.7);
}
}
}
.tree-node {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 6px;
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
font-weight: 500;
color: #1e293b;
}
.tree-node-actions {
flex-shrink: 0;
.el-button {
font-size: 11px;
padding: 2px 4px;
margin: 0;
line-height: 1;
}
}
}
.preview-container {
max-height: 85vh;
overflow: auto;

View File

@@ -87,7 +87,7 @@ export default defineComponent({
isShowPassword: false,
ruleForm: {
username: 'admin',
password: '123456',
password: 'Tongli686^*^',
verifyCode: '',
verifyKey: '',
},

View File

@@ -1,221 +1,540 @@
<template>
<template>
<div class="cid-apis-container">
<el-card shadow="hover">
<div class="system-user-search mb15">
<el-form :model="tableData.param" ref="queryRef" :inline="true" label-width="68px">
<el-form-item label="关键字" prop="keyword">
<el-input
v-model="tableData.param.keyword"
placeholder="请输入接口名称"
clearable
size="default"
style="width: 240px"
@keyup.enter.native="getList"
/>
</el-form-item>
<el-form-item>
<el-button size="default" type="primary" @click="getList">
<el-icon><ele-Search /></el-icon>
查询
</el-button>
<el-button size="default" @click="resetQuery(queryRef)">
<el-icon><ele-Refresh /></el-icon>
重置
</el-button>
<el-button size="default" type="success" @click="onOpenAdd">
<el-icon><ele-FolderAdd /></el-icon>
新增接口
</el-button>
<el-button size="default" type="danger" @click="onRowDel(null)">
<el-icon><ele-Delete /></el-icon>
删除
</el-button>
</el-form-item>
</el-form>
</div>
<el-table :data="tableData.data" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" width="60" />
<el-table-column prop="name" label="接口名称" show-overflow-tooltip />
<el-table-column prop="path" label="接口路径" show-overflow-tooltip />
<el-table-column prop="method" label="请求方式" width="100" align="center" />
<el-table-column prop="datasourceName" label="所属平台" show-overflow-tooltip />
<el-table-column prop="status" label="状态" width="100" align="center">
<template #default="scope">
<el-tag :type="scope.row.status === 1 ? 'success' : 'danger'" size="small">
{{ scope.row.status === 1 ? '启用' : '禁用' }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip />
<el-table-column label="操作" width="180">
<template #default="scope">
<el-button size="small" text type="primary" @click="onOpenEdit(scope.row)">修改</el-button>
<el-button size="small" text type="danger" @click="onRowDel(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="tableData.total > 0"
:total="tableData.total"
v-model:page="tableData.param.pageNum"
v-model:limit="tableData.param.pageSize"
@pagination="getList"
/>
</el-card>
<!-- 新增/编辑弹窗 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" :close-on-click-modal="false">
<el-form ref="formRef" :model="form" :rules="rules" label-width="90px">
<el-form-item label="接口名称" prop="name">
<el-input v-model="form.name" placeholder="请输入接口名称" />
</el-form-item>
<el-form-item label="接口路径" prop="path">
<el-input v-model="form.path" placeholder="请输入接口路径" />
</el-form-item>
<el-form-item label="请求方式" prop="method">
<el-select v-model="form.method" style="width: 100%">
<el-option label="GET" value="GET" />
<el-option label="POST" value="POST" />
<el-option label="PUT" value="PUT" />
<el-option label="DELETE" value="DELETE" />
</el-select>
</el-form-item>
<el-form-item label="所属平台" prop="datasourceId">
<el-input v-model="form.datasourceId" placeholder="请输入所属平台ID" />
</el-form-item>
<el-form-item label="描述" prop="description">
<el-input v-model="form.description" type="textarea" :rows="3" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" style="width: 100%">
<el-option label="启用" :value="1" />
<el-option label="禁用" :value="0" />
</el-select>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="dialog.visible = false">取消</el-button>
<el-button type="primary" @click="onSubmit" :loading="dialog.saving">确定</el-button>
</template>
</el-dialog>
<el-card shadow="hover"
><el-tabs v-model="tab" @tab-change="onTab"
><el-tab-pane label="平台管理" name="platform"
><el-form ref="pqf" :model="pq" :inline="true" label-width="68px" class="mb15"
><el-form-item label="关键字" prop="keyword"
><el-input
v-model="pq.keyword"
placeholder="请输入平台名称/编码"
clearable
style="width: 240px"
@keyup.enter.native="searchPlatform" /></el-form-item
><el-form-item label="状态" prop="status"
><el-select v-model="pq.status" placeholder="平台状态" clearable style="width: 160px"
><el-option label="启用" value="ACTIVE" /><el-option label="禁用" value="INACTIVE" /></el-select></el-form-item
><el-form-item
><el-button type="primary" @click="searchPlatform"
><el-icon><ele-Search /></el-icon>查询</el-button
><el-button @click="resetPlatformQuery"
><el-icon><ele-Refresh /></el-icon>重置</el-button
><el-button type="success" @click="openPlatform()"
><el-icon><ele-FolderAdd /></el-icon>新增平台</el-button
></el-form-item
></el-form
><el-table :data="platformRows" row-key="id" v-loading="platformLoading"
><el-table-column type="index" label="序号" width="60" /><el-table-column
prop="platformCode"
label="平台编码"
min-width="140"
show-overflow-tooltip
/><el-table-column prop="platformName" label="平台名称" min-width="160" show-overflow-tooltip /><el-table-column
prop="apiBaseUrl"
label="API地址"
min-width="220"
show-overflow-tooltip
/><el-table-column prop="authType" label="认证" width="100" align="center" /><el-table-column
prop="status"
label="状态"
width="90"
align="center"
><template #default="s"
><el-tag size="small" :type="s.row.status === 'ACTIVE' ? 'success' : 'danger'">{{
s.row.status === 'ACTIVE' ? '启用' : '禁用'
}}</el-tag></template
></el-table-column
><el-table-column prop="rateLimitPerMinute" label="限流/分钟" width="110" align="center" /><el-table-column
prop="requestTimeoutMs"
label="超时(ms)"
width="110"
align="center"
/><el-table-column label="创建时间" width="170"
><template #default="s">{{ ft(s.row.createdAt) }}</template></el-table-column
><el-table-column label="操作" width="150" fixed="right"
><template #default="s"
><el-button size="small" text type="primary" @click="openPlatform(s.row)">修改</el-button
><el-button size="small" text type="danger" @click="delPlatform(s.row)">删除</el-button></template
></el-table-column
></el-table
><pagination :total="platformTotal" v-model:page="pq.pageNum" v-model:limit="pq.pageSize" @pagination="getPlatforms" /></el-tab-pane
><el-tab-pane label="接口管理" name="api"
><el-form ref="aqf" :model="aq" :inline="true" label-width="68px" class="mb15"
><el-form-item label="关键字" prop="keyword"
><el-input
v-model="aq.keyword"
placeholder="请输入接口名称/编码"
clearable
style="width: 220px"
@keyup.enter.native="searchApi" /></el-form-item
><el-form-item label="平台" prop="platformId"
><el-select v-model="aq.platformId" placeholder="请选择平台" clearable filterable style="width: 180px"
><el-option v-for="i in platforms" :key="i.id" :label="i.platformName" :value="String(i.id)" /></el-select></el-form-item
><el-form-item label="状态" prop="status"
><el-select v-model="aq.status" placeholder="状态" clearable style="width: 130px"
><el-option label="启用" value="active" /><el-option label="禁用" value="inactive" /></el-select></el-form-item
><el-form-item label="方法" prop="method"
><el-select v-model="aq.method" placeholder="请求方式" clearable style="width: 130px"
><el-option v-for="m in methods" :key="m" :label="m" :value="m" /></el-select></el-form-item
><el-form-item
><el-button type="primary" @click="searchApi"
><el-icon><ele-Search /></el-icon>查询</el-button
><el-button @click="resetApiQuery"
><el-icon><ele-Refresh /></el-icon>重置</el-button
><el-button type="success" @click="openApi()"
><el-icon><ele-FolderAdd /></el-icon>新增接口</el-button
></el-form-item
></el-form
><el-table :data="apiRows" v-loading="apiLoading"
><el-table-column type="index" label="序号" width="60" /><el-table-column
prop="code"
label="接口编码"
min-width="140"
show-overflow-tooltip
/><el-table-column prop="name" label="接口名称" min-width="150" show-overflow-tooltip /><el-table-column
prop="url"
label="URL"
min-width="220"
show-overflow-tooltip
/><el-table-column prop="method" label="请求方式" width="100" align="center"
><template #default="s"
><el-tag size="small" :type="s.row.method === 'GET' ? 'success' : 'primary'">{{ s.row.method }}</el-tag></template
></el-table-column
><el-table-column prop="status" label="状态" width="90" align="center"
><template #default="s"
><el-tag size="small" :type="ns(s.row.status) === 'active' ? 'success' : 'danger'">{{
ns(s.row.status) === 'active' ? '启用' : '禁用'
}}</el-tag></template
></el-table-column
><el-table-column prop="platformName" label="所属平台" min-width="140" show-overflow-tooltip /> ><el-table-column
label="创建时间"
width="170"
><template #default="s">{{ ft(s.row.createdAt) }}</template></el-table-column
><el-table-column label="操作" width="160" fixed="right"
><template #default="s"
><el-button size="small" text type="primary" @click="openApi(String(s.row.id))">修改</el-button
><el-button size="small" text type="danger" @click="delApi(s.row)">删除</el-button></template
></el-table-column
></el-table
><pagination :total="apiTotal" v-model:page="aq.pageNum" v-model:limit="aq.pageSize" @pagination="getApis" /></el-tab-pane></el-tabs
></el-card>
<el-dialog v-model="platformDialog.visible" :title="platformDialog.title" width="720px" :close-on-click-modal="false" destroy-on-close
><el-form ref="platformFormRef" :model="platformForm" :rules="platformRules" label-width="120px" v-loading="platformDialog.loading"
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="平台编码" prop="platformCode"><el-input v-model="platformForm.platformCode" /></el-form-item></el-col
><el-col :span="12"
><el-form-item label="平台名称" prop="platformName"><el-input v-model="platformForm.platformName" /></el-form-item></el-col></el-row
><el-form-item label="平台描述"><el-input v-model="platformForm.description" type="textarea" :rows="3" /></el-form-item
><el-form-item label="API地址"><el-input v-model="platformForm.apiBaseUrl" /></el-form-item
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="认证类型" prop="authType"
><el-select v-model="platformForm.authType" style="width: 100%"
><el-option label="Token" value="TOKEN" /><el-option label="API Key" value="API_KEY" /><el-option
label="OAuth2"
value="OAUTH2" /><el-option label="Basic" value="BASIC" /></el-select></el-form-item></el-col
><el-col :span="12"
><el-form-item label="状态" prop="status"
><el-select v-model="platformForm.status" style="width: 100%"
><el-option label="启用" value="ACTIVE" /><el-option label="停用" value="INACTIVE" /></el-select></el-form-item></el-col></el-row
><el-form-item label="Token/密钥"><el-input v-model="platformForm.token" show-password /></el-form-item
><el-form-item label="API Key"><el-input v-model="platformForm.apiKey" show-password /></el-form-item
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="Client ID"><el-input v-model="platformForm.clientId" /></el-form-item></el-col
><el-col :span="12"
><el-form-item label="Client Secret"><el-input v-model="platformForm.clientSecret" show-password /></el-form-item></el-col></el-row
><el-form-item label="认证配置 JSON" prop="authConfigText"
><el-input v-model="platformForm.authConfigText" type="textarea" :rows="6" /></el-form-item
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="限流/分钟"
><el-input-number v-model="platformForm.rateLimitPerMinute" :min="0" style="width: 100%" /></el-form-item></el-col
><el-col :span="12"
><el-form-item label="限流/小时"
><el-input-number v-model="platformForm.rateLimitPerHour" :min="0" style="width: 100%" /></el-form-item></el-col></el-row
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="并发限制"
><el-input-number v-model="platformForm.concurrencyLimit" :min="0" style="width: 100%" /></el-form-item></el-col
><el-col :span="12"
><el-form-item label="超时(ms)"
><el-input-number v-model="platformForm.requestTimeoutMs" :min="0" style="width: 100%" /></el-form-item></el-col></el-row
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="最大重试"><el-input-number v-model="platformForm.maxRetries" :min="0" style="width: 100%" /></el-form-item></el-col
><el-col :span="12"
><el-form-item label="重试延迟(ms)"
><el-input-number v-model="platformForm.retryDelayMs" :min="0" style="width: 100%" /></el-form-item></el-col></el-row></el-form
><template #footer
><el-button @click="platformDialog.visible = false">取消</el-button
><el-button type="primary" :loading="platformDialog.saving" @click="savePlatform">确定</el-button></template
></el-dialog
><el-dialog v-model="apiDialog.visible" :title="apiDialog.title" width="780px" :close-on-click-modal="false" destroy-on-close
><el-form ref="apiFormRef" :model="apiForm" :rules="apiRules" label-width="110px" v-loading="apiDialog.loading"
><el-form-item label="所属平台" prop="platformId"
><el-select v-model="apiForm.platformId" style="width: 100%" filterable
><el-option v-for="i in platforms" :key="i.id" :label="i.platformName" :value="String(i.id)" /></el-select></el-form-item
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="接口编码" prop="code"><el-input v-model="apiForm.code" /></el-form-item></el-col
><el-col :span="12"
><el-form-item label="接口名称" prop="name"><el-input v-model="apiForm.name" /></el-form-item></el-col></el-row
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="URL" prop="url"><el-input v-model="apiForm.url" /></el-form-item></el-col
><el-col :span="12"
><el-form-item label="请求方式" prop="method"
><el-select v-model="apiForm.method" style="width: 100%"
><el-option v-for="m in methods" :key="m" :label="m" :value="m" /></el-select></el-form-item></el-col></el-row
><el-row :gutter="16"
><el-col :span="12"
><el-form-item label="状态" prop="status"
><el-select v-model="apiForm.status" style="width: 100%"
><el-option label="启用" value="active" /><el-option label="禁用" value="inactive" /></el-select></el-form-item></el-col
><el-col :span="12"
><el-form-item label="认证类型"
><el-select v-model="apiForm.authType" style="width: 100%" clearable
><el-option label="Token" value="TOKEN" /><el-option label="API Key" value="API_KEY" /><el-option
label="OAuth2"
value="OAUTH2" /><el-option label="APP_SIGNATURE" value="APP_SIGNATURE" /></el-select></el-form-item></el-col></el-row
><el-form-item label="请求配置 JSON" prop="requestConfigText"
><el-input v-model="apiForm.requestConfigText" type="textarea" :rows="6" /></el-form-item
><el-form-item label="响应配置 JSON" prop="responseConfigText"
><el-input v-model="apiForm.responseConfigText" type="textarea" :rows="5" /></el-form-item
><el-form-item label="限流配置 JSON" prop="limitConfigText"
><el-input v-model="apiForm.limitConfigText" type="textarea" :rows="4" /></el-form-item
><el-form-item label="表结构定义 JSON" prop="tableDefinitionText"
><el-input v-model="apiForm.tableDefinitionText" type="textarea" :rows="6" /></el-form-item></el-form
><template #footer
><el-button @click="apiDialog.visible = false">取消</el-button
><el-button type="primary" :loading="apiDialog.saving" @click="saveApi">确定</el-button></template
></el-dialog
>
</div>
</template>
<script lang="ts">
export default { name: 'cidApis' };
</script>
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue';
import { ElMessage, ElMessageBox, FormInstance } from 'element-plus';
const queryRef = ref<FormInstance>();
const formRef = ref<FormInstance>();
const ids = ref<string[]>([]);
const tableData = reactive({
data: [] as any[],
total: 0,
param: {
pageNum: 1,
pageSize: 10,
keyword: '',
},
});
const dialog = reactive({
visible: false,
title: '',
saving: false,
});
const form = reactive({
import { onMounted, reactive, ref } from 'vue';
import type { FormInstance, FormRules } from 'element-plus';
import { ElMessage, ElMessageBox } from 'element-plus';
import { getApiErrorMessage } from '/@/utils/request';
import {
createDatasourcePlatform,
deleteDatasourcePlatform,
getDatasourcePlatform,
listDatasourcePlatforms,
updateDatasourcePlatform,
} from '/@/api/cid/datasource';
import {
createApiInterface,
deleteApiInterface,
getApiInterface,
listApiInterfaces,
updateApiInterface,
type ApiInterfaceInfo,
} from '/@/api/cid/apis';
defineOptions({ name: 'cidApis' });
const tab = ref('platform'),
methods = ['GET', 'POST', 'PUT', 'DELETE'],
platforms = ref<any[]>([]),
platformRows = ref<any[]>([]),
apiRows = ref<ApiInterfaceInfo[]>([]),
platformTotal = ref(0),
apiTotal = ref(0),
platformLoading = ref(false),
apiLoading = ref(false);
const pqf = ref<FormInstance>(),
aqf = ref<FormInstance>(),
platformFormRef = ref<FormInstance>(),
apiFormRef = ref<FormInstance>();
const pq = reactive({ pageNum: 1, pageSize: 10, keyword: '', status: '' }),
aq = reactive({ pageNum: 1, pageSize: 10, keyword: '', platformId: '', status: '', method: '' });
const platformDialog = reactive({ visible: false, title: '', loading: false, saving: false }),
apiDialog = reactive({ visible: false, title: '', loading: false, saving: false });
const dpf = () => ({
id: '',
name: '',
path: '',
method: 'GET',
datasourceId: '',
platformCode: '',
platformName: '',
description: '',
status: 1,
apiBaseUrl: '',
authType: 'TOKEN',
status: 'ACTIVE',
token: '',
apiKey: '',
clientId: '',
clientSecret: '',
authConfigText: '{}',
rateLimitPerMinute: 60,
rateLimitPerHour: 1000,
concurrencyLimit: 10,
requestTimeoutMs: 30000,
maxRetries: 3,
retryDelayMs: 1000,
});
const rules = {
name: [{ required: true, message: '请输入接口名称', trigger: 'blur' }],
path: [{ required: true, message: '请输入接口路径', trigger: 'blur' }],
method: [{ required: true, message: '请选择请求方式', trigger: 'change' }],
};
const getList = () => {
// TODO: 调用列表接口
};
const resetQuery = (formEl: FormInstance | undefined) => {
if (!formEl) return;
formEl.resetFields();
getList();
};
const handleSelectionChange = (selection: any[]) => {
ids.value = selection.map((item) => item.id);
};
const onOpenAdd = () => {
dialog.title = '新增接口';
dialog.visible = true;
form.id = '';
form.name = '';
form.path = '';
form.method = 'GET';
form.datasourceId = '';
form.description = '';
form.status = 1;
};
const onOpenEdit = (row: any) => {
dialog.title = '修改接口';
dialog.visible = true;
form.id = row.id;
form.name = row.name;
form.path = row.path;
form.method = row.method;
form.datasourceId = row.datasourceId;
form.description = row.description;
form.status = row.status;
};
const onSubmit = () => {
if (!formRef.value) return;
formRef.value.validate((valid) => {
if (!valid) return;
dialog.saving = true;
// TODO: 调用新增/编辑接口
dialog.saving = false;
dialog.visible = false;
getList();
});
};
const onRowDel = (row: any) => {
const delIds = row ? [row.id] : ids.value;
if (delIds.length === 0) {
ElMessage.error('请选择要删除的数据');
return;
const daf = () => ({
id: '',
platformId: '',
code: '',
name: '',
url: '',
method: 'GET',
status: 'active',
authType: '',
requestConfigText: '{}',
responseConfigText: '{}',
limitConfigText: '{}',
tableDefinitionText: '{}',
});
const platformForm = reactive(dpf()),
apiForm = reactive(daf());
const jv = (v: string, cb: (e?: Error) => void, l: string) => {
if (!v) return cb();
try {
JSON.parse(v);
cb();
} catch {
cb(new Error(`${l} 格式错误`));
}
ElMessageBox.confirm(`确定要删除选中的接口吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
// TODO: 调用删除接口
ElMessage.success('删除成功');
getList();
})
.catch(() => {});
};
onMounted(() => {
getList();
const platformRules: FormRules = {
platformCode: [{ required: true, message: '请输入平台编码', trigger: 'blur' }],
platformName: [{ required: true, message: '请输入平台名称', trigger: 'blur' }],
authType: [{ required: true, message: '请选择认证类型', trigger: 'change' }],
authConfigText: [{ validator: (_r, v, cb) => jv(v, cb, '认证配置 JSON'), trigger: 'blur' }],
};
const apiRules: FormRules = {
platformId: [{ required: true, message: '请选择所属平台', trigger: 'change' }],
code: [{ required: true, message: '请输入接口编码', trigger: 'blur' }],
name: [{ required: true, message: '请输入接口名称', trigger: 'blur' }],
url: [{ required: true, message: '请输入接口 URL', trigger: 'blur' }],
method: [{ required: true, message: '请选择请求方式', trigger: 'change' }],
requestConfigText: [{ validator: (_r, v, cb) => jv(v, cb, '请求配置 JSON'), trigger: 'blur' }],
responseConfigText: [{ validator: (_r, v, cb) => jv(v, cb, '响应配置 JSON'), trigger: 'blur' }],
limitConfigText: [{ validator: (_r, v, cb) => jv(v, cb, '接口独立限流配置 JSON'), trigger: 'blur' }],
tableDefinitionText: [{ validator: (_r, v, cb) => jv(v, cb, '表结构定义 JSON'), trigger: 'blur' }],
};
const ft = (t?: number) => (!t ? '' : new Date(String(t).length === 10 ? t * 1000 : t).toLocaleString('zh-CN', { hour12: false })),
ns = (s?: string) => (String(s || '').toLowerCase() === 'active' ? 'active' : 'inactive');
const loadPlatforms = async () => {
const r = await listDatasourcePlatforms({ pageNum: 1, pageSize: 100 });
platforms.value = r.data?.list || [];
};
const getPlatforms = async () => {
platformLoading.value = true;
try {
const r = await listDatasourcePlatforms({
pageNum: pq.pageNum,
pageSize: pq.pageSize,
...(pq.keyword ? { keyword: pq.keyword } : {}),
...(pq.status ? { status: pq.status } : {}),
});
platformRows.value = r.data?.list || [];
platformTotal.value = r.data?.total || 0;
} catch (e) {
ElMessage.error(getApiErrorMessage(e) || '获取平台列表失败');
} finally {
platformLoading.value = false;
}
};
const getApis = async () => {
apiLoading.value = true;
try {
const r = await listApiInterfaces({
pageNum: aq.pageNum,
pageSize: aq.pageSize,
...(aq.keyword ? { keyword: aq.keyword } : {}),
...(aq.platformId ? { platformId: aq.platformId } : {}),
...(aq.status ? { status: aq.status } : {}),
...(aq.method ? { method: aq.method } : {}),
});
apiRows.value = r.data?.list || [];
apiTotal.value = r.data?.total || 0;
} catch (e) {
ElMessage.error(getApiErrorMessage(e) || '获取接口列表失败');
} finally {
apiLoading.value = false;
}
};
const onTab = () => (tab.value === 'platform' ? getPlatforms() : getApis());
const searchPlatform = () => {
pq.pageNum = 1;
getPlatforms();
};
const searchApi = () => {
aq.pageNum = 1;
getApis();
};
const resetPlatformQuery = () => {
pqf.value?.resetFields();
searchPlatform();
};
const resetApiQuery: any = () => {
aqf.value?.resetFields();
searchApi();
};
const openPlatform = async (row?: any) => {
Object.assign(platformForm, dpf());
platformFormRef.value?.clearValidate();
platformDialog.title = row ? '编辑平台' : '新建平台';
platformDialog.visible = true;
if (!row) return;
platformDialog.loading = true;
try {
const r = await getDatasourcePlatform(row.id);
const d = r.data || {};
Object.assign(platformForm, {
id: String(d.id || row.id),
platformCode: d.platformCode || '',
platformName: d.platformName || '',
description: d.description || '',
apiBaseUrl: d.apiBaseUrl || '',
authType: d.authType || 'TOKEN',
status: d.status || 'ACTIVE',
token: d.token || '',
apiKey: d.apiKey || '',
clientId: d.clientId || '',
clientSecret: d.clientSecret || '',
authConfigText: JSON.stringify(d.authConfig ?? {}, null, 2),
rateLimitPerMinute: d.rateLimitPerMinute ?? 60,
rateLimitPerHour: d.rateLimitPerHour ?? 1000,
concurrencyLimit: d.concurrencyLimit ?? 10,
requestTimeoutMs: d.requestTimeoutMs ?? 30000,
maxRetries: d.maxRetries ?? 3,
retryDelayMs: d.retryDelayMs ?? 1000,
});
} catch (e) {
platformDialog.visible = false;
ElMessage.error(getApiErrorMessage(e) || '获取平台详情失败');
} finally {
platformDialog.loading = false;
}
};
const savePlatform = async () => {
if (!platformFormRef.value) return;
const ok = await platformFormRef.value.validate().catch(() => false);
if (!ok) return;
platformDialog.saving = true;
try {
const p = {
platformCode: platformForm.platformCode,
platformName: platformForm.platformName,
description: platformForm.description,
apiBaseUrl: platformForm.apiBaseUrl,
authType: platformForm.authType,
status: platformForm.status,
token: platformForm.token,
apiKey: platformForm.apiKey,
clientId: platformForm.clientId,
clientSecret: platformForm.clientSecret,
authConfig: JSON.parse(platformForm.authConfigText || '{}'),
rateLimitPerMinute: platformForm.rateLimitPerMinute || 60,
rateLimitPerHour: platformForm.rateLimitPerHour || 1000,
concurrencyLimit: platformForm.concurrencyLimit || 10,
requestTimeoutMs: platformForm.requestTimeoutMs || 30000,
maxRetries: platformForm.maxRetries || 3,
retryDelayMs: platformForm.retryDelayMs || 1000,
};
platformForm.id ? await updateDatasourcePlatform({ id: platformForm.id, ...p }) : await createDatasourcePlatform(p);
ElMessage.success(platformForm.id ? '更新成功' : '创建成功');
platformDialog.visible = false;
await Promise.all([getPlatforms(), loadPlatforms()]);
} catch (e) {
ElMessage.error(getApiErrorMessage(e) || (platformForm.id ? '更新失败' : '创建失败'));
} finally {
platformDialog.saving = false;
}
};
const delPlatform = (row: any) => {
const ids = [row.id];
ElMessageBox.confirm(`确定删除平台「${row.platformName}」吗?`, '提示', { type: 'warning' })
.then(async () => {
try {
for (const id of ids) await deleteDatasourcePlatform(id);
ElMessage.success('删除成功');
await Promise.all([getPlatforms(), loadPlatforms()]);
} catch (e) {
ElMessage.error(getApiErrorMessage(e) || '删除失败');
}
})
.catch(() => undefined);
};
const openApi = async (id = '', platformId = '') => {
Object.assign(apiForm, daf(), platformId ? { platformId } : {});
apiFormRef.value?.clearValidate();
if (!platforms.value.length) await loadPlatforms();
apiDialog.title = id ? '编辑接口' : '新建接口';
apiDialog.visible = true;
if (!id) return;
apiDialog.loading = true;
try {
const r = await getApiInterface(id);
const d = r.data || {};
Object.assign(apiForm, {
id: String(d.id || id),
platformId: String(d.platformId || platformId || ''),
code: d.code || '',
name: d.name || '',
url: d.url || '',
method: d.method || 'GET',
status: ns(d.status),
authType: d.authType || '',
requestConfigText: JSON.stringify(d.requestConfig ?? {}, null, 2),
responseConfigText: JSON.stringify(d.responseConfig ?? {}, null, 2),
limitConfigText: JSON.stringify(d.limitConfig ?? {}, null, 2),
tableDefinitionText: JSON.stringify(d.tableDefinition ?? {}, null, 2),
});
} catch (e) {
apiDialog.visible = false;
ElMessage.error(getApiErrorMessage(e) || '获取接口详情失败');
} finally {
apiDialog.loading = false;
}
};
const saveApi = async () => {
if (!apiFormRef.value) return;
const ok = await apiFormRef.value.validate().catch(() => false);
if (!ok) return;
apiDialog.saving = true;
try {
const p = {
platformId: Number(apiForm.platformId),
code: apiForm.code,
name: apiForm.name,
url: apiForm.url,
method: apiForm.method,
status: apiForm.status,
authType: apiForm.authType || undefined,
requestConfig: JSON.parse(apiForm.requestConfigText || '{}'),
responseConfig: JSON.parse(apiForm.responseConfigText || '{}'),
limitConfig: JSON.parse(apiForm.limitConfigText || '{}'),
tableDefinition: JSON.parse(apiForm.tableDefinitionText || '{}'),
};
apiForm.id ? await updateApiInterface({ id: apiForm.id, ...p }) : await createApiInterface(p);
ElMessage.success(apiForm.id ? '更新成功' : '创建成功');
apiDialog.visible = false;
await getApis();
} catch (e) {
ElMessage.error(getApiErrorMessage(e) || (apiForm.id ? '更新失败' : '创建失败'));
} finally {
apiDialog.saving = false;
}
};
const delApi = (row: any) => {
ElMessageBox.confirm(`确定删除接口「${row.name}」吗?`, '提示', { type: 'warning' })
.then(async () => {
try {
await deleteApiInterface(String(row.id));
ElMessage.success('删除成功');
await getApis();
} catch (e) {
ElMessage.error(getApiErrorMessage(e) || '删除失败');
}
})
.catch(() => undefined);
};
onMounted(async () => {
await loadPlatforms();
await Promise.all([getPlatforms(), getApis()]);
});
</script>

View File

@@ -0,0 +1,27 @@
-----BEGIN RSA PRIVATE KEY-----
MIIEpAIBAAKCAQEAvoMUrxhR2vYC/tyGZlplkANptmFfqcglnd+ETk1ppE/tMyrI
PxBLvjN1BIcbBFkHthuv/Ut/dSgtS0hbI52Z1bMACbJ5SdPLTBZzNpXgHWXUHf/S
OsQB8s7gsCekcVly3Tf1emsXxcyeXQ7u8/ZrNEAKGZwT3xkAvtte01NqJeaIMddY
1o/nrlVhgV6CvDtCAFLRVvw2p5zc/Vejc/MLEXV4l9g3VIODfcIbLsczUmsT98zO
LOwwgVssCQcdnA12T1X3U4sX4U0Pin0MexT5L8/Kx3pHbajpQK+ID0TDpmP4QKf5
QkAHJxM7py4u1EHNBo3nkrxWNPfZTTnhbvowjwIDAQABAoIBAAcLQ14FU615ZXtK
kxZAvGWamAjcHn82vRv9EjVvoPrS0Q3lxI6ptGs9bX5eh84ILq6kj8QZS7FSFs6k
R75lit+/D77MCwutmY7gJkq74ulOBQ2bkl3a4R7lraLFwcubx5FMtYuyXv17cdWL
V6Qh6y0nkFgJuyWyFSLOwKRRVBOU8KTldFLR+iF7oULALpUZeci9RF+EEGKarFmp
07OjPbLjdBl+FT05c2KRy4lVl+BRQB6YfU+Al84VQPdoE8byE3mrzomo6CiMTCQ9
aNN2QfpVZ6x16gOEcgpJZHYvD+gC5H7q//TWBJ/jdR6ToKYcRK7HOJQjZgUFLSUs
wCf1ybkCgYEA7V7XkB10SdfT2axO2jdsRM3kW1U86k//dF26G4OKlRmWpibcJXnk
i0M3be0b1VrqefYEWot3MVhJheQCCa+tNR4hSovN7FqCNVUzXZ8YWrTaycXi46po
urfRLUeupTXJinBfmIPCdbqr0bPOJ0q5NfpG+LeG0LlsAfxjALgjGrcCgYEAzXbG
0TLaDNwB3aXTUPpsL7DrrQTaVi9ScH5sa2IJjes2Pv/MyTB05JyHG9rqAtIShjJi
/N3qMnN0q40GSnzPj99+Sep3p+41LvxfvRma9HMZRnczyPZIT31TMQF++QP3d8gz
giDVNND0GXY11bwcqIuS+ouNwU4P6tvLKznQIOkCgYEAxBZ0JuZeGV5E8O2p2hSs
yQ35FgYNI1dgpUWEJ5R71/3ieHFjrUXLqcumL5YPRyoqxwOXxyCtH0NawVOA53WL
tXSldcqWGykNpXczzqRN3yjGEKb7bq1ohM6y6x/rQylyy31XS0uVSeIibEKIC+dr
pw6QsIgTw7tZYS6YrpBu13MCgYBb5t7zP+2shtQG0l98/yZZBqfEEkGe/ze+va29
MnLXmff/oed1rkj64NDGMtstO82xXORN+u0AeAgdm8zOkJk+31bbtRakdLYxOA2S
xds7sCgEDtmI8DBT7djCOMsUkyOj3la7w/fZ0gT9RpS575RaB2RM0RMs/b+862cr
BIcF0QKBgQCrO6f1zj9vr4h3nWohSjgpAkZHpeUxDf6s39U960JU5Dvz/bhCHr51
uuVO183cFmx9W8IW6BI4dwEKk5MrXD2hdM8uGAIi+ip/SwBqej072HuY1xD2Elp9
mWXLESLAedhWvp9QhNQbHib1RzaPV8TUgCDN/QLGQE+jdVqfk/Smfw==
-----END RSA PRIVATE KEY-----

View File

@@ -0,0 +1,62 @@
-----BEGIN CERTIFICATE-----
MIIGJTCCBQ2gAwIBAgIQAWng8l3t5rBYcCmLpCDdJTANBgkqhkiG9w0BAQsFADBu
MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
d3cuZGlnaWNlcnQuY29tMS0wKwYDVQQDEyRFbmNyeXB0aW9uIEV2ZXJ5d2hlcmUg
RFYgVExTIENBIC0gRzIwHhcNMjYwNjEyMDAwMDAwWhcNMjYwOTA5MjM1OTU5WjAj
MSEwHwYDVQQDExhtaW5pby5yZWRwb3dlcmZ1dHVyZS5jb20wggEiMA0GCSqGSIb3
DQEBAQUAA4IBDwAwggEKAoIBAQC+gxSvGFHa9gL+3IZmWmWQA2m2YV+pyCWd34RO
TWmkT+0zKsg/EEu+M3UEhxsEWQe2G6/9S391KC1LSFsjnZnVswAJsnlJ08tMFnM2
leAdZdQd/9I6xAHyzuCwJ6RxWXLdN/V6axfFzJ5dDu7z9ms0QAoZnBPfGQC+217T
U2ol5ogx11jWj+euVWGBXoK8O0IAUtFW/DannNz9V6Nz8wsRdXiX2DdUg4N9whsu
xzNSaxP3zM4s7DCBWywJBx2cDXZPVfdTixfhTQ+KfQx7FPkvz8rHekdtqOlAr4gP
RMOmY/hAp/lCQAcnEzunLi7UQc0GjeeSvFY099lNOeFu+jCPAgMBAAGjggMIMIID
BDAfBgNVHSMEGDAWgBR435GQX+7erPbFdevVTFVT7yRKtjAdBgNVHQ4EFgQUm+W1
VEi2C0CdxtuncyBFtX9cS5UwQQYDVR0RBDowOIIYbWluaW8ucmVkcG93ZXJmdXR1
cmUuY29tghx3d3cubWluaW8ucmVkcG93ZXJmdXR1cmUuY29tMD4GA1UdIAQ3MDUw
MwYGZ4EMAQIBMCkwJwYIKwYBBQUHAgEWG2h0dHA6Ly93d3cuZGlnaWNlcnQuY29t
L0NQUzAOBgNVHQ8BAf8EBAMCBaAwHQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUF
BwMCMIGABggrBgEFBQcBAQR0MHIwJAYIKwYBBQUHMAGGGGh0dHA6Ly9vY3NwLmRp
Z2ljZXJ0LmNvbTBKBggrBgEFBQcwAoY+aHR0cDovL2NhY2VydHMuZGlnaWNlcnQu
Y29tL0VuY3J5cHRpb25FdmVyeXdoZXJlRFZUTFNDQS1HMi5jcnQwDAYDVR0TAQH/
BAIwADCCAX0GCisGAQQB1nkCBAIEggFtBIIBaQFnAHUAwjF+V0UZo0XufzjespBB
68fCIVoiv3/Vta12mtkOUs0AAAGeucefAgAABAMARjBEAiBdD793ndAhFw/xk4gS
Pycc/U4IGSbSFNg1wXMMBkma9gIgSK8LNW9lqHn4wEYFRQrBfmYMUkJhUR51JmOb
rUESBu8AdgDXbX0Q0af1d8LH6V/XAL/5gskzWmXh0LMBcxfAyMVpdwAAAZ65x57r
AAAEAwBHMEUCIALrNS+sHrfHVl72YGHkqSb4quYzH6xZ0JNCTLakfjK4AiEA0jbR
ORUL7BLzYbw5geZfMb8NJmD+7CbgXdHNPWmowdYAdgCUTkOH+uzB74HzGSQmqBhl
AcfTXzgCAT9yZ31VNy4Z2AAAAZ65x58NAAAEAwBHMEUCIQCn753LSIK5ODnAw8za
2BUf7PZQhtwhe1I0fEfrFjwcAAIgPZtnV83cNV8UK9zGQhWso4QX/oK+ziXQMuP5
+lApPpcwDQYJKoZIhvcNAQELBQADggEBAKceFp1JWPgaR5TGrMXQNY0qgRPhY0ZC
MSVLqtbgWPeODl3p+BTpLJ/taGR1v1mlL/2cM+EU/RQVDobYUu91Td0Tibp1T8vv
KKgnGTj8fVTzimTR5YsFHKc0XFqHpbneArZFb9tbMnRLheDjAqJ3Xs5H5t/XNDSi
vasqxdvAYZPP+7JZPRrFqq/fPZR79NRz7kl45YiQX199d/8oPRVFRrq1TGtp41Nk
7rP31tq0YZDpBHXXmpYXmOZalWBHoASnZJDq0+H5bSBzNVHR25eOZe0dt5lWMzrf
bzFMatWnPKI/aLhc3GGZAxyy7PCRA5pJGB+qnaJAakODvB02VvJey/Y=
-----END CERTIFICATE-----
-----BEGIN CERTIFICATE-----
MIIEqjCCA5KgAwIBAgIQDeD/te5iy2EQn2CMnO1e0zANBgkqhkiG9w0BAQsFADBh
MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBH
MjAeFw0xNzExMjcxMjQ2NDBaFw0yNzExMjcxMjQ2NDBaMG4xCzAJBgNVBAYTAlVT
MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
b20xLTArBgNVBAMTJEVuY3J5cHRpb24gRXZlcnl3aGVyZSBEViBUTFMgQ0EgLSBH
MjCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAO8Uf46i/nr7pkgTDqnE
eSIfCFqvPnUq3aF1tMJ5hh9MnO6Lmt5UdHfBGwC9Si+XjK12cjZgxObsL6Rg1njv
NhAMJ4JunN0JGGRJGSevbJsA3sc68nbPQzuKp5Jc8vpryp2mts38pSCXorPR+sch
QisKA7OSQ1MjcFN0d7tbrceWFNbzgL2csJVQeogOBGSe/KZEIZw6gXLKeFe7mupn
NYJROi2iC11+HuF79iAttMc32Cv6UOxixY/3ZV+LzpLnklFq98XORgwkIJL1HuvP
ha8yvb+W6JislZJL+HLFtidoxmI7Qm3ZyIV66W533DsGFimFJkz3y0GeHWuSVMbI
lfsCAwEAAaOCAU8wggFLMB0GA1UdDgQWBBR435GQX+7erPbFdevVTFVT7yRKtjAf
BgNVHSMEGDAWgBROIlQgGJXm427mD/r6uRLtBhePOTAOBgNVHQ8BAf8EBAMCAYYw
HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMBIGA1UdEwEB/wQIMAYBAf8C
AQAwNAYIKwYBBQUHAQEEKDAmMCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5kaWdp
Y2VydC5jb20wQgYDVR0fBDswOTA3oDWgM4YxaHR0cDovL2NybDMuZGlnaWNlcnQu
Y29tL0RpZ2lDZXJ0R2xvYmFsUm9vdEcyLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG
/WwBAjAqMCgGCCsGAQUFBwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BT
MAgGBmeBDAECATANBgkqhkiG9w0BAQsFAAOCAQEAoBs1eCLKakLtVRPFRjBIJ9LJ
L0s8ZWum8U8/1TMVkQMBn+CPb5xnCD0GSA6L/V0ZFrMNqBirrr5B241OesECvxIi
98bZ90h9+q/X5eMyOD35f8YTaEMpdnQCnawIwiHx06/0BfiTj+b/XQih+mqt3ZXe
xNCJqKexdiB2IWGSKcgahPacWkk/BAQFisKIFYEqHzV974S3FAz/8LIfD58xnsEN
GfzyIDkH3JrwYZ8caPTf6ZX9M1GrISN8HnWTtdNCH2xEajRa/h9ZBXjUyFKQrGk2
n2hcLrfZSbynEC/pSw/ET7H5nWwckjmAJ1l9fcnbqkU/pf6uMQmnfl0JQjJNSg==
-----END CERTIFICATE-----