diff --git a/src/pages/workbench/app_build.vue b/src/pages/workbench/component-center/app-build/app_build.vue
similarity index 100%
rename from src/pages/workbench/app_build.vue
rename to src/pages/workbench/component-center/app-build/app_build.vue
diff --git a/src/pages/workbench/intelligent_appbuilder.vue b/src/pages/workbench/component-center/intelligent-drawing/intelligent_appbuilder.vue
similarity index 100%
rename from src/pages/workbench/intelligent_appbuilder.vue
rename to src/pages/workbench/component-center/intelligent-drawing/intelligent_appbuilder.vue
diff --git a/src/pages/workbench/intelligent_details.vue b/src/pages/workbench/component-center/intelligent-drawing/intelligent_details.vue
similarity index 100%
rename from src/pages/workbench/intelligent_details.vue
rename to src/pages/workbench/component-center/intelligent-drawing/intelligent_details.vue
diff --git a/src/pages/workbench/intelligent_drawing.vue b/src/pages/workbench/component-center/intelligent-drawing/intelligent_drawing.vue
similarity index 100%
rename from src/pages/workbench/intelligent_drawing.vue
rename to src/pages/workbench/component-center/intelligent-drawing/intelligent_drawing.vue
diff --git a/src/pages/workbench/component-center/process-designer/process-designer-detail.vue b/src/pages/workbench/component-center/process-designer/process-designer-detail.vue
new file mode 100644
index 0000000000000000000000000000000000000000..43b3614490e8ef594e675276504db99721a76d94
--- /dev/null
+++ b/src/pages/workbench/component-center/process-designer/process-designer-detail.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    detail
+  </div>
+</template>
diff --git a/src/pages/workbench/component-center/process-designer/process-designer-list.vue b/src/pages/workbench/component-center/process-designer/process-designer-list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1faa7b96ab41761c1cc6a635b245a73edd979314
--- /dev/null
+++ b/src/pages/workbench/component-center/process-designer/process-designer-list.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    list
+  </div>
+</template>
diff --git a/src/router/index.js b/src/router/index.js
index 50ae1a1747b82b562313f63d535c18a034a8356a..a7bd8d415a04e97033876be479f5a5d8e021b2b6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -235,23 +235,33 @@ export default new Router({
         {
           path: "/app_build",
           name: "app_build",
-          component: () => import("@/pages/workbench/app_build"),
+          component: () => import("@/pages/workbench/component-center/app-build/app_build"),
         }, // 应用构建（镜像形式）
         {
           path: "/intelligent_drawing",
           name: "intelligent_drawing",
-          component: () => import("@/pages/workbench/intelligent_drawing"),
+          component: () => import("@/pages/workbench/component-center/intelligent-drawing/intelligent_drawing"),
         }, // 智能制图
         {
           path: "/intelligent_details",
           name: "intelligent_details",
-          component: () => import("@/pages/workbench/intelligent_details"),
+          component: () => import("@/pages/workbench/component-center/intelligent-drawing/intelligent_details"),
         }, // 智能制图--详情页面
         {
           path: "/intelligent_appbuilder",
           name: "intelligent_appbuilder",
-          component: () => import("@/pages/workbench/intelligent_appbuilder"),
+          component: () => import("@/pages/workbench/component-center/intelligent-drawing/intelligent_appbuilder"),
         }, // 智能制图--应用程序页面
+        {
+          path: "/process_designer",
+          name: "process_designer",
+          component: () => import("@/pages/workbench/component-center/process-designer/process-designer-list"),
+        }, // 流程设计--列表
+        {
+          path: "/process_designer_detail",
+          name: "process_designer_detail",
+          component: () => import("@/pages/workbench/component-center/process-designer/process-designer-detail"),
+        }, // 流程设计--详情
         {
           path: "/search_engine",
           name: "search_act",