输入框工作流调整

Dockerfile.bak

@@ -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"]

ngnix.conf

@@ -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;
+    }
+}

src/api/cid/apis/index.ts

@@ -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 },
 	});

src/api/cid/datasource/index.ts

@@ -26,8 +26,7 @@ export interface CreateDatasourcePlatformParams {
 	requestTimeoutMs?: number;
 	maxRetries?: number;
 	retryDelayMs?: number;
-	createdBy?: string;
+	authConfig?: Record<string, any>;
-	updatedBy?: string;
 }
 
 // 更新平台参数
@@ -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,
 	});

src/views/home/components/InputBar.vue

@@ -1,65 +1,92 @@
 <template>
 	<div class="input-shell">
-		<div class="input-card">
+		<div class="input-card" :class="{ 'is-focused': isFocused }">
+			<!-- 已选中状态标签栏 -->
+			<div v-if="selectedWorkflowId !== null || selectedSkill !== 'default'" class="selected-tags">
+				<div v-if="selectedWorkflowId !== null" class="selected-tag workflow-tag">
+					<el-icon><Promotion /></el-icon>
+					<span>{{ commonWorkflows.find((w) => w.id === selectedWorkflowId)?.name }}</span>
+					<el-icon class="tag-close" @click="selectedWorkflowId = null"><Close /></el-icon>
+				</div>
+				<div v-if="selectedSkill !== 'default'" class="selected-tag skill-tag">
+					<el-icon><MagicStick /></el-icon>
+					<span>{{ skillLabels[selectedSkill] }}</span>
+					<el-icon class="tag-close" @click="selectedSkill = 'default'"><Close /></el-icon>
+				</div>
+			</div>
+
+			<!-- 文本输入区 -->
 			<el-input
 				v-model="message"
 				type="textarea"
-				:rows="1"
+				:autosize="{ minRows: 1, maxRows: 6 }"
-				:autosize="{ minRows: 2, maxRows: 5 }"
+				placeholder="有什么想聊的？按 Enter 发送，Shift+Enter 换行"
-				placeholder="多说说你的偏好和要求，我会越用越懂你"
 				class="message-input"
-				@keydown.enter.exact="handleSend"
+				@focus="isFocused = true"
+				@blur="isFocused = false"
+				@keydown.enter.exact.prevent="handleSend"
+				@keydown.enter.shift.exact="() => {}"
 			/>
 
+			<!-- 底部工具栏 -->
 			<div class="input-toolbar">
 				<div class="toolbar-left">
-					<el-button circle class="tool-btn" @click="handleAttachment">
+					<!-- 上传附件 -->
-						<el-icon><Plus /></el-icon>
+					<el-tooltip content="上传文件" placement="top">
-					</el-button>
+						<button class="tool-icon-btn" @click="handleAttachment">
-					<el-dropdown trigger="click" @command="handleSkillSelect">
+							<el-icon><Paperclip /></el-icon>
-						<el-button class="pill-btn">
+						</button>
-							{{ currentSkillDisplay }}
+					</el-tooltip>
-						</el-button>
+
+					<!-- 选择技能 -->
+					<el-dropdown trigger="click" placement="top-start" @command="handleSkillSelect">
+						<el-tooltip content="选择技能" placement="top">
+							<button class="tool-icon-btn" :class="{ active: selectedSkill !== 'default' }">
+								<el-icon><MagicStick /></el-icon>
+								<span class="tool-label">技能</span>
+							</button>
+						</el-tooltip>
 						<template #dropdown>
 							<el-dropdown-menu>
-								<el-dropdown-item command="default">默认对话</el-dropdown-item>
+								<el-dropdown-item command="default">
-								<el-dropdown-item command="code-review">代码审查</el-dropdown-item>
+									<el-icon><CircleClose /></el-icon>不使用技能
+								</el-dropdown-item>
+								<el-dropdown-item divided command="code-review">代码审查</el-dropdown-item>
 								<el-dropdown-item command="refactor">代码重构</el-dropdown-item>
 								<el-dropdown-item command="writing">内容写作</el-dropdown-item>
 							</el-dropdown-menu>
 						</template>
 					</el-dropdown>
 				</div>
