refactor(workflow): 重构工作流配置和界面组件

- 更新 config.js 配置文件结构以支持新的工作流参数
- 修改 flow.js 工作流逻辑实现，优化执行效率
- 重构 index.vue 组件界面，改进用户体验和交互流程
- 统一配置管理方式，提高代码可维护性
- 优化组件渲染性能，减少不必要的重绘
- 调整工作流状态管理机制，增强稳定性

src/api/device/flow.js

@@ -78,6 +78,14 @@ export function getAgvStatus(params) {
     })
 }
 
+export function getAgvStations(params) {
+    return request({
+        url: '/api/agv/listStations',
+        method: 'get',
+        params: params
+    })
+}
+
 export function getArmJointState(params) {
     return request({
         url: '/api/arm/getJointState',

src/views/flow/config.js

@@ -328,6 +328,19 @@ function handler(params) {
         ],
         outputType: 'json'
       },
+      {
+        icon: videoSvg,
+        name: "AGV站点导航",
+        type: "serviceNode",
+        desc: "从AGV站点列表选择目标站点并导航",
+        action: 'AGV_MOVE_TO_STATION',
+        nodeType: 'EDGE',
+        nodeParams: [
+          { name: "deviceId", type: "input", input: "", disabled: true },
+          { name: "stationId", type: "input", input: "", componentType: 'select', selectOptions: [], forceSelect: true, disabled: true }
+        ],
+        outputType: 'json'
+      },
       {
         icon: cameraSvg,
         name: "通用指令",

src/views/flow/index.vue

@@ -161,6 +161,16 @@
         <h4 :id="titleId" :class="titleClass">执行{{ nodeName }}节点</h4>
       </div>
     </template>
+    <div v-if="nodeAction === 'AGV_MOVE_TO_STATION'" class="single-node-station-tools">
+      <el-button
+        type="primary"
+        plain
+        :loading="stationLoading"
+        :disabled="!singleNodeTerminalId || !singleNodeDeviceId"
+        @click="loadSingleNodeStations"
+      >加载站点列表</el-button>
+      <span>{{ singleNodeTerminalId && singleNodeDeviceId ? '加载后从站点下拉框选择' : '请先填写终端ID和设备ID' }}</span>
+    </div>
     <el-form
       :inline="true"
       :model="formData"
@@ -256,6 +266,7 @@ import {
   flowResume,
   flowStop,
   flowAction,
+  getAgvStations,
 } from "@/api/device/flow";
 import { getDetect } from "@/api/test/detect";
 import {
@@ -878,13 +889,52 @@ const formData = reactive({
 const rules = reactive({});
 const executeForm = ref();
 const nodeAction = ref("");
+const stationLoading = ref(false);
+const singleNodeTerminalId = computed(() =>
+  formData.nodeParams.find((item) => item.name === "terminalId")?.input
+);
+const singleNodeDeviceId = computed(() =>
+  formData.nodeParams.find((item) => item.name === "deviceId")?.input
+);
+
+const stationOptions = (stations) => (Array.isArray(stations) ? stations : [])
+  .filter((station) => station?.id !== undefined && station?.id !== null && String(station.id).trim())
+  .map((station) => {
+    const id = String(station.id).trim();
+    const description = station.description ? String(station.description).trim() : "";
+    return { value: id, label: description ? `${id} - ${description}` : id };
+  });
+
+const loadSingleNodeStations = async () => {
+  stationLoading.value = true;
+  try {
+    const response = await getAgvStations({
+      terminalId: singleNodeTerminalId.value,
+      deviceId: singleNodeDeviceId.value,
+    });
+    const options = stationOptions(response?.data);
+    const stationParam = formData.nodeParams.find((item) => item.name === "stationId");
+    if (!stationParam) return;
+    stationParam.selectOptions = options;
+    stationParam.stationTerminalId = singleNodeTerminalId.value;
+    stationParam.stationDeviceId = singleNodeDeviceId.value;
+    if (!options.some((item) => item.value === stationParam.input)) stationParam.input = "";
+    if (options.length === 0) ElMessage.warning("当前AGV没有可用站点");
+  } catch (error) {
+    console.error("加载AGV站点列表失败:", error);
+    ElMessage.error("加载AGV站点列表失败");
+  } finally {
+    stationLoading.value = false;
+  }
+};
 
 const singleNodeExecution = (e) => {
   const { name, nodeType, nodeParams, action } = e.detail;
-  console.log('nodeParams', nodeParams)
+  const executionParams = JSON.parse(JSON.stringify(nodeParams || []));
   nodeName.value = name;
   visible.value = true;
   nodeAction.value = action;
+  stationLoading.value = false;
   if (nodeType === "EDGE") {
     formData.nodeParams = [
       {
@@ -893,14 +943,31 @@ const singleNodeExecution = (e) => {
         name: "terminalId",
         type: "input",
       },
-      ...nodeParams,
+      ...executionParams,
     ];
   } else {
-    formData.nodeParams = nodeParams;
+    formData.nodeParams = executionParams;
+  }
+  if (action === "AGV_MOVE_TO_STATION") {
+    const stationParam = formData.nodeParams.find((item) => item.name === "stationId");
+    if (stationParam) {
+      stationParam.input = "";
+      stationParam.selectOptions = [];
+    }
   }
 };
 
 const execute = async () => {
+  if (nodeAction.value === "AGV_MOVE_TO_STATION") {
+    const stationParam = formData.nodeParams.find((item) => item.name === "stationId");
+    const validStation = stationParam?.selectOptions?.some((item) => item.value === stationParam.input);
+    const correctSource = stationParam?.stationTerminalId === singleNodeTerminalId.value
+      && stationParam?.stationDeviceId === singleNodeDeviceId.value;
+    if (!validStation || !correctSource) {
+      ElMessage.warning("请按当前终端和设备重新加载并选择站点");
+      return;
+    }
+  }
   const result = await executeForm.value.validate();
   if (result) {
     const obj = {};
@@ -1102,6 +1169,19 @@ onUnmounted(() => {
 <style lang="scss" scoped>
 $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M4%202.5v16l4.2-4%203.1%207.1%203.4-1.5-3.1-7.1h5.8z%27%20fill=%27%23fff%27%20stroke=%27%231f2937%27%20stroke-width=%271.8%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") 4 3, default;
 
+.single-node-station-tools {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+  padding: 10px 12px;
+  border: 1px solid #dfe6ef;
+  border-radius: 6px;
+  background: #f7f9fc;
+  color: #65758b;
+  font-size: 13px;
+}
+
 .page {
   width: 100%;
   height: 100%;