diff --git a/src/renderer/src/config/designControl.ts b/src/renderer/src/config/designControl.ts
index e7ca7d3..1e593f9 100644
--- a/src/renderer/src/config/designControl.ts
+++ b/src/renderer/src/config/designControl.ts
@@ -1,3 +1,11 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2025-07-14 13:45:30
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2025-07-17 16:21:20
+ * @FilePath: \Robot-Al-Platform-Web\src\renderer\src\config\designControl.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import SaveIcon from '@/assets/images/navBar/save.png'
 import PrevIcon from '@/assets/images/navBar/prev.png'
 import NextIcon from '@/assets/images/navBar/next.png'
@@ -28,12 +36,12 @@ export const navControlsConf: ControlsItemType[] = [
   {
     icon: PrevIcon,
     text: '上一步',
-    type: 'prev'
+    type: 'undo'
   },
   {
     icon: NextIcon,
     text: '下一步',
-    type: 'next'
+    type: 'redo'
   },
   {
     icon: LockIcon,
diff --git a/src/renderer/src/views/Design/Controls/navCtrl.vue b/src/renderer/src/views/Design/Controls/navCtrl.vue
index d31c611..2c120ac 100644
--- a/src/renderer/src/views/Design/Controls/navCtrl.vue
+++ b/src/renderer/src/views/Design/Controls/navCtrl.vue
@@ -2,7 +2,7 @@
  * @Author: donghao donghao@supervision.ltd
  * @Date: 2025-07-03 10:36:38
  * @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-07-14 14:06:04
+ * @LastEditTime: 2025-07-17 16:20:55
  * @FilePath: \Robot-Al-Platform-Web\src\renderer\src\views\Design\Controls\navCtrl.vue
  * @Description: 顶部操作栏
 -->
@@ -30,15 +30,18 @@ defineOptions({
   name: 'NavBar'
 })
 
-const emit = defineEmits(['design-flow'])
+const emit = defineEmits(['design-flow', 'nav-control'])
 
 const handleClick = (record: ControlsItemType) => {
   switch (record?.type) {
+    case 'save': // 特殊事件处理
+    case 'undo': // 特殊事件处理
+    case 'redo': // 特殊事件处理
     case 'lock': // 特殊事件处理
       emit('design-flow', { ...record })
       break
     default:
-      emit('design-flow', { ...record })
+      emit('nav-control', { ...record })
       break
   }
 }
diff --git a/src/renderer/src/views/Design/index.vue b/src/renderer/src/views/Design/index.vue
index 065f29f..b2f701b 100644
--- a/src/renderer/src/views/Design/index.vue
+++ b/src/renderer/src/views/Design/index.vue
@@ -14,7 +14,7 @@
         @open-log="handleSystemClick"
         @system-click="handleSystemClick"
       />
-      <NavCtrl @design-flow="handleNavClick" />
+      <NavCtrl @design-flow="handleDesignFlow" @nav-control="handleNavClick" />
     </div>
     <div class="flex design-content">
       <!-- 侧边栏--流程操作 -->
@@ -95,6 +95,12 @@ const handleNavClick = (command: any) => {
     isOpenControllerManagement.value = true
   }
 }
+
+// 流程图关联操作
+const logicFlowRef = ref(null)
+const handleDesignFlow = (record) => {
+  logicFlowRef.value.initDesignFlow(record)
+}
 </script>
 <style scoped>
 .design-main-container {