From 0135fbc4744738ef367527d05c4c428540d91956 Mon Sep 17 00:00:00 2001
From: 18086616529 <344820985@qq.com>
Date: Wed, 10 Jun 2026 09:21:04 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E4=BB=BB=E5=8A=A1=E7=BC=96?=
 =?UTF-8?q?=E6=8E=92=E6=BB=9A=E5=8A=A8=E6=9D=A1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/workflow/NodePalette.vue   |  5 +-
 .../components/workflow/WorkflowEditor.vue    |  6 +-
 .../src/views/admin/MissionEditorView.vue     | 31 +++++++++
 .../src/views/admin/OrchestrationView.vue     | 67 +++++++++++++++++++
 .../src/workflow/assignCarParams.ts           | 14 ++--
 .../src/workflow/nodeCatalog.ts               |  2 +-
 .../src/workflow/workflowUtils.ts             | 13 ++--
 7 files changed, 122 insertions(+), 16 deletions(-)
 create mode 100644 frontends/apps/simple-platform-vue/src/views/admin/MissionEditorView.vue
 create mode 100644 frontends/apps/simple-platform-vue/src/views/admin/OrchestrationView.vue

diff --git a/frontends/apps/simple-platform-vue/src/components/workflow/NodePalette.vue b/frontends/apps/simple-platform-vue/src/components/workflow/NodePalette.vue
index 20534b6..8e14e3b 100644
--- a/frontends/apps/simple-platform-vue/src/components/workflow/NodePalette.vue
+++ b/frontends/apps/simple-platform-vue/src/components/workflow/NodePalette.vue
@@ -75,8 +75,9 @@ function onDragStart(e: DragEvent, type: string) {
 
 <style scoped>
 .node-palette {
-  height: 100%;
-  overflow: auto;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
   padding: 10px;
   box-sizing: border-box;
 }
diff --git a/frontends/apps/simple-platform-vue/src/components/workflow/WorkflowEditor.vue b/frontends/apps/simple-platform-vue/src/components/workflow/WorkflowEditor.vue
index 94e9399..d5a0223 100644
--- a/frontends/apps/simple-platform-vue/src/components/workflow/WorkflowEditor.vue
+++ b/frontends/apps/simple-platform-vue/src/components/workflow/WorkflowEditor.vue
@@ -34,7 +34,9 @@
           @delete="onDeleteWorkflow"
         />
         <div class="wf-panel-title">控件库</div>
-        <NodePalette class="wf-palette-body" />
+        <div class="wf-palette-body">
+          <NodePalette />
+        </div>
       </aside>
 
       <main class="wf-panel wf-panel-center">
@@ -657,6 +659,8 @@ async function onClearCanvas() {
   flex: 1;
   min-height: 0;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .wf-panel-center {
   flex: 1;
diff --git a/frontends/apps/simple-platform-vue/src/views/admin/MissionEditorView.vue b/frontends/apps/simple-platform-vue/src/views/admin/MissionEditorView.vue
new file mode 100644
index 0000000..69f0de0
--- /dev/null
+++ b/frontends/apps/simple-platform-vue/src/views/admin/MissionEditorView.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="mission-page">
+    <ReflectionManagerPanel
+      kind="process"
+      kind-label="任务"
+      title="任务编排（Mission / 进程，含插件 MissionType 实例化）"
+      empty-text="当前没有任务；点击右上角「新建任务」从已加载的 MissionType 中选一个实例化。"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * /admin/missions 路由的页面入口。
+ *
+ * 由于「任务」与「进程」在后端 ReflectionApiController 共用 kind=process / mission
+ * （UiDiscoveryCache.MissionCreatableTypes 同源），这里直接用 ReflectionManagerPanel
+ * 接入，按下「新建任务」会列出所有 MissionType 子类（含 taskflow / trigger）。
+ *
+ * 旧版本的 DataTablePro + listMissions mock 已经下线，所有数据走 SimpleLite 反射 API。
+ */
+import ReflectionManagerPanel from '@/components/reflection/ReflectionManagerPanel.vue'
+</script>
+
+<style scoped>
+.mission-page {
+  height: calc(100vh - 56px);
+  padding: 12px 14px;
+  box-sizing: border-box;
+}
+</style>
diff --git a/frontends/apps/simple-platform-vue/src/views/admin/OrchestrationView.vue b/frontends/apps/simple-platform-vue/src/views/admin/OrchestrationView.vue
new file mode 100644
index 0000000..ebd8c27
--- /dev/null
+++ b/frontends/apps/simple-platform-vue/src/views/admin/OrchestrationView.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="orchestration-page">
+    <el-tabs v-model="tab" class="orch-tabs" type="border-card" @tab-change="onTabChange">
+      <el-tab-pane label="车辆" name="cars">
+        <CarPanelView v-if="tab === 'cars'" />
+      </el-tab-pane>
+      <el-tab-pane label="进程" name="process">
+        <MissionEditorView v-if="tab === 'process'" />
+      </el-tab-pane>
+      <el-tab-pane label="脚本" name="script">
+        <ReflectionKindTable
+          v-if="tab === 'script'"
+          kind="script"
+          empty-text="脚本（继承 CarProgram 的子类型）未发现可暴露条目"
+        />
+      </el-tab-pane>
+      <el-tab-pane label="任务流" name="taskflow">
+        <ReflectionKindTable
+          v-if="tab === 'taskflow'"
+          kind="mission"
+          extra-filter="taskflow"
+          empty-text="未发现任务流条目"
+        />
+      </el-tab-pane>
+      <el-tab-pane label="触发器" name="trigger">
+        <ReflectionKindTable
+          v-if="tab === 'trigger'"
+          kind="mission"
+          extra-filter="trigger"
+          empty-text="未发现触发器条目"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import CarPanelView from '@/views/admin/CarPanelView.vue'
+import MissionEditorView from '@/views/admin/MissionEditorView.vue'
+import ReflectionKindTable from '@/components/orchestration/ReflectionKindTable.vue'
+
+const tab = ref<'cars' | 'process' | 'script' | 'taskflow' | 'trigger'>('cars')
+
+function onTabChange(name: string | number) {
+  tab.value = name as typeof tab.value
+}
+
+onMounted(() => {
+  const cached = sessionStorage.getItem('orchestration.tab')
+  if (cached) tab.value = cached as typeof tab.value
+})
+</script>
+
+<style scoped>
+.orchestration-page {
+  height: calc(100vh - 56px);
+  padding: 12px;
+}
+.orch-tabs {
+  height: 100%;
+}
+.orch-tabs :deep(.el-tabs__content) {
+  height: calc(100% - 40px);
+  overflow: auto;
+}
+</style>
diff --git a/frontends/apps/simple-platform-vue/src/workflow/assignCarParams.ts b/frontends/apps/simple-platform-vue/src/workflow/assignCarParams.ts
index a4adff3..88ef76e 100644
--- a/frontends/apps/simple-platform-vue/src/workflow/assignCarParams.ts
+++ b/frontends/apps/simple-platform-vue/src/workflow/assignCarParams.ts
@@ -1,12 +1,12 @@
 import type { ParamFieldDef } from '@/types/workflow'
 
 export const ASSIGN_STRATEGY_OPTIONS = [
-  { label: '指定车辆', value: 'fixed' },
-  { label: '指定类型', value: 'byType' }
+  { label: '指定车辆', value: 'carId' },
+  { label: '指定类型', value: 'carType' }
 ] as const
 
-const FIXED = { key: 'strategy', equals: 'fixed' as const }
-const BY_TYPE = { key: 'strategy', equals: 'byType' as const }
+const BY_CAR_ID = { key: 'strategy', equals: 'carId' as const }
+const BY_CAR_TYPE = { key: 'strategy', equals: 'carType' as const }
 
 /** 分配车辆：指定车辆 / 指定类型 */
 export function assignCarParams(): ParamFieldDef[] {
@@ -16,7 +16,7 @@ export function assignCarParams(): ParamFieldDef[] {
       label: '分配策略',
       type: 'select',
       required: true,
-      defaultValue: 'fixed',
+      defaultValue: 'carId',
       options: [...ASSIGN_STRATEGY_OPTIONS]
     },
     {
@@ -25,7 +25,7 @@ export function assignCarParams(): ParamFieldDef[] {
       type: 'string',
       required: true,
       placeholder: '如 C01',
-      when: FIXED
+      when: BY_CAR_ID
     },
     {
       key: 'carType',
@@ -33,7 +33,7 @@ export function assignCarParams(): ParamFieldDef[] {
       type: 'string',
       required: true,
       placeholder: '如 Forklift / SimpleLite.RCS.Cars.AgvCar',
-      when: BY_TYPE
+      when: BY_CAR_TYPE
     }
   ]
 }
diff --git a/frontends/apps/simple-platform-vue/src/workflow/nodeCatalog.ts b/frontends/apps/simple-platform-vue/src/workflow/nodeCatalog.ts
index b581553..e7a23e6 100644
--- a/frontends/apps/simple-platform-vue/src/workflow/nodeCatalog.ts
+++ b/frontends/apps/simple-platform-vue/src/workflow/nodeCatalog.ts
@@ -132,7 +132,7 @@ export const DEMO_WORKFLOW: WorkflowDefinition = {
   viewport: { x: 0, y: 0, zoom: 1 },
   nodes: [
     { id: 'n1', type: 'start', label: '开始', position: { x: 60, y: 200 }, params: {} },
-    { id: 'n2', type: 'assignCar', label: '分配车辆', position: { x: 240, y: 180 }, params: { strategy: 'fixed', carId: 'C01' } },
+    { id: 'n2', type: 'assignCar', label: '分配车辆', position: { x: 240, y: 180 }, params: { strategy: 'carId', carId: 'C01' } },
     { id: 'n3', type: 'gotoSite', label: '前往入库点', position: { x: 460, y: 180 }, params: { siteId: 'S001' } },
     {
       id: 'n4',
diff --git a/frontends/apps/simple-platform-vue/src/workflow/workflowUtils.ts b/frontends/apps/simple-platform-vue/src/workflow/workflowUtils.ts
index 43079af..5b150dd 100644
--- a/frontends/apps/simple-platform-vue/src/workflow/workflowUtils.ts
+++ b/frontends/apps/simple-platform-vue/src/workflow/workflowUtils.ts
@@ -72,8 +72,10 @@ export const WORKFLOW_CATALOG_VERSION = 3
 export const WORKFLOW_EDITOR_STORAGE_KEY = 'workflowEditor.draft'
 
 const DEPRECATED_ASSIGN_STRATEGY: Record<string, string> = {
-  nearest: 'fixed',
-  idle: 'byType'
+  nearest: 'carId',
+  idle: 'carType',
+  fixed: 'carId',
+  byType: 'carType'
 }
 
 function isFieldVisible(field: ParamFieldDef, params: Record<string, unknown>): boolean {
@@ -268,11 +270,12 @@ export function attachNextIds(
   })
 }
 
-/** 导出用：附带 nextId 的流程快照 */
+/** 导出用：附带 nextId 的流程快照（params 按当前控件 schema 规范化） */
 export function workflowForExport(def: WorkflowDefinition): WorkflowDefinition {
+  const normalized = normalizeWorkflow(def)
   return {
-    ...def,
-    nodes: attachNextIds(def.nodes, def.edges)
+    ...normalized,
+    nodes: attachNextIds(normalized.nodes, normalized.edges)
   }
 }