Kaynağa Gözat

调整点flow模板

4.0
xiaxl 2 yıl önce
ebeveyn
işleme
5110b06a67
1 değiştirilmiş dosya ile 473 ekleme ve 330 silme
  1. +473
    -330
      smtweb-framework/bpm/src/main/resources/static/template/default/model_card_flow.ftl

+ 473
- 330
smtweb-framework/bpm/src/main/resources/static/template/default/model_card_flow.ftl Dosyayı Görüntüle

@@ -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",
</#if>
"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}",
</#if>
"props": {
"label": "${field.label}",
"type": "text",
"dataset": "${field.dataset}",
"required": "${field.required}",
"field": "${field.id}",
<#if field.maxlength gt 0>
"maxlength": ${field.maxlength},
</#if>
<#if field.lookup??>
"lookup": {
<#list field.lookup as k, v>
"${k}": "${v}" <#if k_has_next>,</#if>
</#list>
},
</#if>
"placeholder": "请输入内容",
<#if (param.col = 2)>
"tips": "${field.desc}",
</#if>
"labelWidth": 100,
<#if (field.readonly = true)>
"readonly": true,
<#else>
"readonly": false,
</#if>
"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>
</#if>
<#if (param.col = 2 && ((field_index+1) % 2 = 0 ) )>
,{
"id": "id${newId()}",
"type": "fx-placeholder",
"props": {
"label": "占位"
},
"layout": {
"row": 1
}
}
</#if>
,
</#if>
</#list>
]
</#list>
},
<#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",
</#if>
"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}",
</#if>
"props": {
"label": "${fields.label}",
"type": "text",
"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": "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",
</#if>
"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}",
</#if>
"props": {
"label": "${fields.label}",
"type": "text",
"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": "表格",
"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>,</#if>
</#list>
],
"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>
</#if>
<#if (param.col = 2 && ((fields_index+1) % 2 = 0 ) )>
,{
"id": "id${newId()}",
"type": "fx-placeholder",
"props": {
"label": "占位"
},
"events": {}
"layout": {
"row": 1
}
}
</#if>
,
</#if>
</#list>
]

}
<#-- <#if i+1 lt param.group_num?number>-->
<#-- ,-->
<#-- </#if>-->
<#-- </#list>-->
</#list>
]
},
{
@@ -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": []
}
}
]
}
]
}
}


Yükleniyor…
İptal
Kaydet