diff --git a/.npmrc b/.npmrc
index 35e540d..7c029b0 100644
--- a/.npmrc
+++ b/.npmrc
@@ -2,3 +2,5 @@
 shamefully-hoist=true
 auto-install-peers=true
 strict-peer-dependencies=false
+@qomo:registry=https://packages.aliyun.com/669a1b3bbedb1acc325c96c0/npm/npm-registry/
+@qomo-platform:registry=https://packages.aliyun.com/669a1b3bbedb1acc325c96c0/npm/npm-registry/
diff --git a/package.json b/package.json
index aefdbcf..67088d8 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "2.3.1",
-    "@qomo-platform/core": "^1.0.100",
+    "@qomo-platform/core": "^1.0.151",
     "@vueup/vue-quill": "1.2.0",
     "@vueuse/core": "10.6.1",
     "axios": "1.6.7",
@@ -33,6 +33,7 @@
     "pinia-plugin-persistedstate": "^3.2.1",
     "postcss-pxtorem": "^6.1.0",
     "prettier": "^3.2.5",
+    "uuid": "^10.0.0",
     "vite-plugin-qiankun": "^1.0.15",
     "vue": "3.3.9",
     "vue-router": "4.2.5"
diff --git a/src/api/index.js b/src/api/index.js
index 7a0dc7f..1a94f33 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,3 +1,51 @@
+import request from "@/service/request";
 export function getDictCode(params) {
-  return request.get(`/sys/dictItem/type`,params);
+  return request.get(`/sys/dictItem/type`, params);
+}
+
+//保存流程图
+export function saveFlowModel(data) {
+  return request.post("/api/flowDefinition/saveModel", {}, data, {
+    message: {
+      success: `保存成功`,
+      error: true
+    }
+  });
+}
+//执行流程
+export function flowInstanceExecute(id) {
+  return request.post(`/api/dataIntegration/flowInstance/execute/${id}`, {}, {}, {
+    message: {
+      success: `流程开始运行`,
+      error: true
+    }
+  });
+}
+//查询数据源
+export function dataSourceList(params) {
+  return request.get("/api/group/treeList", params, {
+    error: true
+  });
+}
+//查询组件
+export function getComponentTree(params) {
+  return request.get("/api/componentGroup/getComponentTree", params, {
+    error: true
+  });
+}
+//查询数据库列表
+export function databaseListSchemas(params) {
+  return request.get('/api/database/listSchemas', params, {
+    error: true
+  });
+}
+
+//查询表
+export function listTablesBySchemaPage(params) {
+  return request.get('/api/database/listTablesBySchemaPage', params);
+}
+
+// 获取表字段
+export function listColumns(params) {
+  return request.get('/api/database/listColumns', params);
 }
