From 5110b06a672168cbcb3c60086f9a3a9f2f0ef486 Mon Sep 17 00:00:00 2001 From: xiaxl Date: Thu, 1 Sep 2022 21:15:32 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=82=B9flow=E6=A8=A1?= =?UTF-8?q?=E6=9D=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../static/template/default/model_card_flow.ftl | 803 ++++++++++++--------- 1 file changed, 473 insertions(+), 330 deletions(-) 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 2135d2e..a350013 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,5 +1,7 @@ +<#--<#assign group_num =layout.flow[0].fields?size / param.group_num>--> { "version": 6, +<#-- "group_num":${group_num?ceiling},--> "form": [ { "page": { @@ -75,34 +77,46 @@ { "type": "fx-button", "props": { + "name": "button:delete", "label": "删除", "leftIcon": "delete", "action": "button:delCard" }, - "id": "${newId()}" + "id": "${newId()}", + "vars": { + "$ref": "$ref" + } }, { "id": "${newId()}", "type": "fx-button", "props": { + "name": "button:new", "label": "新增", "type": "primary", "leftIcon": "plus", "action": "button:addCard" + }, + "vars": { + "$ref": "$ref" } }, - { - "id": "id182e345bb7b", - "type": "fx-button", - "props": { - "label": "返回", - "type": "success", - "size": "default", - "action": "button:backList", - "leftIcon": "list-top" - }, - "events": {} - } + { + "id": "${newId()}", + "type": "fx-button", + "props": { + "name": "button:return", + "label": "返回", + "type": "success", + "size": "default", + "action": "button:backList", + "leftIcon": "list-top" + }, + "events": {}, + "vars": { + "$ref": "$ref" + } + } ] } } @@ -112,25 +126,6 @@ }, { "id": "${newId()}", - "type": "fx-form-panel", - "shape": "panel", - "props": { - "size": "0" - }, - "children": [ - { - "id": "${newId()}", - "type": "fx-divider", - "props": { - "label": "", - "contentPosition": "center", - "direction": "horizontal" - } - } - ] - }, - { - "id": "${newId()}", "type": "fx-split-panel", "shape": "panel", "props": { @@ -140,262 +135,235 @@ "name": "s12" }, "children": [ - { - <#list layout.flow as group> - "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", - - "paddingTop": 32 - }, - <#assign fields = group.fields> - "children": [ - <#list fields as field> - { - "id": "id${newId()}", - <#if (field.readonly = true)> - "type": "fx-text", - <#else> - "type": "${field.editor}", - - "props": { - "label": "${field.label}", - "type": "text", - "dataset": "${field.dataset}", - "required": "${field.required}", - "field": "${field.id}", - <#if field.maxlength gt 0> - "maxlength": ${field.maxlength}, - - <#if field.lookup??> - "lookup": { - <#list field.lookup as k, v> - "${k}": "${v}" <#if k_has_next>, - - }, - - "placeholder": "请输入内容", - <#if (param.col = 2)> - "tips": "${field.desc}", - - "labelWidth": 100, - <#if (field.readonly = true)> - "readonly": true, - <#else> - "readonly": false, - - "affixError": true - }, - "events": {} - } - <#if field_has_next> - <#if (param.col lte 1 )> - <#if (field.desc != "")> - ,{ - "id": "id181d83cdb41", - "type": "fx-label", - "props": { - "label": "${field.desc}", - "labelWidth": 0, - "affixError": true, - "labelAlign": "left" - } - } - <#else> - ,{ - "id": "id${newId()}", - "type": "fx-placeholder", - "props": { - "label": "占位" - }, - "layout": { - "row": 1 - } - } - - - <#if (param.col = 2 && ((field_index+1) % 2 = 0 ) )> - ,{ - "id": "id${newId()}", - "type": "fx-placeholder", - "props": { - "label": "占位" - }, - "layout": { - "row": 1 - } - } - - , - - - ] - - }, + <#list layout.card as group> + <#assign field = group.fields> { "id": "${newId()}", "type": "fx-form-panel", "shape": "panel", "props": { - "size": "10", - "backgroundColor": "transparent" + "size": "10", + "backgroundColor": "--color-transparent" }, "children": [] }, { "id": "${newId()}", - "type": "fx-split-panel", + "type": "fx-form-panel", "shape": "panel", "props": { - "size": "48", - "horizontal": true + "size": "0", + <#if param.col lte 1> + "gridTemplateColumns": "1fr 2fr", + <#elseif param.col gte 2> + "gridTemplateColumns": "1fr 1fr 1fr", + + "paddingTop": 32 }, "children": [ - { - "id": "${newId()}", - "type": "fx-form-panel", - "shape": "panel", - "props": { - "size": "", - "label": "", - "colNum": 2, - "alignY": "center", - "paddingLeft": 32, - "paddingRight": 32, - "shadow": "", - "backgroundImage": "bgImg-region-title" - }, - "children": [ - { - "id": "id${newId()}", - "type": "fx-title", - "props": { - "label": "子表列表配置", - "fontSize": 16, - "color": "#01070D", - "fontWeight": "bold", - "showPrefix": false, - "prefixWidth": 5, - "prefixHeight": 24, - "prefixColor": "#1E90FF" - } - } - ] - }, - { - "id": "id${newId()}", - "type": "fx-form-panel", - "shape": "panel", - "props": { - "alignX": "center", - "size": "150", - "alignY": "center", - "backgroundImage": "bgImg-region-title" - }, - "children": [ - { - "id": "id${newId()}", - "type": "fx-button", - "props": { - "label": "新增", - "type": "primary", - "action": "button:addRow", - "size": "default", - "linkType": "dialog", - "leftIcon": "plus", - "fxLink": "dialog:cardSubDialog", - "fxLink_text": "子表编辑卡片", - "nextAction": "", - "preAction": "", - "dataset": "${layout.listSub[0].dataset}" - }, - "events": {} - } - ] - } - ] + <#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}", + + "props": { + "label": "${fields.label}", + "type": "text", + "dataset": "${fields.dataset}", + "required": "${fields.required}", + "field": "${fields.id}", + <#if fields.maxlength gt 0> + "maxlength": ${fields.maxlength}, + + <#if fields.lookup??> + "lookup": { + <#list fields.lookup as k, v> + "${k}": "${v}" <#if k_has_next>, + + }, + + "placeholder": "请输入内容", + <#if (param.col = 2)> + "tips": "${fields.desc}", + + "labelWidth": 100, + <#if (fields.readonly = true)> + "readonly": true, + <#else> + "readonly": false, + + "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 (param.col = 2 && ((fields_index+1) % 2 = 0 ) )> + ,{ + "id": "id${newId()}", + "type": "fx-placeholder", + "props": { + "label": "占位" + }, + "layout": { + "row": 1 + } + } + + , + + + ] + + }, +<#-- <#if i+1 lt param.group_num?number>--> +<#-- ,--> +<#-- --> +<#-- --> + + <#list layout.flow as group> + <#assign field = group.fields> + { + "id": "${newId()}", + "type": "fx-form-panel", + "shape": "panel", + "props": { + "size": "10", + "backgroundColor": "--color-transparent" + }, + "children": [] }, { + "id": "${newId()}", "type": "fx-form-panel", "shape": "panel", "props": { - "size": "400", - "label": "列表", - "colNum": 0, - "paddingLeft": 20, - "paddingRight": 20, - "shadow": "", - "paddingTop": 0 + "size": "0", + <#if param.col lte 1> + "gridTemplateColumns": "1fr 2fr", + <#elseif param.col gte 2> + "gridTemplateColumns": "1fr 1fr 1fr", + + "paddingTop": 32 }, "children": [ + <#list group.fields as fields> +<#-- <#list num..(group.fields?size?number)!0 as i>--> { "id": "id${newId()}", - "type": "fx-table", + <#if (fields.readonly = true)> + "type": "fx-text", + <#else> + "type": "${fields.editor}", + + "props": { + "label": "${fields.label}", + "type": "text", + "dataset": "${fields.dataset}", + "required": "${fields.required}", + "field": "${fields.id}", + <#if fields.maxlength gt 0> + "maxlength": ${fields.maxlength}, + + <#if fields.lookup??> + "lookup": { + <#list fields.lookup as k, v> + "${k}": "${v}" <#if k_has_next>, + + }, + + "placeholder": "请输入内容", + <#if (param.col = 2)> + "tips": "${fields.desc}", + + "labelWidth": 100, + <#if (fields.readonly = true)> + "readonly": true, + <#else> + "readonly": false, + + "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": "表格", - "border": true, - "stripe": true, - "showHeader": true, - "fit": true, - "dataset": "${group.dataset}", - "actionWidth": 150 + "label": "占位" }, - "slots": { - "default": [ - <#list layout.comment[0].fields as field> - { - "id": "id${newId()}", - "type": "fx-table-column", - "props": { - "field": "${field.id}", - "label": "${field.label}" - } - } - <#if field_has_next>, - - ], - "button": [ - { - "id": "id${newId()}", - "type": "fx-button", - "props": { - "label": "编辑", - "type": "text", - "leftIcon": "edit", - "action": "button:edit", - "dataset": "${layout.listSub[0].dataset}", - "link": true, - "linkType": "", - "nextAction": "", - "fxLink": "" - } - }, - { - "id": "id${newId()}", - "type": "fx-button", - "props": { - "label": "删除", - "type": "text", - "leftIcon": "delete-themes", - "action": "button:remove", - "preAction": "", - "link": true, - "confirm": "" - } - } - ] + "layout": { + "row": 1 + } + } + + + <#if (param.col = 2 && ((fields_index+1) % 2 = 0 ) )> + ,{ + "id": "id${newId()}", + "type": "fx-placeholder", + "props": { + "label": "占位" }, - "events": {} + "layout": { + "row": 1 + } } + + , + + ] + } +<#-- <#if i+1 lt param.group_num?number>--> +<#-- ,--> +<#-- --> +<#-- --> + ] }, { @@ -418,94 +386,269 @@ "alignX": "center" }, "children": [ + { + "id": "${newId()}", + "type": "fx-button-group", + "props": { + "menus": [] + }, + "slots": { + "default": [ + { + "type": "fx-button", + "props": { + "name": "button:save-and-new", + "label": "保存并新增", + "type": "primary", + "action": "button:saveAddCard", + "linkType": "curr" + }, + "id": "${newId()}", + "vars": { + "$ref": "$ref" + } + }, + { + "type": "fx-button", + "props": { + "name": "button:save", + "label": "保存", + "type": "success", + "action": "button:saveCard" + }, + "id": "${newId()}", + "vars": { + "$ref": "$ref" + } + }, + { + "type": "fx-button", + "props": { + "name": "button:submit", + "label": "提交", + "type": "primary", + "action": "button:submit" + }, + "id": "${newId()}", + "vars": { + "$ref": "$ref" + } + }, + { + "type": "fx-button", + "props": { + "name": "button:retake", + "label": "取回", + "type": "info", + "action": "button:retake" + }, + "id": "${newId()}", + "vars": { + "$ref": "$ref" + } + }, + { + "type": "fx-button", + "props": { + "name": "button:reject", + "label": "驳回", + "type": "warning", + "action": "button:reject" + }, + "id": "${newId()}", + "vars": { + "$ref": "$ref" + } + }, + { + "type": "fx-button", + "props": { + "name": "button:disuse", + "label": "作废", + "type": "danger", + "action": "button:cancel" + }, + "id": "${newId()}", + "vars": { + "$ref": "$ref" + } + }, + { + "type": "fx-button", + "props": { + "name": "button:interrupt", + "label": "终止", + "type": "danger", + "action": "button:interrupt" + }, + "id": "${newId()}", + "vars": { + "$ref": "$ref" + } + } + ] + } + } + ] + }, { "id": "${newId()}", - "type": "fx-button-group", + "type": "fx-form-panel", + "shape": "panel", "props": { - "menus": [] + "size": "16", + "backgroundColor": "--color-transparent" }, - "slots": { - "default": [ + "children": [] + } + ] + } + }, + { + "page": { + "id": "id182f81da2e3", + "type": "fx-dialog", + "props": { + "title": "审批意见", + "key": "dlgOpt", + "width": "450px", + "height": "260px", + "showPrefix": true + }, + "events": {} + }, + "graph": { + "shape": "panel", + "id": "root_panel", + "type": "fx-split-panel", + "props": { + "horizontal": false, + "shadow": "never" + }, + "children": [ + { + "id": "182f81da2e6", + "type": "fx-split-panel", + "shape": "panel", + "props": { + "horizontal": false + }, + "children": [ { - "type": "fx-button", + "shape": "panel", + "id": "form_panel", + "type": "fx-form-panel", "props": { - "label": "保存并新增", - "type": "primary", - "action": "button:saveAddCard", - "linkType": "curr" + "colNum": 1, + "paddingTop": 24, + "size": "0" }, - "id": "${newId()}" + "children": [ + { + "id": "id182f81da30b", + "type": "fx-select", + "props": { + "label": "备选意见", + "clearable": true, + "labelWidth": 100, + "affixError": true, + "size": "default" + }, + "events": {} + }, + { + "id": "id182f81da30e", + "type": "fx-textarea", + "props": { + "label": "处理意见", + "maxlength": 200, + "placeholder": "请输入内容", + "labelWidth": 100, + "affixError": true, + "size": "default", + "dataset": "ds_182edc699cc", + "field": "id_182edc699cd", + "rows": 4 + }, + "events": {} + } + ] }, { - "type": "fx-button", - "props": { - "label": "保存", - "leftIcon": "save", - "type": "success", - "action": "button:saveCard" - }, - "id": "${newId()}" - },{ - "type": "fx-button", - "props": { - "label": "提交", - "leftIcon": "save", - "type": "success", - "action": "button:submit" - }, - "id": "${newId()}" - },{ - "type": "fx-button", - "props": { - "label": "取回", - "leftIcon": "save", - "type": "success", - "action": "button:retake" - }, - "id": "${newId()}" - },{ - "type": "fx-button", - "props": { - "label": "驳回", - "leftIcon": "save", - "type": "success", - "action": "button:reject" - }, - "id": "${newId()}" - },{ - "type": "fx-button", - "props": { - "label": "作废", - "leftIcon": "save", - "type": "success", - "action": "button:cancel" - }, - "id": "${newId()}" - },{ - "type": "fx-button", + "id": "182f81da311", + "type": "fx-form-panel", + "shape": "panel", + "props": {}, + "children": [] + } + ] + }, + { + "id": "182f81da2e7", + "type": "fx-form-panel", + "shape": "panel", + "props": { + "size": "0" + }, + "children": [ + { + "id": "id182f81da2e8", + "type": "fx-divider", "props": { - "label": "终止", - "leftIcon": "save", - "type": "success", - "action": "button:interrupt" - }, - "id": "${newId()}" + "label": "", + "contentPosition": "center", + "direction": "horizontal" + } } - ] - } - } - ] + ] }, - { - "id": "${newId()}", + { + "id": "182f81da2e4", "type": "fx-form-panel", "shape": "panel", "props": { - "size": "16", - "backgroundColor": "--color-transparent" + "size": "50", + "alignX": "end", + "alignY": "center", + "paddingRight": 10 }, - "children": [] - } + "children": [ + { + "id": "id182f81da303", + "type": "fx-button-group", + "props": { + "showDropdown": false + }, + "slots": { + "default": [ + { + "type": "fx-button", + "props": { + "label": "确认", + "leftIcon": "correct", + "type": "primary", + "action": "button:dlgDynConfirm", + "linkType": "" + }, + "id": "id182f81da304", + "events": {} + }, + { + "type": "fx-button", + "props": { + "label": "取消", + "leftIcon": "error", + "action": "button:closeDialog" + }, + "id": "id182f81da308", + "events": {} + } + ], + "dropdown": [] + } + } + ] + } ] } }