xiaxl
2 years ago
1 changed files with 327 additions and 219 deletions
Unified View
Diff Options
+ 327
- 219
smtweb-framework/bpm/src/main/resources/static/template/default/model_card_flow.ftl
View File
| @@ -1,7 +1,5 @@ | |||||
| <#--<#assign group_num =layout.flow[0].fields?size / param.group_num>--> | |||||
| { | { | ||||
| "version": 6, | "version": 6, | ||||
| <#-- "group_num":${group_num?ceiling},--> | |||||
| "form": [ | "form": [ | ||||
| { | { | ||||
| "page": { | "page": { | ||||
| @@ -85,7 +83,7 @@ | |||||
| ] | ] | ||||
| }, | }, | ||||
| { | { | ||||
| "id": "18306e14164", | |||||
| "id": "${newId()}", | |||||
| "type": "fx-form-panel", | "type": "fx-form-panel", | ||||
| "shape": "panel", | "shape": "panel", | ||||
| "props": { | "props": { | ||||
| @@ -125,247 +123,357 @@ | |||||
| "shape": "panel", | "shape": "panel", | ||||
| "props": { | "props": { | ||||
| "size": "", | "size": "", | ||||
| "horizontal": false, | |||||
| "scroll": true, | |||||
| "name": "s12" | |||||
| "horizontal": true, | |||||
| "scroll": true | |||||
| }, | }, | ||||
| "children": [ | "children": [ | ||||
| <#list layout.card as group> | |||||
| <#assign field = group.fields> | |||||
| { | { | ||||
| "id": "${newId()}", | "id": "${newId()}", | ||||
| "type": "fx-form-panel", | |||||
| "type": "fx-split-panel", | |||||
| "shape": "panel", | "shape": "panel", | ||||
| "props": { | "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": [ | "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()}", | "id": "${newId()}", | ||||
| "type": "fx-form-panel", | |||||
| "type": "fx-split-panel", | |||||
| "shape": "panel", | "shape": "panel", | ||||
| "props": { | "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": [ | "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": { | "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": { | "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()}", | "id": "${newId()}", | ||||
| "type": "fx-form-panel", | "type": "fx-form-panel", | ||||
| @@ -703,7 +811,7 @@ | |||||
| ] | ] | ||||
| } | } | ||||
| }, | }, | ||||
| { | |||||
| { | |||||
| "page": { | "page": { | ||||
| "id": "${newId()}", | "id": "${newId()}", | ||||
| "type": "fx-dialog", | "type": "fx-dialog", | ||||