+
 				<div class="toolbar-right">
-					<el-button circle class="send-btn" :disabled="!message.trim()" @click="handleSend">
+					<span class="hint-text">Shift+Enter 换行</span>
+					<button class="send-btn" :disabled="!message.trim()" @click="handleSend">
 						<el-icon><Top /></el-icon>
-					</el-button>
+					</button>
+				</div>
 			</div>
 		</div>
 
-			<!-- 常用工作流胶囊 -->
+		<!-- 快捷工作流胶囊（输入框下方） -->
-			<div class="workflow-pills" v-if="commonWorkflows.length > 0">
+		<div v-if="commonWorkflows.length > 0" class="workflow-shortcuts">
-				<div
+			<button
 				v-for="wf in commonWorkflows"
 				:key="wf.id"
-					class="workflow-pill"
+				class="shortcut-pill"
 				:class="{ active: selectedWorkflowId === wf.id }"
-					@click="selectWorkflow(wf)"
+				@click="toggleWorkflow(wf.id)"
 			>
-					<el-icon class="pill-icon">
+				<el-icon><Promotion /></el-icon>
-						<component :is="wf.icon" />
+				{{ wf.name }}
-					</el-icon>
+			</button>
-					<span class="pill-text">{{ wf.name }}</span>
-				</div>
-			</div>
 		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue';
