export default { "list": [ { "type": "steps", "icon": "icon-m-buzhou", "options": { "defaultValue": 0, "customClass": "", "labelWidth": 100, "isLabelWidth": false, "hideLabel": true, "hidden": false, "dataBind": false, "steps": [ { "title": "填写转账信息" }, { "title": "确认转账信息" }, { "title": "完成" } ], "props": { "title": "title", "description": "description" }, "remote": false, "width": "", "direction": "horizontal", "processStatus": "process", "finishStatus": "success", "alignCenter": false, "simple": true, "remoteFunc": "func_0sql5mmm", "remoteOption": "option_0sql5mmm", "tableColumn": false }, "events": { "onChange": "" }, "name": "Steps", "key": "0sql5mmm", "model": "active", "rules": [] }, { "type": "grid", "icon": "icon-RectangleCopy", "columns": [ { "type": "col", "options": { "span": 12, "offset": 3, "push": 0, "pull": 0, "xs": 18, "sm": 18, "md": 18, "lg": 12, "xl": 12, "customClass": "" }, "list": [ { "type": "select", "icon": "icon-select", "options": { "defaultValue": "", "multiple": false, "disabled": false, "clearable": false, "placeholder": "成都乐冠科技有限公司", "required": true, "requiredMessage": "请选择付款账户", "validatorCheck": false, "validator": "", "showLabel": false, "width": "400px", "options": [ { "value": "成都乐冠科技有限公司" } ], "remote": false, "remoteType": "datasource", "remoteOption": "option_mgth37pb", "filterable": false, "remoteOptions": [], "props": { "value": "value", "label": "label" }, "remoteFunc": "func_mgth37pb", "customClass": "", "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": true, "tableColumn": false, "subform": false }, "events": { "onChange": "", "onFocus": "", "onBlur": "" }, "name": "付款账户", "key": "mgth37pb", "model": "pay1", "rules": [ { "required": true, "message": "请选择付款账户" } ], "novalid": {} }, { "type": "group", "icon": "icon-fenzu", "options": { "defaultValue": {}, "customClass": "margin-bottom-0", "labelWidth": 100, "isLabelWidth": false, "hidden": false, "dataBind": true, "width": "", "validatorCheck": false, "validator": "", "remoteFunc": "func_g5uqu3qc", "remoteOption": "option_g5uqu3qc", "tableColumn": false, "subform": false }, "list": [ { "type": "inline", "icon": "icon-inlineview", "options": { "customClass": "", "hidden": false, "spaceSize": 0, "remoteFunc": "func_5o0zmis7", "remoteOption": "option_5o0zmis7", "tableColumn": false, "subform": false }, "list": [ { "type": "select", "icon": "icon-select", "options": { "defaultValue": "支付宝", "multiple": false, "disabled": false, "clearable": false, "placeholder": "", "required": true, "requiredMessage": "", "validatorCheck": false, "validator": "", "showLabel": false, "width": "120px", "options": [ { "value": "支付宝" }, { "value": "银行账户" } ], "remote": false, "remoteType": "datasource", "remoteOption": "option_qm28b3ol", "filterable": false, "remoteOptions": [], "props": { "value": "value", "label": "label" }, "remoteFunc": "func_qm28b3ol", "customClass": "", "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": true, "tableColumn": false, "hideLabel": true }, "events": { "onChange": "", "onFocus": "", "onBlur": "" }, "name": "收款账户", "key": "qm28b3ol", "model": "payType", "rules": [ { "required": true, "message": " required" } ] }, { "type": "input", "icon": "icon-input", "options": { "width": "280px", "defaultValue": "", "required": true, "requiredMessage": "请输入收款账户", "dataType": "", "dataTypeCheck": false, "dataTypeMessage": "", "pattern": "", "patternCheck": false, "patternMessage": "", "validatorCheck": false, "validator": "", "placeholder": "", "customClass": "", "disabled": false, "labelWidth": 100, "isLabelWidth": false, "hidden": false, "dataBind": true, "showPassword": false, "remoteFunc": "func_jhev9r3g", "remoteOption": "option_jhev9r3g", "hideLabel": true }, "events": { "onChange": "", "onFocus": "", "onBlur": "" }, "name": "Input", "key": "jhev9r3g", "model": "pay2", "rules": [ { "required": true, "message": "请输入收款账户" } ] } ], "name": "Inline", "key": "5o0zmis7", "model": "inline_5o0zmis7", "rules": [], "novalid": {} } ], "name": "收款账户", "novalid": {}, "key": "g5uqu3qc", "model": "group1", "rules": [] }, { "type": "input", "icon": "icon-input", "options": { "width": "400px", "defaultValue": "", "required": true, "requiredMessage": "请输入收款人姓名", "dataType": "", "dataTypeCheck": false, "dataTypeMessage": "", "pattern": "", "patternCheck": false, "patternMessage": "", "validatorCheck": false, "validator": "", "placeholder": "", "customClass": "", "disabled": false, "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": true, "showPassword": false, "remoteFunc": "func_x0q0elxr", "remoteOption": "option_x0q0elxr", "tableColumn": false, "subform": false }, "events": { "onChange": "", "onFocus": "", "onBlur": "" }, "name": "收款人姓名", "key": "x0q0elxr", "model": "name", "rules": [ { "required": true, "message": "请输入收款人姓名" } ], "novalid": {} }, { "type": "group", "icon": "icon-fenzu", "options": { "defaultValue": {}, "customClass": "", "labelWidth": 100, "isLabelWidth": false, "hidden": false, "dataBind": true, "width": "", "validatorCheck": false, "validator": "", "remoteFunc": "func_hppbcg1z", "remoteOption": "option_hppbcg1z", "tableColumn": false, "subform": false }, "list": [ { "type": "inline", "icon": "icon-inlineview", "options": { "customClass": "", "hidden": false, "spaceSize": 10, "remoteFunc": "func_jwgxq5gi", "remoteOption": "option_jwgxq5gi", "tableColumn": false, "subform": false }, "list": [ { "type": "text", "icon": "icon-wenzishezhi-", "options": { "defaultValue": "¥", "customClass": "", "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": false, "required": true, "remoteFunc": "func_b8d8hcgm", "remoteOption": "option_b8d8hcgm", "hideLabel": true }, "events": { "onChange": "" }, "name": "转账金额", "key": "b8d8hcgm", "model": "text_b8d8hcgm", "rules": [ { "required": true, "message": " required" } ] }, { "type": "number", "icon": "icon-number", "options": { "width": "380px", "required": true, "requiredMessage": "请输入转账金额", "validatorCheck": false, "validator": "", "defaultValue": 500, "min": 0, "max": 9999999, "step": 1, "disabled": false, "controls": false, "controlsPosition": "right", "customClass": "custom-price", "labelWidth": 100, "isLabelWidth": false, "hidden": false, "dataBind": true, "precision": 0, "remoteFunc": "func_v8ep5n8t", "remoteOption": "option_v8ep5n8t", "hideLabel": true }, "events": { "onChange": "", "onFocus": "", "onBlur": "" }, "name": "Number", "key": "v8ep5n8t", "model": "amount", "rules": [ { "required": true, "message": "请输入转账金额" } ] } ], "name": "Inline", "key": "jwgxq5gi", "model": "inline_jwgxq5gi", "rules": [], "novalid": {} } ], "name": "转账金额", "novalid": {}, "key": "hppbcg1z", "model": "group2", "rules": [] }, { "type": "inline", "icon": "icon-inlineview", "options": { "customClass": "", "hidden": false, "spaceSize": 10, "remoteFunc": "func_43401zc9", "remoteOption": "option_43401zc9", "tableColumn": false, "subform": false, "flex": true, "flexJustify": "center" }, "list": [ { "type": "button", "icon": "icon-button", "options": { "customClass": "", "disabled": false, "labelWidth": 200, "isLabelWidth": false, "hideLabel": true, "hidden": false, "dataBind": false, "buttonSize": "default", "buttonType": "primary", "buttonPlain": false, "buttonRound": false, "buttonCircle": false, "buttonName": "下一步", "width": "", "remoteFunc": "func_tru2lvy5", "remoteOption": "option_tru2lvy5", "tableColumn": false, "subform": false }, "events": { "onClick": "lb4rpfcf" }, "name": "", "key": "tru2lvy5", "model": "button_tru2lvy5", "rules": [], "novalid": {} } ], "name": "Inline", "novalid": {}, "key": "43401zc9", "model": "inline_43401zc9", "rules": [] } ], "key": "l067xchm", "rules": [] } ], "options": { "gutter": 0, "justify": "start", "align": "top", "customClass": "", "hidden": false, "flex": true, "responsive": true, "remoteFunc": "func_l9eld1cc", "remoteOption": "option_l9eld1cc", "tableColumn": false, "subform": false }, "name": "Grid", "key": "l9eld1cc", "model": "step_1", "rules": [] }, { "type": "grid", "icon": "icon-RectangleCopy", "columns": [ { "type": "col", "options": { "span": 12, "offset": 3, "push": 0, "pull": 0, "xs": 18, "sm": 12, "md": 18, "lg": 12, "xl": 12, "customClass": "" }, "list": [ { "type": "alert", "icon": "icon-jinggaotishi", "options": { "hidden": false, "title": "确认转账后，资金将直接打入对方账户，无法退回", "type": "info", "description": "", "closable": true, "center": false, "showIcon": true, "effect": "light", "width": "", "remoteFunc": "func_wrdvl0de", "remoteOption": "option_wrdvl0de", "tableColumn": false }, "name": "Alert", "novalid": {}, "key": "wrdvl0de", "model": "alert_wrdvl0de", "rules": [] }, { "type": "text", "icon": "icon-wenzishezhi-", "options": { "defaultValue": "", "customClass": "", "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": true, "required": false, "remoteFunc": "func_iz4c149d", "remoteOption": "option_iz4c149d", "tableColumn": false }, "events": { "onChange": "" }, "name": "付款账号", "novalid": {}, "key": "iz4c149d", "model": "pay1", "rules": [] }, { "type": "text", "icon": "icon-wenzishezhi-", "options": { "defaultValue": "", "customClass": "", "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": true, "required": false, "remoteFunc": "func_iz4c149d", "remoteOption": "option_iz4c149d", "tableColumn": false }, "events": { "onChange": "" }, "name": "收款账户", "novalid": {}, "key": "im6agbtw", "model": "pay2", "rules": [] }, { "type": "text", "icon": "icon-wenzishezhi-", "options": { "defaultValue": "", "customClass": "", "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": true, "required": false, "remoteFunc": "func_iz4c149d", "remoteOption": "option_iz4c149d", "tableColumn": false }, "events": { "onChange": "" }, "name": "收款人姓名", "novalid": {}, "key": "zn3fypt3", "model": "name", "rules": [] }, { "type": "html", "icon": "icon-html", "options": { "defaultValue": "", "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": true, "required": true, "remoteFunc": "func_5s5gice5", "remoteOption": "option_5s5gice5", "tableColumn": false }, "events": { "onChange": "" }, "name": "转账金额", "novalid": {}, "key": "5s5gice5", "model": "amountStr", "rules": [ { "required": true, "message": " required" } ] }, { "type": "divider", "icon": "icon-fengexian", "options": { "hidden": false, "contentPosition": "left", "remoteFunc": "func_tz5cwvnx", "remoteOption": "option_tz5cwvnx", "tableColumn": false }, "name": "", "novalid": {}, "key": "tz5cwvnx", "model": "divider_tz5cwvnx", "rules": [] }, { "type": "input", "icon": "icon-input", "options": { "width": "400px", "defaultValue": "", "required": true, "requiredMessage": "需要支付密码才能进行支付", "dataType": "", "dataTypeCheck": false, "dataTypeMessage": "", "pattern": "", "patternCheck": false, "patternMessage": "", "validatorCheck": false, "validator": "", "placeholder": "", "customClass": "", "disabled": false, "labelWidth": 200, "isLabelWidth": false, "hidden": false, "dataBind": true, "showPassword": true, "remoteFunc": "func_m9taj6kd", "remoteOption": "option_m9taj6kd", "tableColumn": false }, "events": { "onChange": "", "onFocus": "", "onBlur": "" }, "name": "支付密码", "novalid": {}, "key": "m9taj6kd", "model": "payPassword", "rules": [ { "required": true, "message": "需要支付密码才能进行支付" } ] }, { "type": "inline", "icon": "icon-inlineview", "options": { "customClass": "center-btn", "hidden": false, "spaceSize": 10, "remoteFunc": "func_f6uqaw67", "remoteOption": "option_f6uqaw67", "tableColumn": false, "flex": true, "flexJustify": "center" }, "list": [ { "type": "button", "icon": "icon-button", "options": { "customClass": "", "disabled": false, "labelWidth": 200, "isLabelWidth": false, "hideLabel": true, "hidden": false, "dataBind": false, "buttonSize": "default", "buttonType": "primary", "buttonPlain": false, "buttonRound": false, "buttonCircle": false, "buttonName": "提交", "width": "", "remoteFunc": "func_ugrxnaeh", "remoteOption": "option_ugrxnaeh" }, "events": { "onClick": "5ce8jb6n" }, "name": "", "key": "ugrxnaeh", "model": "button_ugrxnaeh", "rules": [] }, { "type": "button", "icon": "icon-button", "options": { "customClass": "", "disabled": false, "labelWidth": 100, "isLabelWidth": false, "hideLabel": true, "hidden": false, "dataBind": false, "buttonSize": "default", "buttonType": "", "buttonPlain": false, "buttonRound": false, "buttonCircle": false, "buttonName": "上一步", "width": "", "remoteFunc": "func_sqy0gmql", "remoteOption": "option_sqy0gmql" }, "events": { "onClick": "353eaiz6" }, "name": "Button", "key": "sqy0gmql", "model": "button_sqy0gmql", "rules": [] } ], "name": "Inline", "novalid": {}, "key": "f6uqaw67", "model": "inline_f6uqaw67", "rules": [] } ], "key": "yyoa0wfv", "rules": [] } ], "options": { "gutter": 0, "justify": "start", "align": "top", "customClass": "", "hidden": true, "flex": true, "responsive": true, "remoteFunc": "func_zur3zvel", "remoteOption": "option_zur3zvel", "tableColumn": false }, "name": "Grid", "key": "zur3zvel", "model": "step_2", "rules": [] }, { "type": "grid", "icon": "icon-RectangleCopy", "columns": [ { "type": "col", "options": { "span": 12, "offset": 0, "push": 0, "pull": 0, "xs": 24, "sm": 12, "md": 24, "lg": 12, "xl": 12, "customClass": "" }, "list": [ { "type": "component", "icon": "icon-component", "options": { "customClass": "", "labelWidth": 100, "isLabelWidth": false, "hidden": false, "dataBind": true, "template": "\n", "required": false, "pattern": "", "validator": "", "remoteFunc": "func_ru3fkfdn", "remoteOption": "option_ru3fkfdn", "tableColumn": false, "hideLabel": true }, "events": { "onChange": "" }, "name": "Component", "novalid": {}, "key": "ru3fkfdn", "model": "component_ru3fkfdn", "rules": [] }, { "type": "inline", "icon": "icon-inlineview", "options": { "customClass": "center-btn", "hidden": false, "spaceSize": 10, "remoteFunc": "func_r2o99725", "remoteOption": "option_r2o99725", "tableColumn": false, "flex": true, "flexJustify": "center" }, "list": [ { "type": "button", "icon": "icon-button", "options": { "customClass": "", "disabled": false, "labelWidth": 100, "isLabelWidth": false, "hideLabel": true, "hidden": false, "dataBind": false, "buttonSize": "default", "buttonType": "primary", "buttonPlain": false, "buttonRound": false, "buttonCircle": false, "buttonName": "再转一笔", "width": "", "remoteFunc": "func_dgtsrv0w", "remoteOption": "option_dgtsrv0w" }, "events": { "onClick": "8253fxri" }, "name": "Button", "key": "dgtsrv0w", "model": "button_dgtsrv0w", "rules": [] }, { "type": "button", "icon": "icon-button", "options": { "customClass": "", "disabled": false, "labelWidth": 100, "isLabelWidth": false, "hideLabel": true, "hidden": false, "dataBind": false, "buttonSize": "default", "buttonType": "", "buttonPlain": false, "buttonRound": false, "buttonCircle": false, "buttonName": "查看账单", "width": "", "remoteFunc": "func_dgtsrv0w", "remoteOption": "option_dgtsrv0w" }, "events": { "onClick": "" }, "name": "Button", "key": "vxj2052i", "model": "button_vxj2052i", "rules": [] } ], "name": "Inline", "novalid": {}, "key": "r2o99725", "model": "inline_r2o99725", "rules": [] } ], "key": "kp5zft8f", "rules": [] } ], "options": { "gutter": 0, "justify": "start", "align": "top", "customClass": "", "hidden": true, "flex": true, "responsive": true, "remoteFunc": "func_ipv83tbx", "remoteOption": "option_ipv83tbx", "tableColumn": false }, "name": "Grid", "key": "ipv83tbx", "model": "step_3", "rules": [] } ], "config": { "labelWidth": 110, "labelPosition": "right", "size": "default", "customClass": "", "ui": "element", "layout": "horizontal", "labelCol": 6, "width": "760px", "styleSheets": ".custom-price .el-input__inner{\n text-align: left;\n}\n\n.center-btn{\n display: flex;\n justify-content: center;\n}\n\n.margin-bottom-0 {\n margin-bottom: 0 !important;\n}\n\n.reuqired-label .el-form-item__label::before{\n content: \"*\";\n color: var(--el-color-danger);\n margin-right: 4px;\n}", "eventScript": [ { "key": "refresh", "name": "refresh", "func": "" }, { "key": "onFormChange", "name": "onFormChange", "type": "rule" }, { "key": "mounted", "name": "mounted", "func": "" }, { "key": "lb4rpfcf", "name": "onClick_lb4rpfcf", "func": "this.getData().then(data => {\n // 显示隐藏表单区域\n this.display(['step_2'])\n this.hide(['step_1'])\n \n this.setData({\n active: 1,\n pay2: data.group1.pay2,\n amountStr: `

${data.group2.amount}元

`\n })\n})" }, { "key": "353eaiz6", "name": "onClick_353eaiz6", "func": "this.setData({\n active: 0\n})\n\nthis.hide(['step_2'])\nthis.display(['step_1'])" }, { "key": "5ce8jb6n", "name": "onClick_5ce8jb6n", "func": "this.getData().then(data => {\n this.hide(['step_2'])\n this.display(['step_3'])\n \n this.setData({\n active: 2\n })\n})" }, { "key": "8253fxri", "name": "onClick_8253fxri", "func": "this.setData({\n active: 0\n})\n\nthis.hide(['step_3'])\nthis.display(['step_1'])\n\nthis.reset()" } ], "platform": "pc", "labelSuffix": true } }