diff --git a/smtweb-framework/bpm/src/main/resources/static/template/default/model_card_flow.ftl b/smtweb-framework/bpm/src/main/resources/static/template/default/model_card_flow.ftl
index 2b7efe8..b0097a1 100644
--- a/smtweb-framework/bpm/src/main/resources/static/template/default/model_card_flow.ftl
+++ b/smtweb-framework/bpm/src/main/resources/static/template/default/model_card_flow.ftl
@@ -1,7 +1,5 @@
-<#--<#assign group_num =layout.flow[0].fields?size / param.group_num>-->
 {
   "version": 6,
-<#--  "group_num":${group_num?ceiling},-->
   "form": [
     {
       "page": {
@@ -85,7 +83,7 @@
               ]
               },
               {
-              "id": "18306e14164",
+              "id": "${newId()}",
               "type": "fx-form-panel",
               "shape": "panel",
               "props": {
@@ -125,247 +123,357 @@
             "shape": "panel",
             "props": {
               "size": "",
-              "horizontal": false,
-              "scroll": true,
-              "name": "s12"
+              "horizontal": true,
+              "scroll": true
             },
             "children": [
-              <#list layout.card as group>
-              <#assign field = group.fields>
               {
                 "id": "${newId()}",
-                "type": "fx-form-panel",
+                "type": "fx-split-panel",
                 "shape": "panel",
                 "props": {
-                   "size": "16",
-                   "backgroundColor": "--color-transparent"
-                },
-                "children": []
-              },
-              {
-                "id": "${newId()}",
-                "type": "fx-form-panel",
-                "shape": "panel",
-                "props": {
-                  "size": "0",
-                  <#if param.col lte 1>
-                  "gridTemplateColumns": "1fr 2fr",
-                  <#elseif param.col gte 2>
-                  "gridTemplateColumns": "1fr 1fr 1fr",
-                  </#if>
-                  "paddingTop": 32
+                  "size": "",
+                  "horizontal": false,
+                  "scroll": true,
+                  "name": "s12"
                 },
                 "children": [
-                  <#list group.fields as fields>
-  <#--                  <#list num..(group.fields?size?number)!0 as i>-->
-                {
-    "id": "id${newId()}",
-    <#if (fields.readonly = true)>
-      "type": "fx-text",
-    <#else>
-      "type": "${fields.editor}",
-    </#if>
-    "props": {
-    "label": "${fields.label}",
-    "dataset": "${fields.dataset}",
-    "required": "${fields.required}",
-    "field": "${fields.id}",
-    <#if fields.maxlength gt 0>
-      "maxlength": ${fields.maxlength},
-    </#if>
-    <#if fields.lookup??>
-      "lookup": {
-      <#list fields.lookup as k, v>
-        "${k}": "${v}" <#if  k_has_next>,</#if>
-      </#list>
-      },
-    </#if>
-    "placeholder": "请输入内容",
-    <#if (param.col = 2)>
-      "tips": "${fields.desc}",
-    </#if>
-    "labelWidth": 100,
-    <#if (fields.readonly = true)>
-      "readonly": true,
-    <#else>
-      "readonly": false,
-    </#if>
-    "affixError": true
-    },
-    "events": {}
-    }
-    <#if fields_has_next>
-      <#if (param.col lte 1 )>
-        <#if (fields.desc != "")>
-          ,{
-          "id": "id181d83cdb41",
-          "type": "fx-label",
-          "props": {
-          "label": "${fields.desc}",
-          "labelWidth": 0,
-          "affixError": true,
-          "labelAlign": "left"
-          }
-          }
-        <#else>
-          ,{
-          "id": "id${newId()}",
-          "type": "fx-placeholder",
-          "props": {
-          "label": "占位"
-          },
-          "layout": {
-          "row": 1
-          }
-          }
-        </#if>
-      </#if>
-      <#if (param.col = 2 && ((fields_index+1) % 2 = 0 ) )>
-        ,{
-        "id": "id${newId()}",
-        "type": "fx-placeholder",
-        "props": {
-        "label": "占位"
-        },
-        "layout": {
-        "row": 1
-        }
-        }
-      </#if>
-      ,
-    </#if>
-  </#list>
-  ]
+                  <#list layout.card as group>
+                  <#assign field = group.fields>
+                  {
+                    "id": "${newId()}",
+                    "type": "fx-form-panel",
+                    "shape": "panel",
+                    "props": {
+                      "size": "16",
+                      "backgroundColor": "--color-transparent"
+                    },
+                    "children": []
+                  },
+                  {
+                    "id": "${newId()}",
+                    "type": "fx-form-panel",
+                    "shape": "panel",
+                    "props": {
+                      "size": "0",
+                      <#if param.col lte 1>
+                      "gridTemplateColumns": "1fr 2fr",
+                      <#elseif param.col gte 2>
+                      "gridTemplateColumns": "1fr 1fr 1fr",
+                      </#if>
+                      "paddingTop": 32
+                    },
+                    "children": [
+                      <#list group.fields as fields>
+                      <#--                  <#list num..(group.fields?size?number)!0 as i>-->
+                      {
+                        "id": "id${newId()}",
+                        <#if (fields.readonly = true)>
+                        "type": "fx-text",
+                        <#else>
+                        "type": "${fields.editor}",
+                        </#if>
+                        "props": {
+                          "label": "${fields.label}",
+                          "dataset": "${fields.dataset}",
+                          "required": "${fields.required}",
+                          "field": "${fields.id}",
+                          <#if fields.maxlength gt 0>
+                          "maxlength": ${fields.maxlength},
+                      </#if>
+                      <#if fields.lookup??>
+                      "lookup": {
+                        <#list fields.lookup as k, v>
+                        "${k}": "${v}" <#if  k_has_next>,</#if>
+                        </#list>
+                      },
+                      </#if>
+                      "placeholder": "请输入内容",
+                      <#if (param.col = 2)>
+                      "tips": "${fields.desc}",
+                      </#if>
+                      "labelWidth": 100,
+                      <#if (fields.readonly = true)>
+                      "readonly": true,
+                      <#else>
+                      "readonly": false,
+                      </#if>
+                      "affixError": true
+                      },
+                      "events": {}
+                      }
+                      <#if fields_has_next>
+                      <#if (param.col lte 1 )>
+                      <#if (fields.desc != "")>
+                    ,{
+                        "id": "id181d83cdb41",
+                        "type": "fx-label",
+                        "props": {
+                          "label": "${fields.desc}",
+                          "labelWidth": 0,
+                          "affixError": true,
+                          "labelAlign": "left"
+                        }
+                      }
+                      <#else>
+                    ,{
+                        "id": "id${newId()}",
+                        "type": "fx-placeholder",
+                        "props": {
+                          "label": "占位"
+                        },
+                        "layout": {
+                          "row": 1
+                        }
+                      }
+                      </#if>
+                      </#if>
+                      <#if (param.col = 2 && ((fields_index+1) % 2 = 0 ) )>
+                    ,{
+                        "id": "id${newId()}",
+                        "type": "fx-placeholder",
+                        "props": {
+                          "label": "占位"
+                        },
+                        "layout": {
+                          "row": 1
+                        }
+                      }
+                      </#if>
+                    ,
+                      </#if>
+                      </#list>
+                    ]
 
-  },
-<#--              <#if i+1 lt param.group_num?number>-->
-<#--                  ,-->
-<#--              </#if>-->
-<#--              </#list>-->
-</#list>
-              <#list layout.flow as group>
-              <#assign field = group.fields>
-              {
-                "id": "${newId()}",
-                "type": "fx-form-panel",
-                "shape": "panel",
-                "props": {
-                  "size": "16",
-                  "backgroundColor": "--color-transparent"
-                },
-                "children": []
+                  },
+                  </#list>
+                  <#list layout.flow as group>
+                  <#assign field = group.fields>
+                  {
+                    "id": "${newId()}",
+                    "type": "fx-form-panel",
+                    "shape": "panel",
+                    "props": {
+                      "size": "16",
+                      "backgroundColor": "--color-transparent"
+                    },
+                    "children": []
+                  },
+                  {
+
+                    "id": "${newId()}",
+                    "type": "fx-form-panel",
+                    "shape": "panel",
+                    "props": {
+                      "size": "0",
+                      <#if param.col lte 1>
+                      "gridTemplateColumns": "1fr 2fr",
+                      <#elseif param.col gte 2>
+                      "gridTemplateColumns": "1fr 1fr 1fr",
+                      </#if>
+                      "paddingTop": 32
+                    },
+                    "children": [
+                      <#list group.fields as fields>
+                      {
+                        "id": "id${newId()}",
+                        <#if (fields.readonly = true)>
+                        "type": "fx-text",
+                        <#else>
+                        "type": "${fields.editor}",
+                        </#if>
+                        "props": {
+                          "label": "${fields.label}",
+                          "dataset": "${fields.dataset}",
+                          "required": "${fields.required}",
+                          "field": "${fields.id}",
+                          <#if fields.maxlength gt 0>
+                          "maxlength": ${fields.maxlength},
+                      </#if>
+                      <#if fields.lookup??>
+                      "lookup": {
+                        <#list fields.lookup as k, v>
+                        "${k}": "${v}" <#if  k_has_next>,</#if>
+                        </#list>
+                      },
+                      </#if>
+                      "placeholder": "请输入内容",
+                      <#if (param.col = 2)>
+                      "tips": "${fields.desc}",
+                      </#if>
+                      "labelWidth": 100,
+                      <#if (fields.readonly = true)>
+                      "readonly": true,
+                      <#else>
+                      "readonly": false,
+                      </#if>
+                      "affixError": true
+                      },
+                      "events": {}
+                      }
+                      <#if fields_has_next>
+                      <#if (param.col lte 1 )>
+                      <#if (fields.desc != "")>
+                    ,{
+                        "id": "id181d83cdb41",
+                        "type": "fx-label",
+                        "props": {
+                          "label": "${fields.desc}",
+                          "labelWidth": 0,
+                          "affixError": true,
+                          "labelAlign": "left"
+                        }
+                      }
+                      <#else>
+                    ,{
+                        "id": "id${newId()}",
+                        "type": "fx-placeholder",
+                        "props": {
+                          "label": "占位"
+                        },
+                        "layout": {
+                          "row": 1
+                        }
+                      }
+                      </#if>
+                      </#if>
+                      <#if (param.col = 2 && ((fields_index+1) % 2 = 0 ) )>
+                    ,{
+                        "id": "id${newId()}",
+                        "type": "fx-placeholder",
+                        "props": {
+                          "label": "占位"
+                        },
+                        "layout": {
+                          "row": 1
+                        }
+                      }
+                      </#if>
+                    ,
+                      </#if>
+                      </#list>
+                    ]
+
+                  }
+                  </#list>
+                ,{
+                    "id": "${newId()}",
+                    "type": "fx-form-panel",
+                    "shape": "panel",
+                    "props": {},
+                    "children": []
+                  }
+                ]
               },
               {
-
                 "id": "${newId()}",
-                "type": "fx-form-panel",
+                "type": "fx-split-panel",
                 "shape": "panel",
                 "props": {
-                  "size": "0",
-                  <#if param.col lte 1>
-                  "gridTemplateColumns": "1fr 2fr",
-                  <#elseif param.col gte 2>
-                  "gridTemplateColumns": "1fr 1fr 1fr",
-                  </#if>
-                  "paddingTop": 32
+                  "horizontal": false,
+                  "size": "250"
                 },
                 "children": [
-                  <#list group.fields as fields>
-<#--                  <#list num..(group.fields?size?number)!0 as i>-->
                   {
-                    "id": "id${newId()}",
-                    <#if (fields.readonly = true)>
-                    "type": "fx-text",
-                    <#else>
-                    "type": "${fields.editor}",
-                    </#if>
-                    "props": {
-                      "label": "${fields.label}",
-                      "dataset": "${fields.dataset}",
-                      "required": "${fields.required}",
-                      "field": "${fields.id}",
-                      <#if fields.maxlength gt 0>
-                      "maxlength": ${fields.maxlength},
-                  </#if>
-                  <#if fields.lookup??>
-                  "lookup": {
-                    <#list fields.lookup as k, v>
-                    "${k}": "${v}" <#if  k_has_next>,</#if>
-                    </#list>
-                  },
-                  </#if>
-                  "placeholder": "请输入内容",
-                  <#if (param.col = 2)>
-                  "tips": "${fields.desc}",
-                  </#if>
-                  "labelWidth": 100,
-                  <#if (fields.readonly = true)>
-                  "readonly": true,
-                  <#else>
-                  "readonly": false,
-                  </#if>
-                  "affixError": true
-                  },
-                  "events": {}
-                  }
-                  <#if fields_has_next>
-                  <#if (param.col lte 1 )>
-                  <#if (fields.desc != "")>
-                ,{
-                    "id": "id181d83cdb41",
-                    "type": "fx-label",
-                    "props": {
-                      "label": "${fields.desc}",
-                      "labelWidth": 0,
-                      "affixError": true,
-                      "labelAlign": "left"
-                    }
-                  }
-                  <#else>
-                ,{
-                    "id": "id${newId()}",
-                    "type": "fx-placeholder",
+                    "id": "${newId()}",
+                    "type": "fx-form-panel",
+                    "shape": "panel",
                     "props": {
-                      "label": "占位"
+                      "size": "16",
+                      "backgroundColor": "--color-transparent"
                     },
-                    "layout": {
-                      "row": 1
-                    }
-                  }
-                  </#if>
-                  </#if>
-                  <#if (param.col = 2 && ((fields_index+1) % 2 = 0 ) )>
-                ,{
-                    "id": "id${newId()}",
-                    "type": "fx-placeholder",
+                    "children": []
+                  },
+                  {
+                    "id": "${newId()}",
+                    "type": "fx-split-panel",
+                    "shape": "panel",
                     "props": {
-                      "label": "占位"
+                      "horizontal": true
                     },
-                    "layout": {
-                      "row": 1
-                    }
+                    "children": [
+                      {
+                        "id": "${newId()}",
+                        "type": "fx-form-panel",
+                        "shape": "panel",
+                        "props": {
+                          "size": "16",
+                          "backgroundColor": "--color-transparent"
+                        },
+                        "children": []
+                      },
+                      {
+                        "id": "${newId()}",
+                        "type": "fx-split-panel",
+                        "shape": "panel",
+                        "props": {
+                          "size": "",
+                          "horizontal": false
+                        },
+                        "children": [
+                          {
+                            "id": "${newId()}",
+                            "type": "fx-form-panel",
+                            "shape": "panel",
+                            "props": {
+                              "alignX": "center",
+                              "alignY": "center",
+                              "paddingTop": 36,
+                              "paddingBottom": 36,
+                              "size": "",
+                              "scroll": false
+                            },
+                            "children": [
+                              {
+                                "id": "${newId()}",
+                                "type": "fx-steps",
+                                "w": 3,
+                                "h": 2,
+                                "props": {
+                                  "active": 1,
+                                  "direction": "vertical"
+                                },
+                                "slots": {
+                                  "default": [
+                                    {
+                                      "type": "fx-step",
+                                      "props": {
+                                        "label": "步骤一",
+                                        "description": "我是一段描述"
+                                      },
+                                      "id": "${newId()}"
+                                    },
+                                    {
+                                      "type": "fx-step",
+                                      "props": {
+                                        "label": "步骤二",
+                                        "description": "我也是一段描述"
+                                      },
+                                      "id": "${newId()}"
+                                    },
+                                    {
+                                      "type": "fx-step",
+                                      "props": {
+                                        "label": "步骤三",
+                                        "description": "我也也是一段描述"
+                                      },
+                                      "id": "${newId()}"
+                                    }
+                                  ]
+                                },
+                                "events": {}
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
                   }
-                  </#if>
-                ,
-                  </#if>
-                  </#list>
                 ]
-
               }
-<#--              <#if i+1 lt param.group_num?number>-->
-<#--                  ,-->
-<#--              </#if>-->
-<#--              </#list>-->
-              </#list>
-,{
-"id": "182fcdafb28",
-"type": "fx-form-panel",
-"shape": "panel",
-"props": {},
-"children": []
-}
             ]
           },
+
           {
             "id": "${newId()}",
             "type": "fx-form-panel",
@@ -703,7 +811,7 @@
         ]
       }
     },
-{
+    {
   "page": {
   "id": "${newId()}",
       "type": "fx-dialog",