\ No newline at end of file
diff --git a/src/api/modelManagement.js b/src/api/modelManagement.js
new file mode 100644
index 0000000..847c060
--- /dev/null
+++ b/src/api/modelManagement.js
@@ -0,0 +1,32 @@
+import request from "@/service/request";
+/*获取模型列表*/
+export function modelList(params) {
+    return request.get(`/cost-model/pageList`, params);
+}
+// /*新增小时费率*/
+// export function addHourRate(data) {
+//     return request.post("/hourRate/add", {}, data, {
+//         message: {
+//             success: "新增成功",
+//             error: true
+//         }
+//     });
+// }
+// /*编辑小时费率*/
+// export function editHourRate(data) {
+//     return request.post("/hourRate/edit", {}, data, {
+//         message: {
+//             success: "编辑成功",
+//             error: true
+//         }
+//     });
+// }
+/*删除*/
+export function deleteModel(data) {
+    return request.post("/cost-model/delete",{}, data,{
+        message: {
+            success: "删除成功",
+            error: true
+        }
+    });
+}
diff --git a/src/assets/imgs/database.png b/src/assets/imgs/database.png
new file mode 100644
index 0000000..1db8144
Binary files /dev/null and b/src/assets/imgs/database.png differ
diff --git a/src/assets/imgs/dateIcon.png b/src/assets/imgs/dateIcon.png
new file mode 100644
index 0000000..82a7e6e
Binary files /dev/null and b/src/assets/imgs/dateIcon.png differ
diff --git a/src/assets/imgs/icon_folder.png b/src/assets/imgs/icon_folder.png
new file mode 100644
index 0000000..0d4ab47
Binary files /dev/null and b/src/assets/imgs/icon_folder.png differ
diff --git a/src/assets/imgs/icon_report.png b/src/assets/imgs/icon_report.png
new file mode 100644
index 0000000..5bf235f
Binary files /dev/null and b/src/assets/imgs/icon_report.png differ
diff --git a/src/assets/imgs/numberIcon.png b/src/assets/imgs/numberIcon.png
new file mode 100644
index 0000000..3d241de
Binary files /dev/null and b/src/assets/imgs/numberIcon.png differ
diff --git a/src/assets/imgs/stringIcon.png b/src/assets/imgs/stringIcon.png
new file mode 100644
index 0000000..ec01c61
Binary files /dev/null and b/src/assets/imgs/stringIcon.png differ
diff --git a/src/components/SqlStatement/index.vue b/src/components/SqlStatement/index.vue
new file mode 100644
index 0000000..349bab3
--- /dev/null
+++ b/src/components/SqlStatement/index.vue
@@ -0,0 +1,245 @@
+<script lang="tsx">
+import {
+  computed,
+  defineComponent,
+  ref,
+  onMounted,
+  watchEffect,
+  watch
+} from "vue";
+import { useExposeDialogArgs } from "@qomo-platform/core";
+import { useRequest } from "vue-request";
+import {
+  dataSourceList,
+  databaseListSchemas,
+  listTablesBySchemaPage,
+  listColumns
+} from "@/api";
+import icon_report from "@/assets/imgs/icon_report.png";
+import icon_folder from "@/assets/imgs/icon_folder.png";
+import dateIcon from "@/assets/imgs/dateIcon.png";
+import numberIcon from "@/assets/imgs/numberIcon.png";
+import stringIcon from "@/assets/imgs/stringIcon.png";
+import databaseIcon from "@/assets/imgs/database.png";
+import { ElMessage } from "element-plus";
+import { da } from "element-plus/es/locale";
+
+export default defineComponent({
+  name: "SqlStatement",
+  props: {
+    model: {
+      type: Object
+    },
+  },
+  setup(props, { attrs, expose, slots = {} }) {
+    const typeNumber = [
+        "int",
+        "smallint",
+        "bigint",
+        "float",
+        "double",
+        "decimal",
+        "bit"
+      ],
+      typeDate = ["date", "datetime", "time", "timestamp"],
+      typeString = ["char", "varchar", "varchar2", "text"];
+    const { data, error } = useRequest(async () => await dataSourceList());
+
+    const {
+      run,
+      data: _schemaData_,
+      loading
+    } = useRequest(databaseListSchemas, {
+      manual: true
+    });
+
+    const {
+      run: listTablesBySchemaPageRun,
+      data: tablesData,
+      loading: listTablesLoading
+    } = useRequest(listTablesBySchemaPage, {
+      manual: true
+    });
+
+    const {
+      run: listColumnsRun,
+      data: listColumnsData,
+      loading: listColumnsLoading
+    } = useRequest(listColumns, {
+      manual: true
+    });
+
+    const schemaData = computed(() =>
+      (_schemaData_.value || []).map(item => ({
+        label: item.name,
+        value: item.name
+      }))
+    );
+
+    const handleNodeClick = async node => {
+      if (node.nodeType) {
+        props.model.dataSource = node.name;
+        props.model.url = node.url;
+        props.model.username = node.userName;
+        props.model.password = node.password;
+        props.model.currentNode = node;
+        run({ id: node.id });
+      } else ElMessage.warning("选中的不是数据源,请重新选择");
+    };
+
+    watch(
+      () => props.model.schema,
+      val => {
+        if (val)
+          listTablesBySchemaPageRun({
+            id: props.model.currentNode.id,
+            schemaName: props.model.schema,
+            tableName: "",
+            typeList: "table,view",
+            pageNo: 1,
+            pageSize: 1000
+          });
+      }
+    );
+
+    const filterNodeMethod = (value, data) => data.name.includes(value);
+
+    const loadNode = async (node, resolve) => {
+      const { data } = node;
+      if (node?.level !== 0) {
+        await listColumnsRun({
+          id: props.model.currentNode.id,
+          tableName: data.name,
+          schemaName: props.model.schema
+        });
+        resolve(listColumnsData.value);
+      }
+    };
+
+    const filterSearch = async value => {
+      listTablesBySchemaPageRun({
+        id: props.model.currentNode.id,
+        schemaName: props.model.schema,
+        tableName: value,
+        typeList: "table,view",
+        pageNo: 1,
+        pageSize: 1000
+      });
+    };
+
+    const handleTableClick = node => {
+      props.model.sqlString = `select * from ${node.name}`;
+      // this.$refs.codemirrorTic.$refs.mycode.__vue__.focus();
+    };
+
+    return () => (
+      <>
+        <base-form-item label="数据源:" prop="dataSource" span={8}>
+          <el-tree-select
+            v-model={props.model.dataSource}
+            data={data.value}
+            value-key="name"
+            filter-node-method={filterNodeMethod}
+            filterable
+            render-after-expand={false}
+            style="width: 240px"
+            v-slots={{
+              default: ({ data }) => (
+                <div
+                  class="flex items-center gap-[5px]"
+                  onClick={() => handleNodeClick(data)}
+                >
+                  {data.children && !data.parentId && (
+                    <img class="w-[15px] h-[15px]" src={icon_report} alt="" />
+                  )}
+                  {data.children && data.parentId && (
+                    <img class="w-[15px] h-[15px]" src={icon_folder} alt="" />
+                  )}
+                  <span class={"text-[12px] text-[#26314a] font-[400]"}>
+                    {data.name}
+                  </span>
+                </div>
+              )
+            }}
+          />
+        </base-form-item>
+        <base-form-item label="schema:" prop="schema" span={8}>
+          <base-select
+            disabled={loading.value}
+            placeholder={loading.value ? "加载中" : "请选择"}
+            v-model={props.model.schema}
+            options={schemaData.value}
+          ></base-select>
+        </base-form-item>
+        <div
+          class={
+            "max-h-[400px] overflow-auto border-solid border-[1px] border-[#ccc] p-[10px]"
+          }
+        >
+          <base-tree
+            data={tablesData.value?.records}
+            filterables={{
+              size: "small"
+            }}
+            props={{
+              label: "name"
+            }}
+            load={loadNode}
+            filterSearch={filterSearch}
+            lazy
+            v-slots={{
+              default: ({ node, data }) => {
+                return (
+                  <div
+                    onClick={() => handleTableClick(data)}
+                    class={"flex items-center gap-[4px] text-[12px]"}
+                  >
+                    {node.level === 1 && (
+                      <img
+                        class="w-[15px] h-[15px]"
+                        src={databaseIcon}
+                        alt=""
+                      />
+                    )}
+                    {!data.columns &&
+                      typeNumber.includes(
+                        (data?.type || "").toLocaleLowerCase()
+                      ) && (
+                        <img
+                          class="w-[15px] h-[15px]"
+                          src={numberIcon}
+                          alt=""
+                        />
+                      )}
+                    {!data.columns &&
+                      typeDate.includes(
+                        (data?.type || "").toLocaleLowerCase()
+                      ) && (
+                        <img class="w-[15px] h-[15px]" src={dateIcon} alt="" />
+                      )}
+                    {!data.columns &&
+                      typeString.includes(
+                        (data?.type || "").toLocaleLowerCase()
+                      ) && (
+                        <img
+                          class="w-[15px] h-[15px]"
+                          src={stringIcon}
+                          alt=""
+                        />
+                      )}
+                    <span class="text-[12px]">
+                      {data.name}
+                      {data.comment && <span>（{data.comment}）</span>}
+                    </span>
+                  </div>
+                );
+              }
+            }}
+          />
+        </div>
+      </>
+    );
+  }
+});
+</script>
+<style scoped lang="scss"></style>
diff --git a/src/components/SqlStatementType/index.vue b/src/components/SqlStatementType/index.vue
new file mode 100644
index 0000000..6ce2291
--- /dev/null
+++ b/src/components/SqlStatementType/index.vue
@@ -0,0 +1,273 @@
+<script lang="tsx">
+import {
+  computed,
+  defineComponent,
+  ref,
+  onMounted,
+  watchEffect,
+  watch
+} from "vue";
+import { useExposeDialogArgs } from "@qomo-platform/core";
+import { useRequest } from "vue-request";
+import {
+  dataSourceList,
+  databaseListSchemas,
+  listTablesBySchemaPage,
+  listColumns
+} from "@/api";
+import icon_report from "@/assets/imgs/icon_report.png";
+import icon_folder from "@/assets/imgs/icon_folder.png";
+import dateIcon from "@/assets/imgs/dateIcon.png";
+import numberIcon from "@/assets/imgs/numberIcon.png";
+import stringIcon from "@/assets/imgs/stringIcon.png";
+import databaseIcon from "@/assets/imgs/database.png";
+import { ElMessage } from "element-plus";
+import { da } from "element-plus/es/locale";
+
+export default defineComponent({
+  name: "SqlStatement",
+  props: {
+    model: {
+      type: Object
+    }
+  },
+  setup(props, { attrs, expose, slots = {} }) {
+    const typeNumber = [
+        "int",
+        "smallint",
+        "bigint",
+        "float",
+        "double",
+        "decimal",
+        "bit"
+      ],
+      typeDate = ["date", "datetime", "time", "timestamp"],
+      typeString = ["char", "varchar", "varchar2", "text"];
+    const { data, error } = useRequest(async () => await dataSourceList());
+
+    const {
+      run,
+      data: _schemaData_,
+      loading
+    } = useRequest(databaseListSchemas, {
+      manual: true
+    });
+
+    const {
+      run: listTablesBySchemaPageRun,
+      data: tablesData,
+      loading: listTablesLoading
+    } = useRequest(listTablesBySchemaPage, {
+      manual: true
+    });
+
+    const {
+      run: listColumnsRun,
+      data: listColumnsData,
+      loading: listColumnsLoading
+    } = useRequest(listColumns, {
+      manual: true
+    });
+
+    const schemaData = computed(() =>
+      (_schemaData_.value || []).map(item => ({
+        label: item.name,
+        value: item.name
+      }))
+    );
+
+    const handleNodeClick = async node => {
+      if (node.nodeType) {
+        props.model.dataSource = node.name;
+        props.model.url = node.url;
+        props.model.username = node.userName;
+        props.model.password = node.password;
+        props.model.currentNode = node;
+        run({ id: node.id });
+      } else ElMessage.warning("选中的不是数据源,请重新选择");
+    };
+
+    watch(
+      () => props.model.schema,
+      val => {
+        if (val)
+          listTablesBySchemaPageRun({
+            id: props.model.currentNode.id,
+            schemaName: props.model.schema,
+            tableName: "",
+            typeList: "table,view",
+            pageNo: 1,
+            pageSize: 1000
+          });
+      }
+    );
+
+    const filterNodeMethod = (value, data) => data.name.includes(value);
+
+    const loadNode = async (node, resolve) => {
+      const { data } = node;
+      if (node?.level !== 0) {
+        await listColumnsRun({
+          id: props.model.currentNode.id,
+          tableName: data.name,
+          schemaName: props.model.schema
+        });
+        resolve(listColumnsData.value);
+      }
+    };
+
+    const filterSearch = async value => {
+      listTablesBySchemaPageRun({
+        id: props.model.currentNode.id,
+        schemaName: props.model.schema,
+        tableName: value,
+        typeList: "table,view",
+        pageNo: 1,
+        pageSize: 1000
+      });
+    };
+
+    const handleTableClick = node => {
+      props.model.sqlString = `select * from ${node.name}`;
+      // this.$refs.codemirrorTic.$refs.mycode.__vue__.focus();
+    };
+    const feeTypeList = [
+      {
+        label: "机器折旧费",
+        value: "EquipmentFee"
+      },
+      {
+        label: "辅料费",
+        value: "SupplyMaterialFee"
+      },
+      {
+        label: "水电费",
+        value: "DriverFee"
+      },
+      {
+        label: "其他费用",
+        value: "OtherFee"
+      },
+      {
+        label: "物流费",
+        value: "LogisticsFee"
+      }
+    ];
+    return () => (
+      <>
+        <base-form-item label="费用类型:" prop="feeType" span={8}>
+          <base-select
+            placeholder={loading.value ? "加载中" : "请选择"}
+            v-model={props.model.feeType}
+            options={feeTypeList}
+          ></base-select>
+        </base-form-item>
+        <base-form-item label="数据源:" prop="dataSource" span={8}>
+          <el-tree-select
+            v-model={props.model.dataSource}
+            data={data.value}
+            value-key="name"
+            filter-node-method={filterNodeMethod}
+            filterable
+            render-after-expand={false}
+            style="width: 240px"
+            v-slots={{
+              default: ({ data }) => (
+                <div
+                  class="flex items-center gap-[5px]"
+                  onClick={() => handleNodeClick(data)}
+                >
+                  {data.children && !data.parentId && (
+                    <img class="w-[15px] h-[15px]" src={icon_report} alt="" />
+                  )}
+                  {data.children && data.parentId && (
+                    <img class="w-[15px] h-[15px]" src={icon_folder} alt="" />
+                  )}
+                  <span class={"text-[12px] text-[#26314a] font-[400]"}>
+                    {data.name}
+                  </span>
+                </div>
+              )
+            }}
+          />
+        </base-form-item>
+        <base-form-item label="schema:" prop="schema" span={8}>
+          <base-select
+            disabled={loading.value}
+            placeholder={loading.value ? "加载中" : "请选择"}
+            v-model={props.model.schema}
+            options={schemaData.value}
+          ></base-select>
+        </base-form-item>
+        <div
+          class={
+            "max-h-[400px] overflow-auto border-solid border-[1px] border-[#ccc] p-[10px]"
+          }
+        >
+          <base-tree
+            data={tablesData.value?.records}
+            filterables={{
+              size: "small"
+            }}
+            props={{
+              label: "name"
+            }}
+            load={loadNode}
+            filterSearch={filterSearch}
+            lazy
+            v-slots={{
+              default: ({ node, data }) => {
+                return (
+                  <div
+                    onClick={() => handleTableClick(data)}
+                    class={"flex items-center gap-[4px] text-[12px]"}
+                  >
+                    {node.level === 1 && (
+                      <img
+                        class="w-[15px] h-[15px]"
+                        src={databaseIcon}
+                        alt=""
+                      />
+                    )}
+                    {!data.columns &&
+                      typeNumber.includes(
+                        (data?.type || "").toLocaleLowerCase()
+                      ) && (
+                        <img
+                          class="w-[15px] h-[15px]"
+                          src={numberIcon}
+                          alt=""
+                        />
+                      )}
+                    {!data.columns &&
+                      typeDate.includes(
+                        (data?.type || "").toLocaleLowerCase()
+                      ) && (
+                        <img class="w-[15px] h-[15px]" src={dateIcon} alt="" />
+                      )}
+                    {!data.columns &&
+                      typeString.includes(
+                        (data?.type || "").toLocaleLowerCase()
+                      ) && (
+                        <img
+                          class="w-[15px] h-[15px]"
+                          src={stringIcon}
+                          alt=""
+                        />
+                      )}
+                    <span class="text-[12px]">
+                      {data.name}
+                      {data.comment && <span>（{data.comment}）</span>}
+                    </span>
+                  </div>
+                );
+              }
+            }}
+          />
+        </div>
+      </>
+    );
+  }
+});
+</script>
+<style scoped lang="scss"></style>
diff --git a/src/flowableComponents/code_1tp3f06n2osg0/index.vue b/src/flowableComponents/code_1tp3f06n2osg0/index.vue
new file mode 100644
index 0000000..e50aa72
--- /dev/null
+++ b/src/flowableComponents/code_1tp3f06n2osg0/index.vue
@@ -0,0 +1,102 @@
+<script lang="tsx">
+import {
+  computed,
+  defineComponent,
+  ref,
+  onMounted,
+  watchEffect,
+  watch
+} from "vue";
+import { useExposeDialogArgs } from "@qomo-platform/core";
+import SqlStatement from "@/components/SqlStatement";
+
+export default defineComponent({
+  name: "dbOutput",
+  props: {
+    nodeDetail: {
+      type: Object
+    }
+  },
+  setup(props, { attrs, expose, slots = {} }) {
+    const nodeDetail = computed(() => props?.nodeDetail);
+    const baseFormRef = ref({});
+    const baseMonacoEditorRef = ref();
+    const { findNodesPrev, findNodesNext, getNodeData } = attrs;
+    const submit = () => {
+      let params = baseFormRef.value.formData;
+      return {
+        params
+      };
+    };
+
+    const open = () => {
+      init(nodeDetail.value);
+      baseMonacoEditorRef.value?.restLayout();
+    };
+
+    // onMounted(()=>{
+    //   init(nodeDetail.value)
+    // })
+
+    // watch(nodeDetail,(v)=>{
+    //   init(v)
+    // },{
+    //   deep:true
+    // })
+    watch(
+      () => baseFormRef.value.formData,
+      val => {},
+      {
+        deep: true
+      }
+    );
+
+    const init = v => {
+      const data = findNodesNext(props?.nodeDetail.id);
+      baseFormRef.value.setFormData(
+        JSON.parse(v?.taskParams || "{}")?.params || {}
+      );
+    };
+
+    const handleOK = value => {};
+
+    expose({
+      submit,
+      open
+    });
+
+    return () => (
+      <base-form
+        ref={baseFormRef}
+        v-slots={{
+          default: ({ model }) => (
+            <div class={"flex gap-[10px] w-full"}>
+              <div class={"w-[300px] overflow-auto flex flex-col"}>
+                <SqlStatement
+                  baseFormRef={baseFormRef}
+                  model={model}
+                ></SqlStatement>
+              </div>
+              <div class={"flex flex-1 flex-col"}>
+                <base-form-item label="SQL语句：" prop="test" span={8}>
+                  <div class={"w-full h-[200px]"}>
+                    <BaseMonacoEditor
+                      ref={baseMonacoEditorRef}
+                      v-model={model.sqlString}
+                      language="sql"
+                      customReminders={{
+                        test: ["liaoqiuyu"]
+                      }}
+                    ></BaseMonacoEditor>
+                  </div>
+                </base-form-item>
+              </div>
+            </div>
+          )
+        }}
+      />
+    );
+  }
+});
+</script>
+<style scoped lang="scss"></style>
diff --git a/src/flowableComponents/code_1tvqz9qc8o3k0/index.vue b/src/flowableComponents/code_1tvqz9qc8o3k0/index.vue
new file mode 100644
index 0000000..d091640
--- /dev/null
+++ b/src/flowableComponents/code_1tvqz9qc8o3k0/index.vue
@@ -0,0 +1,102 @@
+<script lang="tsx">
+import {
+  computed,
+  defineComponent,
+  ref,
+  onMounted,
+  watchEffect,
+  watch
+} from "vue";
+import { useExposeDialogArgs } from "@qomo-platform/core";
+import SqlStatementType from "@/components/SqlStatementType";
+
+export default defineComponent({
+  name: "dbOutput",
+  props: {
+    nodeDetail: {
+      type: Object
+    }
+  },
+  setup(props, { attrs, expose, slots = {} }) {
+    const nodeDetail = computed(() => props?.nodeDetail);
+    const baseFormRef = ref({});
+    const baseMonacoEditorRef = ref();
+    const { findNodesPrev, findNodesNext, getNodeData } = attrs;
+    const submit = () => {
+      let params = baseFormRef.value.formData;
+      return {
+        params
+      };
+    };
+
+    const open = () => {
+      init(nodeDetail.value);
+      baseMonacoEditorRef.value?.restLayout();
+    };
+
+    // onMounted(()=>{
+    //   init(nodeDetail.value)
+    // })
+
+    // watch(nodeDetail,(v)=>{
+    //   init(v)
+    // },{
+    //   deep:true
+    // })
+    watch(
+      () => baseFormRef.value.formData,
+      val => {},
+      {
+        deep: true
+      }
+    );
+
+    const init = v => {
+      const data = findNodesNext(props?.nodeDetail.id);
+      baseFormRef.value.setFormData(
+        JSON.parse(v?.taskParams || "{}")?.params || {}
+      );
+    };
+
+    const handleOK = value => {};
+
+    expose({
+      submit,
+      open
+    });
+
+    return () => (
+      <base-form
+        ref={baseFormRef}
+        v-slots={{
+          default: ({ model }) => (
+            <div class={"flex gap-[10px] w-full"}>
+              <div class={"w-[300px] overflow-auto flex flex-col"}>
+                <SqlStatementType
+                  baseFormRef={baseFormRef}
+                  model={model}
+                ></SqlStatementType>
+              </div>
+              <div class={"flex flex-1 flex-col"}>
+                <base-form-item label="SQL语句：" prop="test" span={8}>
+                  <div class={"w-full h-[200px]"}>
+                    <BaseMonacoEditor
+                      ref={baseMonacoEditorRef}
+                      v-model={model.sqlString}
+                      language="sql"
+                      customReminders={{
+                        test: ["liaoqiuyu"]
+                      }}
+                    ></BaseMonacoEditor>
+                  </div>
+                </base-form-item>
+              </div>
+            </div>
+          )
+        }}
+      />
+    );
+  }
+});
+</script>
+<style scoped lang="scss"></style>
diff --git a/src/flowableComponents/code_4sx7fvcei1w0/index.vue b/src/flowableComponents/code_4sx7fvcei1w0/index.vue
new file mode 100644
index 0000000..e50aa72
--- /dev/null
+++ b/src/flowableComponents/code_4sx7fvcei1w0/index.vue
@@ -0,0 +1,102 @@
+<script lang="tsx">
+import {
+  computed,
+  defineComponent,
+  ref,
+  onMounted,
+  watchEffect,
+  watch
+} from "vue";
+import { useExposeDialogArgs } from "@qomo-platform/core";
+import SqlStatement from "@/components/SqlStatement";
+
+export default defineComponent({
+  name: "dbOutput",
+  props: {
+    nodeDetail: {
+      type: Object
+    }
+  },
+  setup(props, { attrs, expose, slots = {} }) {
+    const nodeDetail = computed(() => props?.nodeDetail);
+    const baseFormRef = ref({});
+    const baseMonacoEditorRef = ref();
+    const { findNodesPrev, findNodesNext, getNodeData } = attrs;
+    const submit = () => {
+      let params = baseFormRef.value.formData;
+      return {
+        params
+      };
+    };
+
+    const open = () => {
+      init(nodeDetail.value);
+      baseMonacoEditorRef.value?.restLayout();
+    };
+
+    // onMounted(()=>{
+    //   init(nodeDetail.value)
+    // })
+
+    // watch(nodeDetail,(v)=>{
+    //   init(v)
+    // },{
+    //   deep:true
+    // })
+    watch(
+      () => baseFormRef.value.formData,
+      val => {},
+      {
+        deep: true
+      }
+    );
+
+    const init = v => {
+      const data = findNodesNext(props?.nodeDetail.id);
+      baseFormRef.value.setFormData(
+        JSON.parse(v?.taskParams || "{}")?.params || {}
+      );
+    };
+
+    const handleOK = value => {};
+
+    expose({
+      submit,
+      open
+    });
+
+    return () => (
+      <base-form
+        ref={baseFormRef}
+        v-slots={{
+          default: ({ model }) => (
+            <div class={"flex gap-[10px] w-full"}>
+              <div class={"w-[300px] overflow-auto flex flex-col"}>
+                <SqlStatement
+                  baseFormRef={baseFormRef}
+                  model={model}
+                ></SqlStatement>
+              </div>
+              <div class={"flex flex-1 flex-col"}>
+                <base-form-item label="SQL语句：" prop="test" span={8}>
+                  <div class={"w-full h-[200px]"}>
+                    <BaseMonacoEditor
+                      ref={baseMonacoEditorRef}
+                      v-model={model.sqlString}
+                      language="sql"
+                      customReminders={{
+                        test: ["liaoqiuyu"]
+                      }}
+                    ></BaseMonacoEditor>
+                  </div>
+                </base-form-item>
+              </div>
+            </div>
+          )
+        }}
+      />
+    );
+  }
+});
+</script>
+<style scoped lang="scss"></style>
diff --git a/src/flowableComponents/code_mmnbnhf6uhc0/index.vue b/src/flowableComponents/code_mmnbnhf6uhc0/index.vue
new file mode 100644
index 0000000..e50aa72
--- /dev/null
+++ b/src/flowableComponents/code_mmnbnhf6uhc0/index.vue
@@ -0,0 +1,102 @@
+<script lang="tsx">
+import {
+  computed,
+  defineComponent,
+  ref,
+  onMounted,
+  watchEffect,
+  watch
+} from "vue";
+import { useExposeDialogArgs } from "@qomo-platform/core";
+import SqlStatement from "@/components/SqlStatement";
+
+export default defineComponent({
+  name: "dbOutput",
+  props: {
+    nodeDetail: {
+      type: Object
+    }
+  },
+  setup(props, { attrs, expose, slots = {} }) {
+    const nodeDetail = computed(() => props?.nodeDetail);
+    const baseFormRef = ref({});
+    const baseMonacoEditorRef = ref();
+    const { findNodesPrev, findNodesNext, getNodeData } = attrs;
+    const submit = () => {
+      let params = baseFormRef.value.formData;
+      return {
+        params
+      };
+    };
+
+    const open = () => {
+      init(nodeDetail.value);
+      baseMonacoEditorRef.value?.restLayout();
+    };
+
+    // onMounted(()=>{
+    //   init(nodeDetail.value)
+    // })
+
+    // watch(nodeDetail,(v)=>{
+    //   init(v)
+    // },{
+    //   deep:true
+    // })
+    watch(
+      () => baseFormRef.value.formData,
+      val => {},
+      {
+        deep: true
+      }
+    );
+
+    const init = v => {
+      const data = findNodesNext(props?.nodeDetail.id);
+      baseFormRef.value.setFormData(
+        JSON.parse(v?.taskParams || "{}")?.params || {}
+      );
+    };
+
+    const handleOK = value => {};
+
+    expose({
+      submit,
+      open
+    });
+
+    return () => (
+      <base-form
+        ref={baseFormRef}
+        v-slots={{
+          default: ({ model }) => (
+            <div class={"flex gap-[10px] w-full"}>
+              <div class={"w-[300px] overflow-auto flex flex-col"}>
+                <SqlStatement
+                  baseFormRef={baseFormRef}
+                  model={model}
+                ></SqlStatement>
+              </div>
+              <div class={"flex flex-1 flex-col"}>
+                <base-form-item label="SQL语句：" prop="test" span={8}>
+                  <div class={"w-full h-[200px]"}>
+                    <BaseMonacoEditor
+                      ref={baseMonacoEditorRef}
+                      v-model={model.sqlString}
+                      language="sql"
+                      customReminders={{
+                        test: ["liaoqiuyu"]
+                      }}
+                    ></BaseMonacoEditor>
+                  </div>
+                </base-form-item>
+              </div>
+            </div>
+          )
+        }}
+      />
+    );
+  }
+});
+</script>
+<style scoped lang="scss"></style>
diff --git a/src/flowableComponents/code_oq3y1fnvwhs0/index.vue b/src/flowableComponents/code_oq3y1fnvwhs0/index.vue
new file mode 100644
index 0000000..e50aa72
--- /dev/null
+++ b/src/flowableComponents/code_oq3y1fnvwhs0/index.vue
@@ -0,0 +1,102 @@
+<script lang="tsx">
+import {
+  computed,
+  defineComponent,
+  ref,
+  onMounted,
+  watchEffect,
+  watch
+} from "vue";
+import { useExposeDialogArgs } from "@qomo-platform/core";
+import SqlStatement from "@/components/SqlStatement";
+
+export default defineComponent({
+  name: "dbOutput",
+  props: {
+    nodeDetail: {
+      type: Object
+    }
+  },
+  setup(props, { attrs, expose, slots = {} }) {
+    const nodeDetail = computed(() => props?.nodeDetail);
+    const baseFormRef = ref({});
+    const baseMonacoEditorRef = ref();
+    const { findNodesPrev, findNodesNext, getNodeData } = attrs;
+    const submit = () => {
+      let params = baseFormRef.value.formData;
+      return {
+        params
+      };
+    };
+
+    const open = () => {
+      init(nodeDetail.value);
+      baseMonacoEditorRef.value?.restLayout();
+    };
+
+    // onMounted(()=>{
+    //   init(nodeDetail.value)
+    // })
+
+    // watch(nodeDetail,(v)=>{
+    //   init(v)
+    // },{
+    //   deep:true
+    // })
+    watch(
+      () => baseFormRef.value.formData,
+      val => {},
+      {
+        deep: true
+      }
+    );
+
+    const init = v => {
+      const data = findNodesNext(props?.nodeDetail.id);
+      baseFormRef.value.setFormData(
+        JSON.parse(v?.taskParams || "{}")?.params || {}
+      );
+    };
+
+    const handleOK = value => {};
+
+    expose({
+      submit,
+      open
+    });
+
+    return () => (
+      <base-form
+        ref={baseFormRef}
+        v-slots={{
+          default: ({ model }) => (
+            <div class={"flex gap-[10px] w-full"}>
+              <div class={"w-[300px] overflow-auto flex flex-col"}>
+                <SqlStatement
+                  baseFormRef={baseFormRef}
+                  model={model}
+                ></SqlStatement>
+              </div>
+              <div class={"flex flex-1 flex-col"}>
+                <base-form-item label="SQL语句：" prop="test" span={8}>
+                  <div class={"w-full h-[200px]"}>
+                    <BaseMonacoEditor
+                      ref={baseMonacoEditorRef}
+                      v-model={model.sqlString}
+                      language="sql"
+                      customReminders={{
+                        test: ["liaoqiuyu"]
+                      }}
+                    ></BaseMonacoEditor>
+                  </div>
+                </base-form-item>
+              </div>
+            </div>
+          )
+        }}
+      />
+    );
+  }
+});
+</script>
+<style scoped lang="scss"></style>
diff --git a/src/flowableComponents/dbOutput/index.vue b/src/flowableComponents/dbOutput/index.vue
index 4f2b37d..1ca97b1 100644
--- a/src/flowableComponents/dbOutput/index.vue
+++ b/src/flowableComponents/dbOutput/index.vue
@@ -7,39 +7,94 @@ import {
   watchEffect,
   watch
 } from "vue";
