xiaxl
2 anos atrás
2 arquivos alterados com 595 adições e 58 exclusões
Visão dividida
Opções de diferenças
-
+76 -58smtweb-framework/bpm/src/main/resources/static/template/index.yaml
-
+519 -0smtweb-framework/bpm/src/main/resources/static/template/model_point_card.ftl
+ 76
- 58
smtweb-framework/bpm/src/main/resources/static/template/index.yaml
Ver arquivo
| @@ -19,62 +19,6 @@ model: | |||
| label: '列表数据集' | |||
| desc: '请选择列表数据集' | |||
| - | |||
| name: 'model_card' | |||
| label: '简单卡片' | |||
| # list/card/view | |||
| type: 'card' | |||
| # 布局 | |||
| layout: | |||
| - | |||
| name: 'c1' | |||
| label: '简单卡片' | |||
| type: 'card' | |||
| hasGroup: false | |||
| # 变量 | |||
| param: | |||
| - | |||
| name: 'col' | |||
| type: 'number' | |||
| label: '列数' | |||
| desc: '请选择表单列数' | |||
| - | |||
| name: 'model_step_card' | |||
| label: '步骤卡片' | |||
| # list/card/view | |||
| type: 'card' | |||
| # 布局 | |||
| layout: | |||
| - | |||
| name: 'c1' | |||
| label: '步骤卡片' | |||
| type: 'card' | |||
| hasGroup: false | |||
| # 变量 | |||
| param: | |||
| - | |||
| name: 'col' | |||
| type: 'number' | |||
| label: '列数' | |||
| desc: '请选择表单列数(目前只支持1，2，3)' | |||
| - | |||
| name: 'model_group_card' | |||
| label: '分组卡片' | |||
| # list/card/view | |||
| type: 'card' | |||
| # 布局 | |||
| layout: | |||
| - | |||
| name: 'c1' | |||
| label: '分组卡片' | |||
| type: 'card' | |||
| hasGroup: true | |||
| param: | |||
| - | |||
| name: 'mainDs' | |||
| type: 'ds' | |||
| label: '主卡片数据集' | |||
| desc: '请选择主要卡片数据集' | |||
| - | |||
| name: 'model_list_card' | |||
| label: '简单列表(含卡片)' | |||
| # list/card/view | |||
| @@ -114,7 +58,7 @@ model: | |||
| desc: '请选择弹窗卡片列数（1或2）' | |||
| - | |||
| name: 'model_list_list' | |||
| label: '双列表' | |||
| label: '双列表（主+副）' | |||
| # list/card/view | |||
| type: 'list' | |||
| # 布局 | |||
| @@ -216,4 +160,78 @@ model: | |||
| name: 'col' | |||
| type: 'number' | |||
| label: '弹窗卡片列数' | |||
| desc: '请选择弹窗卡片列数（1或2）' | |||
| desc: '请选择弹窗卡片列数（1或2）' | |||
| - | |||
| name: 'model_card' | |||
| label: '简单卡片' | |||
| # list/card/view | |||
| type: 'card' | |||
| # 布局 | |||
| layout: | |||
| - | |||
| name: 'c1' | |||
| label: '简单卡片' | |||
| type: 'card' | |||
| hasGroup: false | |||
| # 变量 | |||
| param: | |||
| - | |||
| name: 'col' | |||
| type: 'number' | |||
| label: '列数' | |||
| desc: '请选择表单列数' | |||
| - | |||
| name: 'model_step_card' | |||
| label: '步骤卡片' | |||
| # list/card/view | |||
| type: 'card' | |||
| # 布局 | |||
| layout: | |||
| - | |||
| name: 'c1' | |||
| label: '步骤卡片' | |||
| type: 'card' | |||
| hasGroup: false | |||
| # 变量 | |||
| param: | |||
| - | |||
| name: 'col' | |||
| type: 'number' | |||
| label: '列数' | |||
| desc: '请选择表单列数(目前只支持1，2，3)' | |||
| - | |||
| name: 'model_group_card' | |||
| label: '分组卡片' | |||
| # list/card/view | |||
| type: 'card' | |||
| # 布局 | |||
| layout: | |||
| - | |||
| name: 'c1' | |||
| label: '分组卡片' | |||
| type: 'card' | |||
| hasGroup: true | |||
| param: | |||
| - | |||
| name: 'mainDs' | |||
| type: 'ds' | |||
| label: '主卡片数据集' | |||
| desc: '请选择主要卡片数据集' | |||
| - | |||
| name: 'model_point_card' | |||
| label: '分组锚点卡片' | |||
| # list/card/view | |||
| type: 'card' | |||
| # 布局 | |||
| layout: | |||
| - | |||
| name: 'c1' | |||
| label: '分组卡片' | |||
| type: 'card' | |||
| hasGroup: true | |||
| param: | |||
| - | |||
| name: 'mainDs' | |||
| type: 'ds' | |||
| label: '主卡片数据集' | |||
| desc: '请选择主要卡片数据集' | |||
+ 519
- 0
smtweb-framework/bpm/src/main/resources/static/template/model_point_card.ftl
Ver arquivo
| @@ -0,0 +1,519 @@ | |||
| { | |||
| "version": 6, | |||
| "form": [ | |||
| { | |||
| "page": { | |||
| "id": "p${newId()}", | |||
| "type": "fx-page", | |||
| "props": { | |||
| "title": "${title}", | |||
| "key": "${newId()}" | |||
| } | |||
| }, | |||
| "graph": { | |||
| "shape": "panel", | |||
| "id": "root_panel", | |||
| "type": "fx-split-panel", | |||
| "props": { | |||
| "horizontal": false, | |||
| "shadow": "never" | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-split-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "56", | |||
| "horizontal": true, | |||
| "scroll": false, | |||
| "name": "s11" | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "alignY": "center", | |||
| "backgroundImage": "", | |||
| "size": "50" | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-button-group", | |||
| "props": { | |||
| "menus": [] | |||
| }, | |||
| "slots": { | |||
| "default": [ | |||
| { | |||
| "type": "fx-button", | |||
| "props": { | |||
| "label": "返回", | |||
| "leftIcon": "left", | |||
| "action": "button:return", | |||
| "text": false, | |||
| "link": true, | |||
| "type": "primary", | |||
| "size": "large" | |||
| }, | |||
| "id": "${newId()}" | |||
| } | |||
| ], | |||
| "dropdown": [] | |||
| } | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "alignY": "center", | |||
| "size": "200", | |||
| "backgroundImage": "", | |||
| "paddingLeft": 10 | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-title", | |||
| "props": { | |||
| "label": "分组表单" | |||
| } | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "alignY": "center", | |||
| "backgroundImage": "", | |||
| "paddingRight": 32 | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-button-group", | |||
| "props": { | |||
| "menus": [], | |||
| "textAlign": "right" | |||
| }, | |||
| "slots": { | |||
| "default": [ | |||
| { | |||
| "type": "fx-button", | |||
| "props": { | |||
| "label": "删除", | |||
| "leftIcon": "delete", | |||
| "type": "", | |||
| "action": "button:remove" | |||
| }, | |||
| "id": "${newId()}" | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-button", | |||
| "props": { | |||
| "label": "新增", | |||
| "type": "primary", | |||
| "linkType": "curr", | |||
| "leftIcon": "plus" | |||
| } | |||
| } | |||
| ], | |||
| "dropdown": [] | |||
| } | |||
| } | |||
| ] | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "0" | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "id${newId()}", | |||
| "type": "fx-divider", | |||
| "props": { | |||
| "label": "", | |||
| "contentPosition": "center", | |||
| "direction": "horizontal" | |||
| } | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "15", | |||
| "backgroundColor": "--color-transparent" | |||
| }, | |||
| "children": [] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-split-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "horizontal": true | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-split-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "horizontal": false, | |||
| "scroll": true | |||
| }, | |||
| "children": [ | |||
| <#list layout.c1 as group> | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "48", | |||
| "label": "${group.label}", | |||
| "colNum": 2, | |||
| "alignY": "center", | |||
| "paddingLeft": 32, | |||
| "paddingRight": 32, | |||
| "shadow": "", | |||
| "backgroundImage": "bgImg-region-title" | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "id${newId()}", | |||
| "type": "fx-title", | |||
| "props": { | |||
| "label": "${group.label}", | |||
| "fontSize": 16, | |||
| "color": "#01070D", | |||
| "fontWeight": "bold", | |||
| "showPrefix": false, | |||
| "prefixWidth": 5, | |||
| "prefixHeight": 24, | |||
| "prefixColor": "#1E90FF" | |||
| } | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "0" | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "id${newId()}", | |||
| "type": "fx-divider", | |||
| "props": { | |||
| "label": "", | |||
| "contentPosition": "center", | |||
| "direction": "horizontal" | |||
| } | |||
| } | |||
| ] | |||
| }, | |||
| <#if (group.type == "card")> | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "0", | |||
| "gridTemplateColumns": "1fr 1fr 1fr", | |||
| "paddingTop": 32 | |||
| }, | |||
| "children": [ | |||
| <#list group.fields as field> | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-${field.editor}", | |||
| "props": { | |||
| "label": "${field.label}", | |||
| "type": "text", | |||
| "dataset": "${field.dataset}", | |||
| "required": "${field.required}", | |||
| "field": "${field.id}", | |||
| "placeholder": "请输入内容", | |||
| "labelWidth": 150, | |||
| "readonly": "${field.readonly}", | |||
| "affixError": true | |||
| }, | |||
| "events": {} | |||
| }<#if field_has_next>,</#if> | |||
| </#list> | |||
| ] | |||
| }, | |||
| <#elseif (group.type == "list")> | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "400", | |||
| "label": "列表", | |||
| "colNum": 0, | |||
| "paddingLeft": 20, | |||
| "paddingRight": 20, | |||
| "shadow": "", | |||
| "paddingTop": 0 | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "id${newId()}", | |||
| "type": "fx-table", | |||
| "props": { | |||
| "label": "表格", | |||
| "border": true, | |||
| "stripe": true, | |||
| "showHeader": true, | |||
| "fit": true, | |||
| "dataset": "${group.dataset}", | |||
| "actionWidth": 150 | |||
| }, | |||
| "slots": { | |||
| "default": [ | |||
| <#list group.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": "${group.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": "" | |||
| } | |||
| } | |||
| ] | |||
| }, | |||
| "events": {} | |||
| } | |||
| ] | |||
| }, | |||
| </#if> | |||
| </#list> | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "minWidth": "2000", | |||
| "maxWidth": "2000" | |||
| }, | |||
| "children": [] | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-split-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "15", | |||
| "horizontal": false | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "backgroundColor": "--color-transparent" | |||
| }, | |||
| "children": [] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "backgroundColor": "--color-transparent", | |||
| "minWidth": "", | |||
| "maxWidth": "" | |||
| }, | |||
| "children": [] | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-split-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "size": "180", | |||
| "horizontal": false, | |||
| "panelHidden": false | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "alignX": "start", | |||
| "size": "0" | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "id${newId()}", | |||
| "type": "fx-tabs", | |||
| "props": { | |||
| "tabPosition": "right" | |||
| }, | |||
| "slots": { | |||
| "default": [ | |||
| <#list layout.c1 as group> | |||
| { | |||
| "type": "fx-tab", | |||
| "props": { | |||
| "name": "tab1", | |||
| "label": "${group.label}" | |||
| }, | |||
| "id": "${newId()}" | |||
| } | |||
| <#if group_has_next>,</#if> | |||
| </#list> | |||
| ] | |||
| }, | |||
| "events": {} | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "id": "${newId()}", | |||
| "type": "fx-form-panel", | |||
| "shape": "panel", | |||
| "props": { | |||
| "backgroundColor": "--color-transparent" | |||
| }, | |||
| "children": [] | |||
| } | |||
| ] | |||
| } | |||
| ] | |||
| }, | |||
| { | |||
| "shape": "panel", | |||
| "id": "form_panel", | |||
| "type": "fx-form-panel", | |||
| "props": { | |||
| "colNum": 3, | |||
| "paddingX": 5, | |||
| "paddingY": 5, | |||
| "size": "56", | |||
| "alignX": "", | |||
| "alignY": "center", | |||
| "shadow": "always" | |||
| }, | |||
| "children": [ | |||
| { | |||
| "id": "id${newId()}", | |||
| "type": "fx-button-group", | |||
| "props": { | |||
| "showDropdown": false, | |||
| "textAlign": "center" | |||
| }, | |||
| "slots": { | |||
| "default": [ | |||
| { | |||
| "type": "fx-button", | |||
| "props": { | |||
| "label": "重置", | |||
| "leftIcon": "", | |||
| "type": "", | |||
| "action": "button:add", | |||
| "linkType": "curr" | |||
| }, | |||
| "id": "id${newId()}", | |||
| }, | |||
| { | |||
| "type": "fx-button", | |||
| "props": { | |||
| "label": "保存", | |||
| "leftIcon": "", | |||
| "type": "primary", | |||
| "action": "button:save" | |||
| }, | |||
| "id": "id${newId()}", | |||
| }, | |||
| { | |||
| "type": "fx-button", | |||
| "props": { | |||
| "label": "保存并新增", | |||
| "leftIcon": "", | |||
| "action": "button:return", | |||
| "type": "primary" | |||
| }, | |||
| "id": "id${newId()}", | |||
| } | |||
| ], | |||
| "dropdown": [] | |||
| }, | |||
| "layout": { | |||
| "row": 3, | |||
| "col": 3 | |||
| } | |||
| } | |||
| ] | |||
| } | |||
| ] | |||
| } | |||
| } | |||
| ], | |||
| "model": [ | |||
| <#list datasets as dataset> | |||
| <#include "incModel/inc_model.ftl"/><#if dataset_has_next>,</#if> | |||
| </#list> | |||
| ], | |||
| "option": { | |||
| "widgetRef": [${widgetRef}], | |||
| "vars": [] | |||
| } | |||
| } | |||