+import { ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { Top, MagicStick, Promotion, Close, CircleClose, Paperclip } from '@element-plus/icons-vue';
-import { Top, Plus, MagicStick, Document, CircleCheck } from '@element-plus/icons-vue';
 import { ElMessage } from 'element-plus';
 
 interface Emits {
@@ -69,14 +96,12 @@ interface Emits {
 interface Workflow {
 	id: number;
 	name: string;
-	icon: any;
 	prefix: string;
-	editPath: string;
 }
 
 const emit = defineEmits<Emits>();
-const router = useRouter();
 const message = ref('');
+const isFocused = ref(false);
 const selectedSkill = ref('default');
 const selectedWorkflowId = ref<number | null>(null);
 
@@ -87,59 +112,28 @@ const skillLabels: Record<string, string> = {
 	writing: '内容写作',
 };
 
-const currentSkillDisplay = computed(() => {
+const skillPrefixes: Record<string, string> = {
-	return selectedSkill.value === 'default' ? '选择技能' : skillLabels[selectedSkill.value];
-});
-
-const skills: Record<string, string> = {
 	default: '',
 	'code-review': '[技能：代码审查] 请帮我审查下面这段代码，找出潜在问题并给出改进建议：\n',
 	refactor: '[技能：代码重构] 请帮我重构下面这段代码，提升可读性和可维护性：\n',
 	writing: '[技能：内容写作] 请根据下面的需求帮我创作内容：\n',
 };
 
-// 常用工作流列表
 const commonWorkflows: Workflow[] = [
-	{
+	{ id: 1, name: '审查', prefix: '[工作流：审查] 完成后请自动生成单元测试：\n' },
-		id: 1,
+	{ id: 2, name: '文档再编码', prefix: '[工作流：文档再编码] 请先编写接口文档，再实现代码：\n' },
-		name: '审查+测试',
+	{ id: 3, name: '代码重构', prefix: '[工作流：代码重构] 请帮我重构这段代码：\n' },
-		icon: Document,
+	{ id: 4, name: '需求分析', prefix: '[工作流：需求分析] 请帮我分析这个需求并拆解任务：\n' },
-		prefix: '[工作流：审查+测试] 完成后请自动生成单元测试：\n',
-		editPath: '/settings/workflow',
-	},
-	{
-		id: 2,
-		name: '文档再编码',
-		icon: Document,
-		prefix: '[工作流：文档再编码] 请先编写接口文档，再实现代码：\n',
-		editPath: '/settings/workflow',
-	},
-	{
-		id: 3,
-		name: '代码重构',
-		icon: Document,
-		prefix: '[工作流：代码重构] 请帮我重构这段代码：\n',
-		editPath: '/settings/workflow',
-	},
-	{
-		id: 4,
-		name: '需求分析',
-		icon: Document,
-		prefix: '[工作流：需求分析] 请帮我分析这个需求并拆解任务：\n',
-		editPath: '/settings/workflow',
-	},
 ];
 
-const handleSend = (event?: KeyboardEvent) => {
+const handleSend = () => {
-	if (event) event.preventDefault();
 	const msg = message.value.trim();
 	if (!msg) return;
-	const skillPrefix = skills[selectedSkill.value] || '';
+	const skillPrefix = skillPrefixes[selectedSkill.value] || '';
 	const workflowPrefix = selectedWorkflowId.value !== null ? commonWorkflows.find((w) => w.id === selectedWorkflowId.value)?.prefix || '' : '';
 	const finalMessage = (skillPrefix + workflowPrefix + msg).trim();
 	emit('send', finalMessage);
 	message.value = '';
-	// 发送后清空选择
 	selectedWorkflowId.value = null;
 };
 
@@ -147,186 +141,241 @@ const handleAttachment = () => {
 	ElMessage.info('附件上传功能开发中...');
 };
 
-const handleSkillSelect = (key: string | number | object) => {
+const handleSkillSelect = (key: string | number | object | null) => {
-	selectedSkill.value = String(key);
+	selectedSkill.value = String(key ?? 'default');
-	if (selectedSkill.value !== 'default') {
-		ElMessage.success(`已选择技能：${skillLabels[selectedSkill.value]}`);
-	}
 };
 
-const selectWorkflow = (wf: Workflow) => {
+const handleWorkflowSelect = (id: number | null) => {
-	if (selectedWorkflowId.value === wf.id) {
+	selectedWorkflowId.value = id;
-		selectedWorkflowId.value = null;
+};
-		ElMessage.info('已取消工作流');
+
-	} else {
+const toggleWorkflow = (id: number) => {
-		selectedWorkflowId.value = wf.id;
+	selectedWorkflowId.value = selectedWorkflowId.value === id ? null : id;
-		ElMessage.success(`已选择工作流：${wf.name}`);
-	}
 };
 </script>
 
 <style scoped lang="scss">
 .input-shell {
-	position: relative;
+	padding: 0 24px 24px;
-	z-index: 12;
-	margin-top: -20px;
-	padding: 0 0 50px;
 	background: transparent;
 }
 
 .input-card {
-	width: min(1060px, 82%);
+	max-width: 860px;
 	margin: 0 auto;
-	background:
+	background: #fff;
-		linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.94) 100%),
+	border: 1.5px solid #e2e8f0;
-		radial-gradient(120% 180% at 0% 0%, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0) 38%),
+	border-radius: 16px;
-		radial-gradient(80% 120% at 100% 100%, rgba(168, 85, 247, 0.08) 0%, rgba(168, 85, 247, 0) 38%);
+	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.07);
-	border: 1px solid rgba(59, 130, 246, 0.28);
+	transition:
-	border-radius: 20px;
+		border-color 0.2s,
+		box-shadow 0.2s;
+	overflow: hidden;
+
+	&.is-focused {
+		border-color: #93c5fd;
 		box-shadow:
-		0 24px 48px rgba(15, 23, 42, 0.12),
+			0 0 0 3px rgba(59, 130, 246, 0.12),
-		0 0 0 1px rgba(59, 130, 246, 0.08) inset,
+			0 2px 12px rgba(15, 23, 42, 0.07);
-		0 8px 16px rgba(37, 99, 235, 0.1);
+	}
-	padding: 16px 18px 18px;
-	backdrop-filter: blur(16px);
 }
 
+/* 已选标签栏 */
+.selected-tags {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 6px;
+	padding: 10px 14px 0;
+}
+
+.selected-tag {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	padding: 3px 8px 3px 8px;
+	border-radius: 6px;
+	font-size: 12px;
+	font-weight: 500;
+	line-height: 1.4;
+
+	&.workflow-tag {
+		background: #eff6ff;
+		color: #2563eb;
+		border: 1px solid #bfdbfe;
+	}
+
+	&.skill-tag {
+		background: #f5f3ff;
+		color: #7c3aed;
+		border: 1px solid #ddd6fe;
+	}
+
+	.tag-close {
+		margin-left: 2px;
+		cursor: pointer;
+		opacity: 0.6;
+		transition: opacity 0.15s;
+
+		&:hover {
+			opacity: 1;
+		}
+	}
+}
+
+/* 文本域 */
 .message-input {
 	:deep(.el-textarea__inner) {
 		border: none;
 		box-shadow: none;
 		resize: none;
-		padding: 8px 6px 14px;
+		padding: 14px 16px 8px;
 		font-size: 15px;
-		line-height: 1.65;
+		line-height: 1.6;
 		color: #0f172a;
 		background: transparent;
-		min-height: 50px;
+		min-height: 28px !important;
-		font-weight: 500;
 
 		&::placeholder {
-			color: #90a1b7;
+			color: #94a3b8;
 			font-weight: 400;
 		}
 	}
 }
 
+/* 底部工具栏 */
 .input-toolbar {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	gap: 10px;
+	padding: 6px 10px 10px 12px;
-	padding-top: 2px;
 }
 
 .toolbar-left,
 .toolbar-right {
 	display: flex;
 	align-items: center;
-	gap: 10px;
+	gap: 4px;
 }
 
-.tool-btn {
+.tool-icon-btn {
-	width: 32px;
+	display: inline-flex;
-	height: 32px;
+	align-items: center;
-	border: 1px solid #d9e4f5;
+	gap: 4px;
-	color: #5b6b84;
+	height: 30px;
-	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
+	padding: 0 10px;
-	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
+	border: none;
-	transition: all 0.2s ease;
+	border-radius: 8px;
+	background: transparent;
+	color: #64748b;
+	font-size: 13px;
+	font-weight: 500;
+	cursor: pointer;
+	transition:
+		background 0.15s,
+		color 0.15s;
+	outline: none;
+
+	.el-icon {
+		font-size: 15px;
+	}
 
 	&:hover {
-		color: #2b4d8f;
+		background: #f1f5f9;
-		background: linear-gradient(135deg, #f0f7ff 0%, #e0edff 100%);
+		color: #334155;
-		border-color: #bfdbfe;
+	}
-		transform: translateY(-1px);
+
-		box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
+	&.active {
+		background: #eff6ff;
+		color: #2563eb;
 	}
 }
 
-.pill-btn {
+.tool-label {
-	height: 32px;
-	padding: 0 14px;
-	border-radius: 999px;
-	border: 1px solid #dbe7f7;
-	color: #30435f;
-	background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
 	font-size: 12px;
-	font-weight: 600;
-	transition: all 0.2s ease;
-
-	&:hover {
-		background: linear-gradient(135deg, #f0f7ff 0%, #e0edff 100%);
-		border-color: #bfdbfe;
-		color: #1d4ed8;
 }
+
+.hint-text {
+	font-size: 11px;
+	color: #cbd5e1;
+	margin-right: 6px;
+	user-select: none;
 }
 
 .send-btn {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
 	width: 32px;
 	height: 32px;
 	border: none;
-	background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);
+	border-radius: 8px;
+	background: #2563eb;
 	color: #fff;
-	box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);
+	cursor: pointer;
-	transition: all 0.2s ease;
+	transition:
+		background 0.15s,
+		transform 0.1s,
+		opacity 0.15s;
+	outline: none;
+
+	.el-icon {
+		font-size: 16px;
+	}
 
 	&:hover:not(:disabled) {
-		filter: brightness(1.08);
+		background: #1d4ed8;
 		transform: translateY(-1px);
-		box-shadow: 0 8px 20px rgba(59, 130, 246, 0.5);
 	}
 
 	&:disabled {
-		opacity: 0.5;
+		background: #e2e8f0;
-		box-shadow: none;
+		color: #94a3b8;
-		background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);
+		cursor: not-allowed;
+		transform: none;
 	}
 }
 
-/* 工作流胶囊样式 */
+/* 快捷工作流胶囊 */
-.workflow-pills {
+.workflow-shortcuts {
-	margin-top: 12px;
+	max-width: 860px;
-	padding-top: 12px;
+	margin: 10px auto 0;
-	border-top: 1px solid rgba(59, 130, 246, 0.15);
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
 
-.workflow-pill {
+.shortcut-pill {
 	display: inline-flex;
 	align-items: center;
-	gap: 4px;
+	gap: 5px;
-	padding: 4px 10px;
+	height: 28px;
+	padding: 0 12px;
+	border: 1px solid #e2e8f0;
 	border-radius: 999px;
-	border: 1px solid rgba(59, 130, 246, 0.3);
+	background: rgba(255, 255, 255, 0.7);
-	background: rgba(255, 255, 255, 0.6);
-	cursor: pointer;
-	transition: all 0.2s ease;
 	color: #475569;
+	font-size: 12px;
+	font-weight: 500;
+	cursor: pointer;
+	backdrop-filter: blur(4px);
+	transition: all 0.15s;
+	outline: none;
+
+	.el-icon {
+		font-size: 12px;
+	}
 
 	&:hover {
-		border-color: #3b82f6;
+		border-color: #93c5fd;
-		background: rgba(59, 130, 246, 0.08);
+		color: #2563eb;
-		transform: translateY(-1px);
+		background: rgba(239, 246, 255, 0.9);
 	}
 
 	&.active {
 		border-color: #3b82f6;
-		background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
+		background: #2563eb;
-		color: #ffffff;
+		color: #fff;
-		box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
+		box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
-	}
-
-	.pill-icon {
-		font-size: 14px;
-	}
-
-	.pill-text {
-		font-size: 12px;
-		font-weight: 500;
-		line-height: 1.2;
 	}
 }
 </style>

src/views/home/components/Sidebar.vue

@@ -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 = () => {
+const treeProps = { children: 'children', label: 'label' };
-	emit('new-chat');
-};
 
-const handleSelectHistory = (id: number) => {
+const visibleHistory = computed(() => props.historyList);
-	emit('select-history', id);
-};
 
-const handleDeleteHistory = (id: number) => {
+const handleNewChat = () => emit('new-chat');
-	emit('delete-history', id);
+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;
+	padding-bottom: 8px;
-	background: linear-gradient(180deg, rgba(249, 251, 255, 0.5) 0%, rgba(249, 251, 255, 0.9) 100%);
+	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 4px;
-	padding: 0 8px 10px;
+	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>

src/views/home/index.vue

@@ -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: '审查结果.md', content: 'https://placekitten.com/800/600', type: 'text/markdown', timestamp: '' },
-					{ label: '流程图.png', content: 'https://placekitten.com/800/600', type: 'image/png' },
+					{ 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;

src/views/login/component/account.vue

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

src/views/report-engine/apis/index.vue

@@ -1,221 +1,540 @@
-<template>
+<template>
 	<div class="cid-apis-container">
-		<el-card shadow="hover">
+		<el-card shadow="hover"
-			<div class="system-user-search mb15">
+			><el-tabs v-model="tab" @tab-change="onTab"
-				<el-form :model="tableData.param" ref="queryRef" :inline="true" label-width="68px">
+				><el-tab-pane label="平台管理" name="platform"
-					<el-form-item label="关键字" prop="keyword">
+					><el-form ref="pqf" :model="pq" :inline="true" label-width="68px" class="mb15"
-						<el-input
+						><el-form-item label="关键字" prop="keyword"
-							v-model="tableData.param.keyword"
+							><el-input
-							placeholder="请输入接口名称"
+								v-model="pq.keyword"
+								placeholder="请输入平台名称/编码"
 								clearable
-							size="default"
 								style="width: 240px"
-							@keyup.enter.native="getList"
+								@keyup.enter.native="searchPlatform" /></el-form-item
-						/>
+						><el-form-item label="状态" prop="status"
-					</el-form-item>
+							><el-select v-model="pq.status" placeholder="平台状态" clearable style="width: 160px"
-					<el-form-item>
+								><el-option label="启用" value="ACTIVE" /><el-option label="禁用" value="INACTIVE" /></el-select></el-form-item
-						<el-button size="default" type="primary" @click="getList">
+						><el-form-item
-							<el-icon><ele-Search /></el-icon>
+							><el-button type="primary" @click="searchPlatform"
-							查询
+								><el-icon><ele-Search /></el-icon>查询</el-button
-						</el-button>
+							><el-button @click="resetPlatformQuery"
-						<el-button size="default" @click="resetQuery(queryRef)">
+								><el-icon><ele-Refresh /></el-icon>重置</el-button
-							<el-icon><ele-Refresh /></el-icon>
+							><el-button type="success" @click="openPlatform()"
-							重置
+								><el-icon><ele-FolderAdd /></el-icon>新增平台</el-button
-						</el-button>
+							></el-form-item
-						<el-button size="default" type="success" @click="onOpenAdd">
+						></el-form
-							<el-icon><ele-FolderAdd /></el-icon>
+					><el-table :data="platformRows" row-key="id" v-loading="platformLoading"
-							新增接口
+						><el-table-column type="index" label="序号" width="60" /><el-table-column
-						</el-button>
+							prop="platformCode"
-						<el-button size="default" type="danger" @click="onRowDel(null)">
+							label="平台编码"
-							<el-icon><ele-Delete /></el-icon>
+							min-width="140"
-							删除
+							show-overflow-tooltip
-						</el-button>
+						/><el-table-column prop="platformName" label="平台名称" min-width="160" show-overflow-tooltip /><el-table-column
-					</el-form-item>
+							prop="apiBaseUrl"
-				</el-form>
+							label="API地址"
-			</div>
+							min-width="220"
-			<el-table :data="tableData.data" style="width: 100%" @selection-change="handleSelectionChange">
+							show-overflow-tooltip
-				<el-table-column type="selection" width="55" align="center" />
+						/><el-table-column prop="authType" label="认证" width="100" align="center" /><el-table-column
-				<el-table-column type="index" label="序号" width="60" />
+							prop="status"
-				<el-table-column prop="name" label="接口名称" show-overflow-tooltip />
+							label="状态"
-				<el-table-column prop="path" label="接口路径" show-overflow-tooltip />
+							width="90"
-				<el-table-column prop="method" label="请求方式" width="100" align="center" />
+							align="center"
-				<el-table-column prop="datasourceName" label="所属平台" show-overflow-tooltip />
+							><template #default="s"
-				<el-table-column prop="status" label="状态" width="100" align="center">
+								><el-tag size="small" :type="s.row.status === 'ACTIVE' ? 'success' : 'danger'">{{
-					<template #default="scope">
+									s.row.status === 'ACTIVE' ? '启用' : '禁用'
-						<el-tag :type="scope.row.status === 1 ? 'success' : 'danger'" size="small">
+								}}</el-tag></template
-							{{ scope.row.status === 1 ? '启用' : '禁用' }}
+							></el-table-column
-						</el-tag>
+						><el-table-column prop="rateLimitPerMinute" label="限流/分钟" width="110" align="center" /><el-table-column
-					</template>
+							prop="requestTimeoutMs"
-				</el-table-column>
+							label="超时(ms)"
-				<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip />
+							width="110"
-				<el-table-column label="操作" width="180">
+							align="center"
-					<template #default="scope">
+						/><el-table-column label="创建时间" width="170"
-						<el-button size="small" text type="primary" @click="onOpenEdit(scope.row)">修改</el-button>
+							><template #default="s">{{ ft(s.row.createdAt) }}</template></el-table-column
-						<el-button size="small" text type="danger" @click="onRowDel(scope.row)">删除</el-button>
+						><el-table-column label="操作" width="150" fixed="right"
-					</template>
+							><template #default="s"
-				</el-table-column>
+								><el-button size="small" text type="primary" @click="openPlatform(s.row)">修改</el-button
-			</el-table>
+								><el-button size="small" text type="danger" @click="delPlatform(s.row)">删除</el-button></template
-			<pagination
+							></el-table-column
-				v-show="tableData.total > 0"
+						></el-table
-				:total="tableData.total"
+					><pagination :total="platformTotal" v-model:page="pq.pageNum" v-model:limit="pq.pageSize" @pagination="getPlatforms" /></el-tab-pane
-				v-model:page="tableData.param.pageNum"
+				><el-tab-pane label="接口管理" name="api"
-				v-model:limit="tableData.param.pageSize"
+					><el-form ref="aqf" :model="aq" :inline="true" label-width="68px" class="mb15"
-				@pagination="getList"
+						><el-form-item label="关键字" prop="keyword"
-			/>
+							><el-input
-		</el-card>
+								v-model="aq.keyword"
-
+								placeholder="请输入接口名称/编码"
-		<!-- 新增/编辑弹窗 -->
+								clearable
-		<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" :close-on-click-modal="false">
+								style="width: 220px"
-			<el-form ref="formRef" :model="form" :rules="rules" label-width="90px">
+								@keyup.enter.native="searchApi" /></el-form-item
-				<el-form-item label="接口名称" prop="name">
+						><el-form-item label="平台" prop="platformId"
-					<el-input v-model="form.name" placeholder="请输入接口名称" />
+							><el-select v-model="aq.platformId" placeholder="请选择平台" clearable filterable style="width: 180px"
-				</el-form-item>
+								><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="path">
+						><el-form-item label="状态" prop="status"
-					<el-input v-model="form.path" placeholder="请输入接口路径" />
+							><el-select v-model="aq.status" placeholder="状态" clearable style="width: 130px"
-				</el-form-item>
+								><el-option label="启用" value="active" /><el-option label="禁用" value="inactive" /></el-select></el-form-item
-				<el-form-item label="请求方式" prop="method">
+						><el-form-item label="方法" prop="method"
-					<el-select v-model="form.method" style="width: 100%">
+							><el-select v-model="aq.method" placeholder="请求方式" clearable style="width: 130px"
-						<el-option label="GET" value="GET" />
+								><el-option v-for="m in methods" :key="m" :label="m" :value="m" /></el-select></el-form-item
-						<el-option label="POST" value="POST" />
+						><el-form-item
-						<el-option label="PUT" value="PUT" />
+							><el-button type="primary" @click="searchApi"
-						<el-option label="DELETE" value="DELETE" />
+								><el-icon><ele-Search /></el-icon>查询</el-button
-					</el-select>
+							><el-button @click="resetApiQuery"
-				</el-form-item>
+								><el-icon><ele-Refresh /></el-icon>重置</el-button
-				<el-form-item label="所属平台" prop="datasourceId">
+							><el-button type="success" @click="openApi()"
-					<el-input v-model="form.datasourceId" placeholder="请输入所属平台ID" />
+								><el-icon><ele-FolderAdd /></el-icon>新增接口</el-button
-				</el-form-item>
+							></el-form-item
-				<el-form-item label="描述" prop="description">
+						></el-form
-					<el-input v-model="form.description" type="textarea" :rows="3" placeholder="请输入描述" />
+					><el-table :data="apiRows" v-loading="apiLoading"
-				</el-form-item>
+						><el-table-column type="index" label="序号" width="60" /><el-table-column
-				<el-form-item label="状态" prop="status">
+							prop="code"
-					<el-select v-model="form.status" style="width: 100%">
+							label="接口编码"
-						<el-option label="启用" :value="1" />
+							min-width="140"
-						<el-option label="禁用" :value="0" />
+							show-overflow-tooltip
-					</el-select>
+						/><el-table-column prop="name" label="接口名称" min-width="150" show-overflow-tooltip /><el-table-column
-				</el-form-item>
+							prop="url"
-			</el-form>
+							label="URL"
-			<template #footer>
+							min-width="220"
-				<el-button @click="dialog.visible = false">取消</el-button>
+							show-overflow-tooltip
-				<el-button type="primary" @click="onSubmit" :loading="dialog.saving">确定</el-button>
+						/><el-table-column prop="method" label="请求方式" width="100" align="center"
-			</template>
+							><template #default="s"
-		</el-dialog>
+								><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 { onMounted, reactive, ref } from 'vue';
-import { ElMessage, ElMessageBox, FormInstance } from 'element-plus';
+import type { FormInstance, FormRules } from 'element-plus';
-
+import { ElMessage, ElMessageBox } from 'element-plus';
-const queryRef = ref<FormInstance>();
+import { getApiErrorMessage } from '/@/utils/request';
-const formRef = ref<FormInstance>();
+import {
-const ids = ref<string[]>([]);
+	createDatasourcePlatform,
-
+	deleteDatasourcePlatform,
-const tableData = reactive({
+	getDatasourcePlatform,
-	data: [] as any[],
+	listDatasourcePlatforms,
-	total: 0,
+	updateDatasourcePlatform,
-	param: {
+} from '/@/api/cid/datasource';
-		pageNum: 1,
+import {
-		pageSize: 10,
+	createApiInterface,
-		keyword: '',
+	deleteApiInterface,
-	},
+	getApiInterface,
-});
+	listApiInterfaces,
-
+	updateApiInterface,
-const dialog = reactive({
+	type ApiInterfaceInfo,
-	visible: false,
+} from '/@/api/cid/apis';
-	title: '',
+defineOptions({ name: 'cidApis' });
-	saving: false,
+const tab = ref('platform'),
-});
+	methods = ['GET', 'POST', 'PUT', 'DELETE'],
-
+	platforms = ref<any[]>([]),
-const form = reactive({
+	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: '',
+	platformCode: '',
-	path: '',
+	platformName: '',
-	method: 'GET',
-	datasourceId: '',
 	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 daf = () => ({
-const rules = {
+	id: '',
-	name: [{ required: true, message: '请输入接口名称', trigger: 'blur' }],
+	platformId: '',
-	path: [{ required: true, message: '请输入接口路径', trigger: 'blur' }],
+	code: '',
-	method: [{ required: true, message: '请选择请求方式', trigger: 'change' }],
+	name: '',
-};
+	url: '',
-
+	method: 'GET',
-const getList = () => {
+	status: 'active',
-	// TODO: 调用列表接口
+	authType: '',
-};
+	requestConfigText: '{}',
-
+	responseConfigText: '{}',
-const resetQuery = (formEl: FormInstance | undefined) => {
+	limitConfigText: '{}',
-	if (!formEl) return;
+	tableDefinitionText: '{}',
-	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 platformForm = reactive(dpf()),
-
+	apiForm = reactive(daf());
-const onRowDel = (row: any) => {
+const jv = (v: string, cb: (e?: Error) => void, l: string) => {
-	const delIds = row ? [row.id] : ids.value;
+	if (!v) return cb();
-	if (delIds.length === 0) {
+	try {
-		ElMessage.error('请选择要删除的数据');
+		JSON.parse(v);
-		return;
+		cb();
+	} catch {
+		cb(new Error(`${l} 格式错误`));
 	}
-	ElMessageBox.confirm(`确定要删除选中的接口吗？`, '提示', {
-		confirmButtonText: '确定',
-		cancelButtonText: '取消',
-		type: 'warning',
-	})
-		.then(() => {
-			// TODO: 调用删除接口
-			ElMessage.success('删除成功');
-			getList();
-		})
-		.catch(() => {});
 };
-
+const platformRules: FormRules = {
-onMounted(() => {
+	platformCode: [{ required: true, message: '请输入平台编码', trigger: 'blur' }],
-	getList();
+	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>

ssl/minio.redpowerfuture.com.key

@@ -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-----

ssl/minio.redpowerfuture.com.pem

@@ -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-----