+import { useExposeDialogArgs } from "@qomo-platform/core";
+import SqlStatement from "@/components/SqlStatement";
 
 export default defineComponent({
   name: "dbOutput",
-  props:{
-    nodeDetail:{
-      type:Object
+  props: {
+    nodeDetail: {
+      type: Object
     }
   },
   setup(props, { attrs, expose, slots = {} }) {
-    const formInline = reactive({});
+    const nodeDetail = computed(() => props?.nodeDetail);
+    const baseFormRef = ref({});
+    const baseMonacoEditorRef = ref();
+    const { findNodesPrev, findNodesNext, getNodeData } = attrs;
+    const submit = () => {
+      let params = baseFormRef.value.formData;
+      return {
+        params
+      };
+    };
 
-    const submit = ()=>{
-      let param = formInline;
-     
+    const open = () => {
+      init(nodeDetail.value);
+      baseMonacoEditorRef.value?.restLayout();
+    };
 
-      return param
-    }
+    // onMounted(()=>{
+    //   init(nodeDetail.value)
+    // })
+
+    // watch(nodeDetail,(v)=>{
+    //   init(v)
+    // },{
+    //   deep:true
+    // })
+    watch(
+      () => baseFormRef.value.formData,
+      val => {},
+      {
+        deep: true
+      }
+    );
+
+    const init = v => {
+      const data = findNodesNext(props?.nodeDetail.id);
+      baseFormRef.value.setFormData(
+        JSON.parse(v?.taskParams || "{}")?.params || {}
+      );
+    };
+
+    const handleOK = value => {};
 
     expose({
-      submit
-    })
+      submit,
+      open
+    });
+
     return () => (
-      <el-form label-width="auto" v-model={formInline}>
-        <el-form-item label="Name">
-          <el-input v-model={formInline.name} />
-        </el-form-item>
-        <el-form-item label="Activity zone">
-          <el-input v-model={formInline.region} />
-        </el-form-item>
-        <el-form-item label="Activity form">
-          <el-input v-model={formInline.type} />
-        </el-form-item>
-      </el-form>
+      <base-form
+        ref={baseFormRef}
+        v-slots={{
+          default: ({ model }) => (
+            <div class={"flex gap-[10px] w-full"}>
+              <div class={"w-[300px] overflow-auto flex flex-col"}>
+                <SqlStatement
+                  baseFormRef={baseFormRef}
+                  model={model}
+                ></SqlStatement>
+              </div>
+              <div class={"flex flex-1 flex-col"}>
+                <base-form-item label="SQL语句：" prop="test" span={8}>
+                  <div class={"w-full h-[200px]"}>
+                    <BaseMonacoEditor
+                      ref={baseMonacoEditorRef}
+                      v-model={model.code}
+                      language="sql"
+                      customReminders={{
+                        test: ["liaoqiuyu"]
+                      }}
+                    ></BaseMonacoEditor>
+                  </div>
+                </base-form-item>
+              </div>
+            </div>
+          )
+        }}
+      />
     );
   }
 });
