feat: 完成提交任务页面布局

src/router/index.ts

@@ -16,7 +16,7 @@ import Demo from "@/views/demo";
 import ProjectSetting from "@/views/Project/ProjectSetting";
 import ProjectData from "@/views/Project/ProjectData";
 import ProjectWorkbench from "@/views/Project/ProjectWorkbench";
-
+import ProjectSubmitWork from "@/views/Project/ProjectSubmitWork";
 
 export type route = {
   id?: string;
@@ -51,7 +51,8 @@ export const elements: {
   Demo: Demo,
   ProjectSetting: ProjectSetting,
   ProjectData: ProjectData,
-  ProjectWorkbench:ProjectWorkbench
+  ProjectWorkbench: ProjectWorkbench,
+  ProjectSubmitWork: ProjectSubmitWork,
 };
 
 export const routes: Array<route | navigate> = [

src/views/Project/ProjectSubmitWork/ConfigForm/index.tsx

+const ConfigForm = () => {
+  return <div>form</div>;
+};
+
+export default ConfigForm;

src/views/Project/ProjectSubmitWork/WorkFlow/index.tsx

+const WorkFlow = () => {
+  return <div>flow</div>;
+};
+
+export default WorkFlow;

src/views/Project/ProjectSubmitWork/index.module.css

+.swBox {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: RGBA(247, 248, 250, 1);
+  overflow-y: scroll;
+}
+.swHeader {
+  position: sticky;
+  top: 0;
+  height: 56px;
+  background-color: #fff;
+  box-shadow: 0px 3px 10px 0px rgba(0, 24, 57, 0.04);
+}
+.swContent {
+  display: flex;
+}
+.swFormBox {
+  background-color: #fff;
+  border-right: 1xp solid rgba(235, 237, 240, 1);
+  width: 608px;
+  box-sizing: border-box;
+  padding: 36px;
+  height: 2000px;
+}
+.swFlowBox {
+  flex: 1;
+}

src/views/Project/ProjectSubmitWork/index.tsx

+import { useState } from "react";
+import styles from "./index.module.css";
+import { templateConfigJson } from "./mock";
+import ConfigForm from "./ConfigForm";
+import WorkFlow from "./WorkFlow";
+
+const ProjectSubmitWork = () => {
+  const [templateConfigInfo, setTemplateConfigInfo] =
+    useState(templateConfigJson);
+  return (
+    <div className={styles.swBox}>
+      <div className={styles.swHeader}>头部</div>
+      <div className={styles.swContent}>
+        <div className={styles.swFormBox}>
+          <ConfigForm />
+        </div>
+        <div className={styles.swFlowBox}>
+          <WorkFlow />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ProjectSubmitWork;

src/views/Project/ProjectSubmitWork/mock.ts

+export const templateConfigJson = {
+  id: "模板ID",
+  title: "Docking兼分子结合自由能计算",
+  version: "1.0.0",
+  updateTime: "",
+  description:
+    "这是一段模板描述这是一段模板描述这是一段模板描述这是一段模板描述这是一段模板描述这是一段模板描述",
+  language: "WDL",
+  languageVersion: "1.0",
+  tags: ["Docking", "Gromax"],
+  source: "BASE64_ENCODED_WDL/CWL",
+  Apps: [
+    {
+      id: "批式算子ID1",
+      title: "Docking(Vina)",
+      description: "这是一段批式算子描述这是一段批式算子描述",
+      position: {
+        x: 0,
+        y: 0,
+      },
+      type: "batch",
+      parentNode: "",
+      // "hasChildren":false  用于区分该批式算子内是否有流式算子，因为有与没有的流程图样式是不一样的，这个字段由前端自行判断添加
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "selected":false 前端自行生成，判断该算子是否被选中
+        parameters: [],
+      },
+      edges: [],
+    },
+    {
+      id: "流式算子ID1",
+      title: "RecordFileReader",
+      description:
+        "这是一段RecordFileReader算子描述这是一段RecordFileReader算子描述",
+      position: {
+        x: 100,
+        y: 50,
+      },
+      type: "flow",
+      parentNode: "批式算子ID1",
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "completed":false 前端自行生成，判断该算子内参数是否全部填写完成
+        parameters: [
+          {
+            hidden: false,
+            id: "",
+            name: "path",
+            required: true,
+            domType: "pathSelect",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "raw",
+            required: false,
+            domType: "radio",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "booleanParameter",
+            value: "false",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [
+              {
+                key: "true",
+                value: "true",
+              },
+              {
+                key: "false",
+                value: "false",
+              },
+            ],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "sep",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "contains_sep",
+            required: false,
+            domType: "radio",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "booleanParameter",
+            value: "false",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [
+              {
+                key: "true",
+                value: "true",
+              },
+              {
+                key: "false",
+                value: "false",
+              },
+            ],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "encoding",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "UTF-8",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "chunk_size",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1000",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "compression",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "cpus",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "ntasks",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "partition",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "c-4-1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "parallelism",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "流式算子1出口A",
+            name: "out",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordOutputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+        ],
+      },
+      edges: [
+        {
+          id: "",
+          source: "流式算子ID1",
+          sourceHandle: "流式算子1出口A",
+          target: "流式算子ID2",
+          targetHandle: "流式算子2入口A",
+        },
+      ],
+    },
+    {
+      id: "流式算子ID2",
+      title: "standard",
+      description: "这是一段standard算子描述这是一段standard算子描述",
+      position: {
+        x: 100,
+        y: 100,
+      },
+      type: "flow",
+      parentNode: "批式算子ID1",
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "completed":false 前端自行生成，判断该算子内参数是否全部填写完成
+        parameters: [
+          {
+            hidden: true,
+            id: "流式算子2入口A",
+            name: "in",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordIntputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "cpus",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "ntasks",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "4",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "partition",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "c-4-1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "parallelism",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "6",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "流式算子2出口A",
+            name: "out",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordOutputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+        ],
+      },
+      edges: [
+        {
+          id: "",
+          source: "流式算子ID2",
+          sourceHandle: "流式算子2出口A",
+          target: "流式算子ID3",
+          targetHandle: "流式算子3入口A",
+        },
+      ],
+    },
+    {
+      id: "流式算子ID3",
+      title: "docking",
+      description: "这是一段docking算子描述这是一段docking算子描述",
+      position: {
+        x: 100,
+        y: 150,
+      },
+      type: "flow",
+      parentNode: "批式算子ID1",
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "completed":false 前端自行生成，判断该算子内参数是否全部填写完成
+        parameters: [
+          {
+            hidden: true,
+            id: "流式算子3入口A",
+            name: "in",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordInputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "receptor",
+            required: true,
+            domType: "fileSelect",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "fileParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "core_num",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "centerX",
+            required: true,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "centerY",
+            required: true,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "centerZ",
+            required: true,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "boxSizeX",
+            required: true,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "boxSizeY",
+            required: true,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "boxSizeZ",
+            required: true,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "poses_num",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "9",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "verbosity",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "exhaustiveness",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "cpus",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "ntasks",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "4",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "partition",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "c-4-1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "parallelism",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "6",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "流式算子3出口A",
+            name: "out",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordOutputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+        ],
+      },
+      edges: [
+        {
+          id: "",
+          source: "流式算子ID3",
+          sourceHandle: "流式算子3出口A",
+          target: "流式算子ID4",
+          targetHandle: "流式算子4入口A",
+        },
+        {
+          id: "",
+          source: "流式算子ID3",
+          sourceHandle: "流式算子3出口A",
+          target: "流式算子ID5",
+          targetHandle: "流式算子5入口A",
+        },
+      ],
+    },
+    {
+      id: "流式算子ID4",
+      title: "HitList",
+      description: "这是一段HitList算子描述这是一段HitList算子描述",
+      position: {
+        x: 100,
+        y: 200,
+      },
+      type: "flow",
+      parentNode: "批式算子ID1",
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "completed":false 前端自行生成，判断该算子内参数是否全部填写完成
+        parameters: [
+          {
+            hidden: true,
+            id: "流式算子4入口A",
+            name: "out",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordInputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "cpus",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "ntasks",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "partition",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "c-4-1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "parallelism",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "流式算子4出口A",
+            name: "out",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordOutputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+        ],
+      },
+      edges: [
+        {
+          id: "",
+          source: "流式算子ID4",
+          sourceHandle: "流式算子4出口A",
+          target: "流式算子ID6",
+          targetHandle: "流式算子6入口A",
+        },
+      ],
+    },
+    {
+      id: "流式算子ID5",
+      title: "DatasetWriter",
+      description: "这是一段DatasetWriter算子描述这是一段DatasetWriter算子描述",
+      position: {
+        x: 200,
+        y: 200,
+      },
+      type: "flow",
+      parentNode: "批式算子ID1",
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "completed":false 前端自行生成，判断该算子内参数是否全部填写完成
+        parameters: [
+          {
+            hidden: true,
+            id: "流式算子5入口A",
+            name: "in",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordInputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "path",
+            required: true,
+            domType: "pathSelect",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "compression",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "snappy",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "chunk_size",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "100",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "cpus",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "ntasks",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "partition",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "c-4-1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "parallelism",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+        ],
+      },
+      edges: [],
+    },
+    {
+      id: "流式算子ID6",
+      title: "RecordFileWriter",
+      description:
+        "这是一段RecordFileWriter算子描述这是一段RecordFileWriter算子描述",
+      position: {
+        x: 100,
+        y: 250,
+      },
+      type: "flow",
+      parentNode: "批式算子ID1",
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "completed":false 前端自行生成，判断该算子内参数是否全部填写完成
+        parameters: [
+          {
+            hidden: true,
+            id: "流式算子6入口A",
+            name: "in",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "recordInputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "path",
+            required: true,
+            domType: "pathSelect",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "many",
+            required: false,
+            domType: "radio",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "booleanParameter",
+            value: "false",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [
+              {
+                key: "true",
+                value: "true",
+              },
+              {
+                key: "false",
+                value: "false",
+              },
+            ],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "compression",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "chunk_size",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1000",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "suffix",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: ".txt",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "cpus",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "ntasks",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "partition",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "c-4-1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "",
+            name: "parallelism",
+            required: false,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "numberParameter",
+            value: "1",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "流式算子6出口A",
+            name: "out",
+            required: true,
+            domType: "",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "fileOutputParameter",
+            value: "xxxx.pdb",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+        ],
+      },
+      edges: [
+        {
+          id: "",
+          source: "流式算子ID6",
+          sourceHandle: "流式算子6出口A",
+          target: "批式算子ID2",
+          targetHandle: "批式算子2入口A",
+          label: "xxxx.pdb",
+        },
+      ],
+    },
+    {
+      id: "批式算子ID2",
+      title: "pdb2tpr",
+      description: "这是一段批式算子描述这是一段批式算子描述",
+      position: {
+        x: 0,
+        y: 350,
+      },
+      type: "batch",
+      parentNode: "",
+      // "hasChildren":false  用于区分该批式算子内是否有流式算子，因为有与没有的流程图样式是不一样的，这个字段由前端自行判断添加
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "selected":false 前端自行生成，判断该算子是否被选中
+        // "completed":true 前端自行生成，判断该算子内参数是否全部填写完成,若该算子不需要填任何参数，则自动true
+        parameters: [
+          {
+            hidden: true,
+            id: "批式算子2入口A",
+            name: "pdb_in",
+            required: true,
+            domType: "fileSelect",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "fileInputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: true,
+            id: "批式算子2出口A",
+            name: "tpr_out",
+            required: true,
+            domType: "fileSelect",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "fileOutputParameter",
+            value: "xxxx.tpr",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+        ],
+      },
+      edges: [
+        {
+          id: "",
+          source: "批式算子ID2",
+          sourceHandle: "批式算子2出口A",
+          target: "批式算子ID3",
+          targetHandle: "批式算子3入口A",
+          label: "xxxx.ptr",
+        },
+      ],
+    },
+    {
+      id: "批式算子ID3",
+      title: "gromax run",
+      description: "这是一段批式算子描述这是一段批式算子描述",
+      position: {
+        x: 0,
+        y: 450,
+      },
+      type: "batch",
+      parentNode: "",
+      // "hasChildren":false  用于区分该批式算子内是否有流式算子，因为有与没有的流程图样式是不一样的，这个字段由前端自行判断添加
+      data: {
+        status: "wait", // 可选值有 success、error、run、wait
+        // "selected":false 前端自行生成，判断该算子是否被选中
+        // "completed":true 前端自行生成，判断该算子内参数是否全部填写完成,若该算子不需要填任何参数，则自动true
+        parameters: [
+          {
+            hidden: true,
+            id: "批式算子3入口A",
+            name: "pdb_out",
+            required: true,
+            domType: "fileSelect",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "fileInputParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+          {
+            hidden: false,
+            id: "",
+            name: "tpr_name",
+            required: true,
+            domType: "input",
+            // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+            dataType: "stringParameter",
+            value: "",
+            description: "这是一段参数描述这是一段参数描述这是一段参数描述",
+            validators: "",
+            choices: [],
+          },
+        ],
+      },
+      edges: [],
+    },
+  ],
+};