From 87a01d70fb0f6e17542ba20f885457d04d629759 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?cls=5F=E5=AE=81=E6=B3=A2=E6=9C=AC=E6=9C=BA?=
 <908705107@qq.com>
Date: Thu, 11 Jun 2026 08:51:32 +0800
Subject: [PATCH] Replace online dev home with control center

---
 web/apps/web-ele/src/preferences.ts           |   2 +-
 web/apps/web-ele/src/router/access.ts         |   6 +-
 web/apps/web-ele/src/router/guard.ts          |   2 +-
 .../src/router/routes/modules/ai-platform.ts  |  15 ++
 .../src/views/_core/control-center/index.vue  | 222 ++++++++++++++++++
 .../views/_core/menu/modules/menu-form.vue    |   5 +-
 .../ui-config/modules/app-settings-form.vue   |   6 +-
 7 files changed, 247 insertions(+), 11 deletions(-)
 create mode 100644 web/apps/web-ele/src/views/_core/control-center/index.vue

diff --git a/web/apps/web-ele/src/preferences.ts b/web/apps/web-ele/src/preferences.ts
index f85eb34..110ab8d 100644
--- a/web/apps/web-ele/src/preferences.ts
+++ b/web/apps/web-ele/src/preferences.ts
@@ -16,7 +16,7 @@ export const overridesPreferences = defineOverridesPreferences({
     enablePreferences: false,
     accessMode: 'mixed',
     authPageLayout: 'panel-center',
-    defaultHomePath: '/page-render/main_home',
+    defaultHomePath: '/control-center',
     layout: 'header-sidebar-nav',
   },
   shortcutKeys: {
diff --git a/web/apps/web-ele/src/router/access.ts b/web/apps/web-ele/src/router/access.ts
index 83fb253..a26e20b 100644
--- a/web/apps/web-ele/src/router/access.ts
+++ b/web/apps/web-ele/src/router/access.ts
@@ -79,8 +79,8 @@ function normalizeBackendRoute<
   if (route.name !== 'ControlCenter') return route;
 
   const normalized = { ...route };
-  normalized.path = '/page-render/main_home';
-  normalized.component = 'online-dev/page-render/index';
+  normalized.path = '/control-center';
+  normalized.component = '_core/control-center/index';
   normalized.query = undefined;
   return normalized;
 }
@@ -138,6 +138,7 @@ async function generateAccess(options: GenerateMenuAndRoutesOptions) {
     '../views/_core/announcement/index.vue',
     '../views/_core/announcement/list.vue',
     '../views/_core/authentication/login.vue',
+    '../views/_core/control-center/index.vue',
     '../views/_core/authentication/oauth-callback.vue',
     '../views/_core/fallback/**/*.vue',
     '../views/_core/file-preview/index.vue',
@@ -155,7 +156,6 @@ async function generateAccess(options: GenerateMenuAndRoutesOptions) {
     '../views/ai-platform/workflow/editor/index.vue',
     '../views/ai-platform/workflow/index.vue',
     '../views/ai-platform/workflow-runs/index.vue',
-    '../views/online-dev/page-render/index.vue',
   ]);
 
   const layoutMap: ComponentRecordType = {
diff --git a/web/apps/web-ele/src/router/guard.ts b/web/apps/web-ele/src/router/guard.ts
index 34f2f17..4c943cf 100644
--- a/web/apps/web-ele/src/router/guard.ts
+++ b/web/apps/web-ele/src/router/guard.ts
@@ -191,7 +191,7 @@ function setupAccessGuard(router: Router) {
 
       if (to.path === subAppRootPath) {
         const defaultHome =
-          preferences.app.defaultHomePath || '/page-render/main_home';
+          preferences.app.defaultHomePath || '/control-center';
         // 确保路径包含子应用前缀
         const subAppTargetPath = defaultHome.startsWith(subAppRootPath)
           ? defaultHome
diff --git a/web/apps/web-ele/src/router/routes/modules/ai-platform.ts b/web/apps/web-ele/src/router/routes/modules/ai-platform.ts
index 324f346..7e98bda 100644
--- a/web/apps/web-ele/src/router/routes/modules/ai-platform.ts
+++ b/web/apps/web-ele/src/router/routes/modules/ai-platform.ts
@@ -1,6 +1,21 @@
 import type { RouteRecordRaw } from 'vue-router';
 
 const routes: RouteRecordRaw[] = [
+  {
+    meta: {
+      hideInMenu: true,
+      title: '控制中心',
+    },
+    name: 'ControlCenterStatic',
+    path: '/control-center',
+    component: () => import('#/views/_core/control-center/index.vue'),
+  },
+  {
+    meta: { hideInMenu: true },
+    name: 'LegacyMainHomeRedirect',
+    path: '/page-render/main_home',
+    redirect: '/control-center',
+  },
   {
     meta: { hideInMenu: true },
     name: 'AIKnowledgeLegacyRedirect',
diff --git a/web/apps/web-ele/src/views/_core/control-center/index.vue b/web/apps/web-ele/src/views/_core/control-center/index.vue
new file mode 100644
index 0000000..7171534
--- /dev/null
+++ b/web/apps/web-ele/src/views/_core/control-center/index.vue
@@ -0,0 +1,222 @@
+<script lang="ts" setup>
+import type { DashboardConfig, DashboardWidget } from '#/components/dashboard-design';
+
+import { ElScrollbar } from 'element-plus';
+
+import DashboardRenderer from '#/components/dashboard-design/DashboardRenderer.vue';
+
+defineOptions({ name: 'ControlCenter' });
+
+type QuickLink = null | {
+  bgColor: string;
+  icon: string;
+  id: string;
+  path: string;
+  title: string;
+};
+
+const AI_LINKS: QuickLink[] = [
+  {
+    bgColor: '',
+    icon: 'lucide:square-user',
+    id: 'ai-agent',
+    path: '/ai-platform/agent',
+    title: '智能体',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:workflow',
+    id: 'ai-workflow',
+    path: '/ai-platform/workflow',
+    title: '流程编排',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:library-big',
+    id: 'ai-knowledge',
+    path: '/ai-platform/knowledge-base',
+    title: '知识库',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:settings',
+    id: 'ai-model',
+    path: '/ai-platform/model',
+    title: '模型配置',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:code',
+    id: 'codex',
+    path: '/agent-chat/codex',
+    title: 'Codex',
+  },
+  null,
+];
+
+const ADMIN_LINKS: QuickLink[] = [
+  {
+    bgColor: '',
+    icon: 'lucide:users',
+    id: 'system-user',
+    path: '/system/user',
+    title: '用户管理',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:shield-check',
+    id: 'system-role',
+    path: '/system/role',
+    title: '角色权限',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:key-round',
+    id: 'system-permission',
+    path: '/system/new-permission',
+    title: '权限管理',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:menu',
+    id: 'system-menu',
+    path: '/system/menu',
+    title: '菜单管理',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:megaphone',
+    id: 'announcement',
+    path: '/message/announcement',
+    title: '公告管理',
+  },
+  {
+    bgColor: '',
+    icon: 'lucide:message-square-text',
+    id: 'message-list',
+    path: '/message/list',
+    title: '消息中心',
+  },
+];
+
+function widget(
+  id: string,
+  type: DashboardWidget['type'],
+  layout: Pick<DashboardWidget, 'h' | 'w' | 'x' | 'y'>,
+  props: Record<string, any>,
+): DashboardWidget {
+  return {
+    id,
+    i: id,
+    type,
+    ...layout,
+    props,
+    style: {
+      borderRadius: 8,
+      padding: 0,
+      shadowEnabled: true,
+    },
+  };
+}
+
+const dashboardConfig: DashboardConfig = {
+  id: 'control-center',
+  name: '控制中心',
+  columns: 12,
+  rowHeight: 90,
+  margin: [12, 12],
+  showOuterMargin: false,
+  widgets: [
+    widget(
+      'welcome',
+      'welcome-card',
+      { x: 0, y: 0, w: 8, h: 1 },
+      {
+        title: '欢迎回来罗',
+        subtitle: '今天是个好日子',
+        showTime: true,
+      },
+    ),
+    widget(
+      'weather',
+      'weather',
+      { x: 8, y: 0, w: 4, h: 1 },
+      {
+        title: '今日天气',
+        latitude: 39.9042,
+        longitude: 116.4074,
+        cityName: '北京',
+        refreshInterval: 600_000,
+      },
+    ),
+    widget(
+      'ai-links',
+      'quick-links',
+      { x: 0, y: 1, w: 4, h: 2 },
+      {
+        title: 'AI 协作',
+        columns: 3,
+        rows: 2,
+        menus: AI_LINKS,
+      },
+    ),
+    widget(
+      'admin-links',
+      'quick-links',
+      { x: 4, y: 1, w: 4, h: 2 },
+      {
+        title: '基础管理',
+        columns: 3,
+        rows: 2,
+        menus: ADMIN_LINKS,
+      },
+    ),
+    widget(
+      'announcements',
+      'announcement-list',
+      { x: 8, y: 1, w: 4, h: 2 },
+      {
+        title: '最新公告',
+        limit: 5,
+      },
+    ),
+    widget(
+      'server-monitor',
+      'server-monitor',
+      { x: 0, y: 3, w: 8, h: 2 },
+      {
+        title: '服务器信息',
+        refreshInterval: 5000,
+      },
+    ),
+    widget(
+      'messages',
+      'notice-list',
+      { x: 8, y: 3, w: 4, h: 2 },
+      {
+        title: '消息通知',
+        limit: 5,
+      },
+    ),
+    widget(
+      'quick-links',
+      'quick-links',
+      { x: 0, y: 5, w: 4, h: 2 },
+      {
+        title: '快捷入口',
+        columns: 3,
+        rows: 2,
+        menus: AI_LINKS,
+      },
+    ),
+  ],
+};
+</script>
+
+<template>
+  <ElScrollbar class="rounded-[8px] py-3">
+    <div class="h-[calc(100vh-120px)] rounded-[8px] px-3">
+      <DashboardRenderer :config="dashboardConfig" />
+    </div>
+  </ElScrollbar>
+</template>
diff --git a/web/apps/web-ele/src/views/_core/menu/modules/menu-form.vue b/web/apps/web-ele/src/views/_core/menu/modules/menu-form.vue
index 8b167d2..780a2c8 100644
--- a/web/apps/web-ele/src/views/_core/menu/modules/menu-form.vue
+++ b/web/apps/web-ele/src/views/_core/menu/modules/menu-form.vue
@@ -99,6 +99,7 @@ const componentKeys: string[] = Object.keys(
     '../../../_core/announcement/list.vue',
     '../../../_core/authentication/login.vue',
     '../../../_core/authentication/oauth-callback.vue',
+    '../../../_core/control-center/index.vue',
     '../../../_core/fallback/**/*.vue',
     '../../../_core/menu/index.vue',
     '../../../_core/permission/index.vue',
@@ -113,15 +114,13 @@ const componentKeys: string[] = Object.keys(
     '../../../ai-platform/workflow/editor/index.vue',
     '../../../ai-platform/workflow/index.vue',
     '../../../ai-platform/workflow-runs/index.vue',
-    '../../../online-dev/page-render/index.vue',
   ]),
 )
   .filter((item) => !item.includes('/modules/'))
   .map((v) => {
     const path = v
       .replace('../../../_core/', '/_core/')
-      .replace('../../../ai-platform/', '/ai-platform/')
-      .replace('../../../online-dev/', '/online-dev/');
+      .replace('../../../ai-platform/', '/ai-platform/');
     return path.endsWith('.vue') ? path.slice(0, -4) : path;
   });
 
diff --git a/web/apps/web-ele/src/views/_core/ui-config/modules/app-settings-form.vue b/web/apps/web-ele/src/views/_core/ui-config/modules/app-settings-form.vue
index 1486fdb..3935696 100644
--- a/web/apps/web-ele/src/views/_core/ui-config/modules/app-settings-form.vue
+++ b/web/apps/web-ele/src/views/_core/ui-config/modules/app-settings-form.vue
@@ -53,7 +53,7 @@ const appDynamicTitle = ref(true);
 const appWatermark = ref(false);
 const appWatermarkContent = ref('');
 const appEnableCheckUpdates = ref(true);
-const appDefaultHomePath = ref('/page-render/main_home');
+const appDefaultHomePath = ref('/control-center');
 const appEnablePreferences = ref(true);
 
 const footerEnable = ref(true);
@@ -106,7 +106,7 @@ function getDefaultConfig() {
       defaultHomePath:
         overrides.app?.defaultHomePath ||
         preferences.app.defaultHomePath ||
-        '/page-render/main_home',
+        '/control-center',
       enablePreferences: overrides.app?.enablePreferences ?? true,
     },
     footer: {
@@ -233,7 +233,7 @@ async function loadConfig() {
 
 // 获取带子应用前缀的首页路径
 function getDefaultHomePathWithPrefix(): string {
-  const path = appDefaultHomePath.value || '/page-render/main_home';
+  const path = appDefaultHomePath.value || '/control-center';
   const appCode = appContextStore.appCode;
   // 如果是子应用模式且路径不包含子应用前缀，自动添加
   if (appCode && !path.startsWith(`/app/${appCode}`)) {