diff --git a/src/platform.ts b/src/platform.ts
index 93c5c11..8592fe4 100644
--- a/src/platform.ts
+++ b/src/platform.ts
@@ -20,6 +20,46 @@ export const qomoPlatformOptions = {
           label: "首批",
           value: "C"
         }
+      ],
+      modelStatus: [
+        {
+          label: "草稿",
+          value: "1"
+        },
+        {
+          label: "已发布",
+          value: "2"
+        },
+        {
+          label: "运行中",
+          value: "3"
+        },
+        {
+          label: "已完成",
+          value: "4"
+        }
+      ],
+      feeTypeList:[
+        {
+          label: "机器折旧费",
+          value: "EquipmentFee"
+        },
+        {
+          label: "辅料费",
+          value: "SupplyMaterialFee"
+        },
+        {
+          label: "水电费",
+          value: "DriverFee"
+        },
+        {
+          label: "其他费用",
+          value: "OtherFee"
+        },
+        {
+          label: "物流费",
+          value: "LogisticsFee"
+        }
       ]
     },
     async provider(dictType) {
diff --git a/src/router/index.js b/src/router/index.js
index 5d3410e..3548605 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -69,18 +69,18 @@ export const constantRoutes = [
       },
     ]
   },
-  // {
-  //   path: '',
-  //   component: Layout,
-  //   children: [
-  //     {
-  //       path: "/hour",
-  //       component: () => import("@/views/hour/index"),
-  //       name: "Hour",
-  //       meta: { title: "小时费率", icon: "money", affix: true }
-  //     }
-  //   ]
-  // },
+  {
+    path: '',
+    component: Layout,
+    children: [
+      {
+        path: "/hour",
+        component: () => import("@/views/hour/index"),
+        name: "Hour",
+        meta: { title: "小时费率", icon: "money", affix: true }
+      }
+    ]
+  },
   // {
   //   path: '',
   //   component: Layout,
@@ -153,6 +153,19 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '',
+    component: Layout,
+    children: [
+      {
+        path: "modelManagement/index",
+        component: () => import("@/views/modelManagement/index"),
+        name: "Modelmanagement",
+        meta: { title: "成本计算模型管理", icon: "tree", affix: true }
+      }
+    ]
+  },
+  // Bom,工序，采购价格
 ];
 
 //本地调试默认路由
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 785a25d..1800a4d 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -3,13 +3,13 @@ import Cookies from "js-cookie";
 const TokenKey = "Admin-Token";
 
 export function getToken() {
-  return Cookies.get(TokenKey);
+  return window.localStorage.getItem(TokenKey);
 }
 
 export function setToken(token) {
-  return Cookies.set(TokenKey, token);
+  return window.localStorage.setItem(TokenKey, token);
 }
 
 export function removeToken() {
-  return Cookies.remove(TokenKey);
+  return window.localStorage.removeItem(TokenKey);
 }
diff --git a/src/views/modelManagement/index.vue b/src/views/modelManagement/index.vue
new file mode 100644
index 0000000..cedacdd
--- /dev/null
+++ b/src/views/modelManagement/index.vue
@@ -0,0 +1,140 @@
+<script lang="tsx">
+//表格
+import { defineComponent, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { transformPageResponse } from "@/utils/qomo";
+import { modelList,deleteModel } from "@/api/modelManagement";
+import { useRouter } from 'vue-router';
+import { ro } from "element-plus/es/locale";
+export default defineComponent({
+  setup() {
+    const router = useRouter();
+    const tableRef = ref();
+    const forecastDialogRef = ref();
+    const selectionRows = ref([]);
+    // const uploadUrl = ref("/c7525cost/importExcel");
+    //列
+    const columns = ref([
+      { prop: "drawingNo", label: "图号" },
+      { label: "物料号", prop: "materialNo" },
+      { label: "物料类型", prop: "materialType" },
+      { prop: "modelName", label: "模型名称", hideInSearchForm: true },
+      { prop: "modelVersion", label: "模型版本", hideInSearchForm: true },
+      {
+        valueType: "date",
+        prop: "createTime",
+        label: "创建时间",
+        hideInSearchForm: true
+      },
+      {
+        prop: "status",
+        label: "状态",
+        valueType: "dict-select",
+        extraProps: { dictType: "modelStatus" }
+      },
+      {
+        type: "operation",
+        label: "操作",
+        minWidth: 120,
+        render: ({ row, doAddOrEdit, doDeleteRows, doPreview }) => (
+          <base-table-operation
+            btnList={[
+              {
+                key: "edit",
+                label: "编辑",
+                onclick: () => doAddOrEdit(row)
+              },
+              {
+                key: "delete",
+                label: "删除",
+                onclick: () => doDeleteRows(row)
+              },
+              {
+                key: "release",
+                label: "发布",
+                onclick: () => releaseRows(row)
+              }
+            ]}
+          />
+        )
+      }
+    ]);
+
+    const render = () => {
+      return (
+        <div>
+          <BaseTable
+            columns={columns.value}
+            ref={tableRef}
+            selectionRows={selectionRows.value}
+            toolbar={{
+              layout: "search-dnamic,reload,column-setting,fullscreen"
+            }}
+            request={async ({
+              pageSize = 10,
+              current = 1,
+              ...otherSearchParams
+            }) => {
+              let tableData = {};
+              tableData = transformPageResponse(
+                await modelList({
+                  pageNo: current,
+                  pageSize,
+                  ...otherSearchParams
+                })
+              );
+              tableData.data.forEach(item => {
+                if (item.status == "1") {
+                  item.status = "草稿";
+                } else if (item.status == "2") {
+                  item.status = "已发布";
+                } else if (item.status == "3") {
+                  item.status = "运行中";
+                } else if (item.status == "4") {
+                  item.status = "已完成";
+                }
+              });
+              return tableData;
+            }}
+            curdConfig={{
+              /**
+               * 接受自动表单的数据
+               * @param data
+               */
+              async onAddOrEdit(data) {
+                if (data.id) {
+                  await editHourRate(data);
+                } else {
+                  await addHourRate(data);
+                }
+              },
+              /*删除*/
+              async onDeleteRows(data) {
+                await deleteModel({ id: data.id });
+              },
+              unitColSpan: 12
+            }}
+            v-slots={{
+              toolbar: () => (
+                <el-space>
+                  <el-button type="primary" onClick={addModel}>
+                    新增模型
+                  </el-button>
+                </el-space>
+              )
+            }}
+          />
+        </div>
+      );
+    };
+    const releaseRows = () => {
+      console.log("发布");
+    };
+    const addModel = () => {
+      router.push({ path: "/test/index" });
+    }
+    return render;
+  }
+});
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/test/index.vue b/src/views/test/index.vue
index b2f5fd6..a681f95 100644
--- a/src/views/test/index.vue
+++ b/src/views/test/index.vue
@@ -1,1253 +1,55 @@
 <!-- 库存预测 -->
 <script lang="jsx">
 import {
-    computed,
-    defineComponent,
-    ref,
-    onMounted,
-    watchEffect,
-    watch
+  computed,
+  defineComponent,
+  ref,
+  onMounted,
+  watchEffect,
+  watch
 } from "vue";
 import { useExposeDialogArgs } from "@qomo-platform/core";
-// import { forecastInventoryList, forecastInventoryAdd } from "@/api/index";
+import {
+  getComponentTree,
+  saveFlowModel,
+  flowInstanceExecute
+} from "@/api/index";
 import { transformPageResponse } from "@/utils/qomo";
 import _ from "lodash";
 import { download } from "@qomo-platform/utils";
-
+import request from "@/service/request";
 export default defineComponent({
-    name: "test",
-    setup(props, { attrs, expose, slots = {} }) {
-        const { dialogRef, ...exposeDialogArgs } = useExposeDialogArgs();
+  name: "flowableOptions",
+  setup(props, { attrs, expose, slots = {} }) {
+    const { dialogRef, ...exposeDialogArgs } = useExposeDialogArgs();
 
-        return () =>
-            <div style='height:600px'>
-                <BaseFlowableOptions
-                    leftTreeRequest={async () => {
-                        return [
-                            {
-                                "id": 54,
-                                "name": "通用组件",
-                                "code": null,
-                                "groupId": null,
-                                "sortNo": 1,
-                                "type": null,
-                                "program": null,
-                                "color": "#FF5E48",
-                                "icon": null,
-                                "menuIcon": null,
-                                "canvasIcon": null,
-                                "flag": 1,
-                                "remark": "",
-                                "nodeType": 0,
-                                "children": [
-                                    {
-                                        "id": 86,
-                                        "name": "开始",
-                                        "code": "start",
-                                        "groupId": 54,
-                                        "sortNo": 1,
-                                        "type": "SPARK",
-                                        "program": "/a",
-                                        "color": "#2474FF",
-                                        "icon": null,
-                                        "menuIcon": "1.1_kaishi.svg",
-                                        "canvasIcon": "1.1_kaishi.svg",
-                                        "flag": 1,
-                                        "remark": null,
-                                        "nodeType": 1,
-                                        "children": null,
-                                        "componentCategoryList": [
-                                            {
-                                                "id": 663,
-                                                "componentId": 86,
-                                                "category": "3",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 17:03:07",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            },
-                                            {
-                                                "id": 664,
-                                                "componentId": 86,
-                                                "category": "2",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 17:03:07",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            },
-                                            {
-                                                "id": 665,
-                                                "componentId": 86,
-                                                "category": "1",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 17:03:07",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            }
-                                        ]
-                                    },
-                                    {
-                                        "id": 87,
-                                        "name": "结束",
-                                        "code": "end",
-                                        "groupId": 54,
-                                        "sortNo": 2,
-                                        "type": "SPARK",
-                                        "program": "/a",
-                                        "color": "#2474FF",
-                                        "icon": null,
-                                        "menuIcon": "1.2_jieshu.svg",
-                                        "canvasIcon": "1.2_jieshu.svg",
-                                        "flag": 1,
-                                        "remark": null,
-                                        "nodeType": 1,
-                                        "children": null,
-                                        "componentCategoryList": [
-                                            {
-                                                "id": 666,
-                                                "componentId": 87,
-                                                "category": "2",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 17:03:20",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            },
-                                            {
-                                                "id": 667,
-                                                "componentId": 87,
-                                                "category": "1",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 17:03:20",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            },
-                                            {
-                                                "id": 668,
-                                                "componentId": 87,
-                                                "category": "3",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 17:03:20",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            }
-                                        ]
-                                    }
-                                ],
-                                "componentCategoryList": null
-                            },
-                            {
-                                "id": 11,
-                                "name": "数据管理",
-                                "code": null,
-                                "groupId": null,
-                                "sortNo": 2,
-                                "type": null,
-                                "program": null,
-                                "color": "#1D98F1",
-                                "icon": null,
-                                "menuIcon": null,
-                                "canvasIcon": null,
-                                "flag": 1,
-                                "remark": "",
-                                "nodeType": 0,
-                                "children": [
-                                    {
-                                        "id": 39,
-                                        "name": "输入组件",
-                                        "code": null,
-                                        "groupId": null,
-                                        "sortNo": 1,
-                                        "type": null,
-                                        "program": null,
-                                        "color": "#1D98F1",
-                                        "icon": null,
-                                        "menuIcon": null,
-                                        "canvasIcon": null,
-                                        "flag": 1,
-                                        "remark": "",
-                                        "nodeType": 0,
-                                        "children": [
-                                            {
-                                                "id": 102,
-                                                "name": "数据湖输入",
-                                                "code": "NonRelationalInput",
-                                                "groupId": 39,
-                                                "sortNo": 1,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DbInputComponent",
-                                                "color": "#FF5E48",
-                                                "icon": null,
-                                                "menuIcon": "2.6_shujuhushuru.svg",
-                                                "canvasIcon": "2.6_shujuhushuru.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 743,
-                                                        "componentId": 102,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-26 18:13:33",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 744,
-                                                        "componentId": 102,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-26 18:13:33",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 745,
-                                                        "componentId": 102,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-26 18:13:33",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 39,
-                                                "name": "关系数据库输入",
-                                                "code": "dbInput",
-                                                "groupId": 39,
-                                                "sortNo": 1,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DbInputComponent",
-                                                "color": "#2474FF",
-                                                "icon": null,
-                                                "menuIcon": "2.1_guanxishuru.svg",
-                                                "canvasIcon": "2.1_guanxishuru.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 613,
-                                                        "componentId": 39,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:09:37",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 614,
-                                                        "componentId": 39,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:09:37",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 615,
-                                                        "componentId": 39,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:09:37",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 40,
-                                                "name": "Excel文件输入",
-                                                "code": "excelInput",
-                                                "groupId": 39,
-                                                "sortNo": 2,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.ExcelInputComponent",
-                                                "color": "#2474FF",
-                                                "icon": null,
-                                                "menuIcon": "2.2_excel.svg",
-                                                "canvasIcon": "2.2_excel.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 616,
-                                                        "componentId": 40,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:15:50",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 617,
-                                                        "componentId": 40,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:15:50",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 618,
-                                                        "componentId": 40,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:15:50",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 41,
-                                                "name": "动态输入",
-                                                "code": "DynamicInput",
-                                                "groupId": 39,
-                                                "sortNo": 3,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DynamicInputComponent",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "2.3_shuru.svg",
-                                                "canvasIcon": "2.3_shuru.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 619,
-                                                        "componentId": 41,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:16:04",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 620,
-                                                        "componentId": 41,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:16:04",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 621,
-                                                        "componentId": 41,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:16:04",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            }
-                                        ],
-                                        "componentCategoryList": null
-                                    },
-                                    {
-                                        "id": 40,
-                                        "name": "输出组件",
-                                        "code": null,
-                                        "groupId": null,
-                                        "sortNo": 2,
-                                        "type": null,
-                                        "program": null,
-                                        "color": "#1D98F1",
-                                        "icon": null,
-                                        "menuIcon": null,
-                                        "canvasIcon": null,
-                                        "flag": 1,
-                                        "remark": "",
-                                        "nodeType": 0,
-                                        "children": [
-                                            {
-                                                "id": 77,
-                                                "name": "关系数据库输出",
-                                                "code": "dbOutput",
-                                                "groupId": 40,
-                                                "sortNo": 1,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DbOutputComponent",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "2.4_shuchu.svg",
-                                                "canvasIcon": "2.4_shuchu.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 627,
-                                                        "componentId": 77,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:51:16",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 628,
-                                                        "componentId": 77,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:51:16",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 629,
-                                                        "componentId": 77,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:51:16",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 103,
-                                                "name": "数据湖输出",
-                                                "code": "NonRelationalOutput",
-                                                "groupId": 40,
-                                                "sortNo": 2,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DbOutputComponent",
-                                                "color": "#F09F2E",
-                                                "icon": null,
-                                                "menuIcon": "/qomo/oss/2024-04-18/940863944963264512.svg",
-                                                "canvasIcon": "/qomo/oss/2024-04-18/940863969650937856.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 933,
-                                                        "componentId": 103,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-18 17:04:22",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 934,
-                                                        "componentId": 103,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-18 17:04:22",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 935,
-                                                        "componentId": 103,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-18 17:04:22",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 79,
-                                                "name": "动态输出",
-                                                "code": "DynamicOutput",
-                                                "groupId": 40,
-                                                "sortNo": 3,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DynamicOutPutComponent",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "2.5_dongtaishuchu.svg",
-                                                "canvasIcon": "2.5_dongtaishuchu.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 630,
-                                                        "componentId": 79,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:51:32",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 631,
-                                                        "componentId": 79,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:51:33",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 632,
-                                                        "componentId": 79,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:51:33",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            }
-                                        ],
-                                        "componentCategoryList": null
-                                    }
-                                ],
-                                "componentCategoryList": null
-                            },
-                            {
-                                "id": 13,
-                                "name": "数据处理",
-                                "code": null,
-                                "groupId": null,
-                                "sortNo": 3,
-                                "type": null,
-                                "program": null,
-                                "color": "#2474FF",
-                                "icon": null,
-                                "menuIcon": null,
-                                "canvasIcon": null,
-                                "flag": 1,
-                                "remark": "",
-                                "nodeType": 0,
-                                "children": [
-                                    {
-                                        "id": 32,
-                                        "name": "预处理",
-                                        "code": null,
-                                        "groupId": null,
-                                        "sortNo": 1,
-                                        "type": null,
-                                        "program": null,
-                                        "color": "#2474FF",
-                                        "icon": null,
-                                        "menuIcon": null,
-                                        "canvasIcon": null,
-                                        "flag": 1,
-                                        "remark": "13",
-                                        "nodeType": 0,
-                                        "children": [
-                                            {
-                                                "id": 59,
-                                                "name": "缺失值填补",
-                                                "code": "MissingValue",
-                                                "groupId": 32,
-                                                "sortNo": 1,
-                                                "type": "PYTORCH",
-                                                "program": "/python/basic_components/missing_value.py",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "3.1_queshizhi.svg",
-                                                "canvasIcon": "3.1_queshizhi.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 974,
-                                                        "componentId": 59,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:49",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 975,
-                                                        "componentId": 59,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:49",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 976,
-                                                        "componentId": 59,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:49",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 72,
-                                                "name": "异常值检测",
-                                                "code": "AbnormalValue",
-                                                "groupId": 32,
-                                                "sortNo": 2,
-                                                "type": "PYTORCH",
-                                                "program": "/python/basic_components/outlier_detection.py",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "3.2_yichangzhi.svg",
-                                                "canvasIcon": "3.2_yichangzhi.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 980,
-                                                        "componentId": 72,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:54",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 981,
-                                                        "componentId": 72,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:54",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 982,
-                                                        "componentId": 72,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:54",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 74,
-                                                "name": "数据标准化",
-                                                "code": "DataStandardization",
-                                                "groupId": 32,
-                                                "sortNo": 3,
-                                                "type": "PYTORCH",
-                                                "program": "/python/basic_components/data_normalization.py",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "3.9_shujubiaozhunhua.svg",
-                                                "canvasIcon": "3.9_shujubiaozhunhua.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 983,
-                                                        "componentId": 74,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:58",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 984,
-                                                        "componentId": 74,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:58",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 985,
-                                                        "componentId": 74,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:20:58",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 105,
-                                                "name": "数据平滑处理",
-                                                "code": "DataSmoothing",
-                                                "groupId": 32,
-                                                "sortNo": 4,
-                                                "type": "PYTORCH",
-                                                "program": "/python/basic_components/data_smoothing.py",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "/qomo/oss/2024-04-18/940862935901802496.svg",
-                                                "canvasIcon": "/qomo/oss/2024-04-18/940862958270025728.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 986,
-                                                        "componentId": 105,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:21:01",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 987,
-                                                        "componentId": 105,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:21:01",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 988,
-                                                        "componentId": 105,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:21:01",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            }
-                                        ],
-                                        "componentCategoryList": null
-                                    },
-                                    {
-                                        "id": 33,
-                                        "name": "行处理",
-                                        "code": null,
-                                        "groupId": null,
-                                        "sortNo": 2,
-                                        "type": null,
-                                        "program": null,
-                                        "color": "#2474FF",
-                                        "icon": null,
-                                        "menuIcon": null,
-                                        "canvasIcon": null,
-                                        "flag": 1,
-                                        "remark": "1",
-                                        "nodeType": 0,
-                                        "children": [
-                                            {
-                                                "id": 81,
-                                                "name": "数据拆分",
-                                                "code": "DataSplitting",
-                                                "groupId": 33,
-                                                "sortNo": 1,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DataSplitComponent",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "3.3_shujuchaifen.svg",
-                                                "canvasIcon": "3.3_shujuchaifen.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 641,
-                                                        "componentId": 81,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:12",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 642,
-                                                        "componentId": 81,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:12",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 643,
-                                                        "componentId": 81,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:12",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 82,
-                                                "name": "数据连接",
-                                                "code": "Connection",
-                                                "groupId": 33,
-                                                "sortNo": 2,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DataJoinComponent",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "3.4_shujulianjie.svg",
-                                                "canvasIcon": "3.4_shujulianjie.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 645,
-                                                        "componentId": 82,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:24",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 646,
-                                                        "componentId": 82,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:24",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 647,
-                                                        "componentId": 82,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:24",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 83,
-                                                "name": "数据聚合",
-                                                "code": "DataAggregation",
-                                                "groupId": 33,
-                                                "sortNo": 3,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.DataAggComponent",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "3.5_shujujuhe.svg",
-                                                "canvasIcon": "3.5_shujujuhe.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 769,
-                                                        "componentId": 83,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-03-19 11:30:34",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 770,
-                                                        "componentId": 83,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-03-19 11:30:34",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 771,
-                                                        "componentId": 83,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-03-19 11:30:34",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                "id": 136,
-                                                "name": "数据宽表处理",
-                                                "code": "DataWideTable",
-                                                "groupId": 33,
-                                                "sortNo": 4,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.WideTableJoinComponent",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "/qomo/oss/2024-05-22/953165042059186176.jpg",
-                                                "canvasIcon": "/qomo/oss/2024-05-22/953165077882736640.jpg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 1061,
-                                                        "componentId": 136,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-06-03 09:10:21",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 1062,
-                                                        "componentId": 136,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-06-03 09:10:21",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 1063,
-                                                        "componentId": 136,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-06-03 09:10:21",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            }
-                                        ],
-                                        "componentCategoryList": null
-                                    },
-                                    {
-                                        "id": 34,
-                                        "name": "列处理",
-                                        "code": null,
-                                        "groupId": null,
-                                        "sortNo": 3,
-                                        "type": null,
-                                        "program": null,
-                                        "color": "#2474FF",
-                                        "icon": null,
-                                        "menuIcon": null,
-                                        "canvasIcon": null,
-                                        "flag": 1,
-                                        "remark": "3",
-                                        "nodeType": 0,
-                                        "children": [
-                                            {
-                                                "id": 78,
-                                                "name": "字段列拆分",
-                                                "code": "ColumnSplit",
-                                                "groupId": 34,
-                                                "sortNo": 1,
-                                                "type": "SPARK",
-                                                "program": "com.zzsmart.qomo.component.ColSplitComponent",
-                                                "color": "#1D98F1",
-                                                "icon": null,
-                                                "menuIcon": "3.6_ziduanchaifen.svg",
-                                                "canvasIcon": "3.6_ziduanchaifen.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 651,
-                                                        "componentId": 78,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:52",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 652,
-                                                        "componentId": 78,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:52",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 653,
-                                                        "componentId": 78,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-02-05 16:56:52",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            }
-                                        ],
-                                        "componentCategoryList": null
-                                    }
-                                ],
-                                "componentCategoryList": null
-                            },
-                            {
-                                "id": 41,
-                                "name": "统计分析",
-                                "code": null,
-                                "groupId": null,
-                                "sortNo": 7,
-                                "type": null,
-                                "program": null,
-                                "color": "#FF5E48",
-                                "icon": null,
-                                "menuIcon": null,
-                                "canvasIcon": null,
-                                "flag": 1,
-                                "remark": "常规统计分析模型",
-                                "nodeType": 0,
-                                "children": [
-                                    {
-                                        "id": 55,
-                                        "name": "描述性统计",
-                                        "code": null,
-                                        "groupId": null,
-                                        "sortNo": 1,
-                                        "type": null,
-                                        "program": null,
-                                        "color": "#FF5E48",
-                                        "icon": null,
-                                        "menuIcon": null,
-                                        "canvasIcon": null,
-                                        "flag": 1,
-                                        "remark": "",
-                                        "nodeType": 0,
-                                        "children": [
-                                            {
-                                                "id": 90,
-                                                "name": "数据特征描述",
-                                                "code": "DataCharacteristic",
-                                                "groupId": 55,
-                                                "sortNo": 3,
-                                                "type": "PYTORCH",
-                                                "program": "/python/statistical_nalysis/data_describe.py",
-                                                "color": "#FF5E48",
-                                                "icon": null,
-                                                "menuIcon": "6.1_shujutezhengmiaoshu.svg",
-                                                "canvasIcon": "6.1_shujutezhengmiaoshu.svg",
-                                                "flag": 1,
-                                                "remark": null,
-                                                "nodeType": 1,
-                                                "children": null,
-                                                "componentCategoryList": [
-                                                    {
-                                                        "id": 1034,
-                                                        "componentId": 90,
-                                                        "category": "3",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:29:40",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 1035,
-                                                        "componentId": 90,
-                                                        "category": "2",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:29:40",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    },
-                                                    {
-                                                        "id": 1036,
-                                                        "componentId": 90,
-                                                        "category": "1",
-                                                        "createBy": null,
-                                                        "createTime": "2024-04-26 11:29:40",
-                                                        "updateBy": null,
-                                                        "updateTime": null
-                                                    }
-                                                ]
-                                            }
-                                        ],
-                                        "componentCategoryList": null
-                                    }
-                                ],
-                                "componentCategoryList": null
-                            },
-                            {
-                                "id": 57,
-                                "name": "扩展编程",
-                                "code": null,
-                                "groupId": null,
-                                "sortNo": 10,
-                                "type": null,
-                                "program": null,
-                                "color": "",
-                                "icon": null,
-                                "menuIcon": null,
-                                "canvasIcon": null,
-                                "flag": 1,
-                                "remark": "",
-                                "nodeType": 0,
-                                "children": [
-                                    {
-                                        "id": 100,
-                                        "name": "python编程",
-                                        "code": "PythonRun",
-                                        "groupId": 57,
-                                        "sortNo": 1,
-                                        "type": "PYTHON",
-                                        "program": "/python",
-                                        "color": "#1D98F1",
-                                        "icon": null,
-                                        "menuIcon": "10.1_python.svg",
-                                        "canvasIcon": "10.1_python.svg",
-                                        "flag": 1,
-                                        "remark": null,
-                                        "nodeType": 1,
-                                        "children": null,
-                                        "componentCategoryList": [
-                                            {
-                                                "id": 692,
-                                                "componentId": 100,
-                                                "category": "3",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 18:01:47",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            },
-                                            {
-                                                "id": 693,
-                                                "componentId": 100,
-                                                "category": "1",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 18:01:47",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            },
-                                            {
-                                                "id": 694,
-                                                "componentId": 100,
-                                                "category": "2",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 18:01:47",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            }
-                                        ]
-                                    },
-                                    {
-                                        "id": 101,
-                                        "name": "Shell编程",
-                                        "code": "ShellRun",
-                                        "groupId": 57,
-                                        "sortNo": 2,
-                                        "type": "SHELL",
-                                        "program": "/bin",
-                                        "color": "#2474FF",
-                                        "icon": null,
-                                        "menuIcon": "10.2_shell.svg",
-                                        "canvasIcon": "10.2_shell.svg",
-                                        "flag": 1,
-                                        "remark": null,
-                                        "nodeType": 1,
-                                        "children": null,
-                                        "componentCategoryList": [
-                                            {
-                                                "id": 695,
-                                                "componentId": 101,
-                                                "category": "1",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 18:01:50",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            },
-                                            {
-                                                "id": 696,
-                                                "componentId": 101,
-                                                "category": "3",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 18:01:50",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            },
-                                            {
-                                                "id": 697,
-                                                "componentId": 101,
-                                                "category": "2",
-                                                "createBy": null,
-                                                "createTime": "2024-02-05 18:01:50",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            }
-                                        ]
-                                    },
-                                    {
-                                        "id": 122,
-                                        "name": "SQL组件",
-                                        "code": "SqlRun",
-                                        "groupId": 57,
-                                        "sortNo": 3,
-                                        "type": "SPARK",
-                                        "program": "com.zzsmart.qomo.component.DbSqlComponent",
-                                        "color": "#1D98F1",
-                                        "icon": null,
-                                        "menuIcon": "/qomo/oss/2024-03-31/934243632469381120.svg",
-                                        "canvasIcon": "/qomo/oss/2024-03-31/934243700878479360.svg",
-                                        "flag": 1,
-                                        "remark": null,
-                                        "nodeType": 1,
-                                        "children": null,
-                                        "componentCategoryList": [
-                                            {
-                                                "id": 848,
-                                                "componentId": 122,
-                                                "category": "1",
-                                                "createBy": null,
-                                                "createTime": "2024-04-07 11:55:09",
-                                                "updateBy": null,
-                                                "updateTime": null
-                                            }
-                                        ]
-                                    }
-                                ],
-                                "componentCategoryList": null
-                            }
-                        ];
-                    }}
-                    saveRequest={async data => {
-                        //await saveMode(data);
-                    }}
-                    runRequest={async data => {
-                        alert('运行');
-                    }}
-                    customTabs={{
-                        dbOutput: (data) => (
-                            <>
-                                <ElTabPane label="节点信息22" name="jdxx">
-                                    <div class="node_options">{JSON.stringify(data)}</div>
-                                </ElTabPane>
-                            </>
-                        )
-                    }}
-                ></BaseFlowableOptions>;
-            </div>
-
-    }
+    return () => (
+      <div style='height:700px'>
+         <BaseFlowableOptions
+          leftTreeRequest={async () => {
+            const data = await getComponentTree({
+              category: 1
+            });
+            return data;
+          }}
+          saveRequest={async data => {
+            data.id = '19';
+            data.topMaterialCode = 'mn001';
+            await saveFlowModel(data);
+            //await saveMode(data);
+          }}
+          request={request}
+          runRequest={async data => {
+            const result = await flowInstanceExecute(data);
+            return result;
+          }}
+          customTabs={{
+            
+          }}
+        ></BaseFlowableOptions>
+      </div>
+    );
+  }
 });
 </script>
 <style scoped lang="scss"></style>
diff --git a/vite.config.js b/vite.config.js
index 1458485..8180e50 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -22,7 +22,7 @@ function getLocalIpAddress() {
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {
   const env = loadEnv(mode, process.cwd());
-  const { VITE_APP_ENV ,VITE_APP_PATH} = env;
+  const { VITE_APP_ENV, VITE_APP_PATH } = env;
   return {
     // 部署生产环境和开发环境下的URL。
     // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
@@ -50,18 +50,32 @@ export default defineConfig(({ mode, command }) => {
       disableHostCheck: true,
       host: getLocalIpAddress(),
       open: true,
-      hmr:{overlay:false},
+      hmr: { overlay: false },
       proxy: {
         // https://cn.vitejs.dev/config/#server-proxy
         "/qomo": {
           // target: "http://172.16.0.241:8095", //wq
-          target: "http://172.16.0.214:8095",  //bgy
-          // target: "http://192.168.50.9:8095",
+          target: "http://172.16.0.162:8082",  //bgy
+          // target: "http://192.168.50.9:2999",//中智平台
           changeOrigin: true,
           pathRewrite: {
             "^/qomo": "/qomo"
           }
         },
+        "/qomo/flowSocket": {
+          // target: 'ws://192.168.0.66:60601/',这是后端接口地址
+          target: 'ws://172.16.0.162:8082',
+          // target: 'ws://192.168.50.99:2999',
+          changeOrigin: true,
+          ws: true
+        },
+        "/qomo/taskSocket": {
+          // target: 'ws://192.168.0.66:60601/',这是后端接口地址
+          target: 'ws://172.16.0.162:8082',
+          // target: 'ws://192.168.50.99:2999',
+          changeOrigin: true,
+          ws: true
+        },
       },
       headers: {
         "Access-Control-Allow-Origin": "*"