export default {
"list": [
{
"type": "html",
"icon": "icon-html",
"options": {
"defaultValue": "\n FormMaking\n
\n\n 专业的表单设计器\n
",
"labelWidth": 100,
"isLabelWidth": false,
"hidden": false,
"dataBind": false,
"remoteFunc": "func_0qnnrmqx",
"remoteOption": "option_0qnnrmqx",
"tableColumn": false,
"hideLabel": true
},
"events": {
"onChange": ""
},
"name": "HTML",
"key": "0qnnrmqx",
"model": "html_0qnnrmqx",
"rules": []
},
{
"type": "input",
"icon": "icon-input",
"options": {
"width": "",
"defaultValue": "",
"required": true,
"requiredMessage": "输入正确的手机号码",
"dataType": "",
"dataTypeCheck": false,
"dataTypeMessage": "",
"pattern": "/^1[3456789]\\d{9}$/",
"patternCheck": true,
"patternMessage": "输入正确的手机号码",
"validatorCheck": false,
"validator": "",
"placeholder": "手机号",
"customClass": "",
"disabled": false,
"labelWidth": 100,
"isLabelWidth": false,
"hidden": false,
"dataBind": true,
"showPassword": false,
"remoteFunc": "func_li6opkdd",
"remoteOption": "option_li6opkdd",
"tableColumn": false,
"hideLabel": true
},
"events": {
"onChange": "",
"onFocus": "",
"onBlur": ""
},
"name": "Phone",
"key": "li6opkdd",
"model": "phone",
"rules": [
{
"required": true,
"message": "输入正确的手机号码"
},
{
"pattern": "/^1[3456789]\\d{9}$/",
"message": "输入正确的手机号码"
}
]
},
{
"type": "grid",
"icon": "icon-RectangleCopy",
"columns": [
{
"type": "col",
"options": {
"span": 12,
"offset": 0,
"push": 0,
"pull": 0,
"xs": 13,
"sm": 13,
"md": 13,
"lg": 12,
"xl": 12,
"customClass": ""
},
"list": [
{
"type": "input",
"icon": "icon-input",
"options": {
"width": "",
"defaultValue": "",
"required": true,
"requiredMessage": "验证码不能为空",
"dataType": "",
"dataTypeCheck": false,
"dataTypeMessage": "",
"pattern": "",
"patternCheck": false,
"patternMessage": "",
"validatorCheck": true,
"validator": "if (value.length == 6) {\n callback()\n} else {\n callback('输入正确的验证码')\n}",
"placeholder": "6位短信验证码",
"customClass": "",
"disabled": false,
"labelWidth": 100,
"isLabelWidth": false,
"hidden": false,
"dataBind": true,
"showPassword": false,
"remoteFunc": "func_ubtvj6mb",
"remoteOption": "option_ubtvj6mb",
"tableColumn": false,
"hideLabel": true
},
"events": {
"onChange": "",
"onFocus": "",
"onBlur": ""
},
"name": "Input",
"novalid": {},
"key": "ubtvj6mb",
"model": "code",
"rules": [
{
"required": true,
"message": "验证码不能为空"
},
{
"func": "if (value.length == 6) {\n callback()\n} else {\n callback('输入正确的验证码')\n}"
}
]
}
],
"key": "gqod9j7z",
"rules": []
},
{
"type": "col",
"options": {
"span": 12,
"offset": 1,
"push": 0,
"pull": 0,
"xs": 10,
"sm": 10,
"md": 10,
"lg": 12,
"xl": 12,
"customClass": ""
},
"list": [
{
"type": "button",
"icon": "icon-button",
"options": {
"customClass": "",
"disabled": false,
"labelWidth": 100,
"isLabelWidth": false,
"hideLabel": true,
"hidden": false,
"dataBind": false,
"buttonSize": "large",
"buttonType": "",
"buttonPlain": false,
"buttonRound": false,
"buttonCircle": false,
"buttonName": "获取短信验证码",
"width": "100%",
"remoteFunc": "func_53f11tje",
"remoteOption": "option_53f11tje",
"tableColumn": false
},
"events": {
"onClick": "353jbh9q"
},
"name": "Button",
"novalid": {},
"key": "53f11tje",
"model": "code_button",
"rules": []
}
],
"key": "n1n7khsi",
"rules": []
}
],
"options": {
"gutter": 0,
"justify": "start",
"align": "top",
"customClass": "",
"hidden": false,
"flex": true,
"responsive": true,
"remoteFunc": "func_9ygaru58",
"remoteOption": "option_9ygaru58",
"tableColumn": false
},
"name": "Grid",
"key": "9ygaru58",
"model": "grid_9ygaru58",
"rules": []
},
{
"type": "button",
"icon": "icon-button",
"options": {
"customClass": "",
"disabled": false,
"labelWidth": 100,
"isLabelWidth": false,
"hideLabel": true,
"hidden": false,
"dataBind": false,
"buttonSize": "large",
"buttonType": "primary",
"buttonPlain": false,
"buttonRound": false,
"buttonCircle": false,
"buttonName": "快速注册",
"width": "100%",
"remoteFunc": "func_c7d8g3wl",
"remoteOption": "option_c7d8g3wl",
"tableColumn": false
},
"events": {
"onClick": "37ekpjge"
},
"name": "Button",
"key": "c7d8g3wl",
"model": "button_c7d8g3wl",
"rules": []
},
{
"type": "component",
"icon": "icon-component",
"options": {
"customClass": "",
"labelWidth": 100,
"isLabelWidth": false,
"hidden": false,
"dataBind": true,
"template": "",
"required": false,
"pattern": "",
"validator": "",
"width": "",
"remoteFunc": "func_sqdnjxs9",
"remoteOption": "option_sqdnjxs9",
"tableColumn": false,
"subform": false,
"hideLabel": true
},
"events": {
"onChange": ""
},
"name": "Component",
"key": "sqdnjxs9",
"model": "check",
"rules": []
}
],
"config": {
"labelWidth": 120,
"labelPosition": "right",
"size": "large",
"customClass": "",
"ui": "element",
"layout": "horizontal",
"labelCol": 3,
"width": "400px",
"hideLabel": false,
"hideErrorMessage": false,
"eventScript": [
{
"key": "mounted",
"name": "mounted",
"func": ""
},
{
"key": "353jbh9q",
"name": "onClick_353jbh9q",
"func": "this.validate(['phone']).then(() => {\n let time = 60\n const timehandler = () => {\n // 禁用按钮\n this.disabled(['code_button'], true)\n // 修改按钮文本\n this.setOptions(['code_button'], {\n buttonName: `${time}s`\n })\n \n time--\n \n if (time < 0) {\n clearInterval(myInterval)\n this.disabled(['code_button'], false)\n this.setOptions(['code_button'], {\n buttonName: '获取短信验证码'\n })\n }\n }\n \n timehandler()\n \n const myInterval = setInterval(timehandler, 1000)\n})\n"
},
{
"key": "37ekpjge",
"name": "onClick_37ekpjge",
"func": "this.getData().then(data => {\n if (this.getValue('check').length) {\n this.$message.success('注册成功')\n } else {\n this.$message.error('先勾选并同意服务协议')\n }\n})"
}
],
"dataSource": [
{
"key": "upload",
"name": "Get Upload Token",
"url": "https://tools-server.making.link/api/uptoken",
"method": "GET",
"auto": true,
"responseFunc": "return res.uptoken;"
},
{
"key": "getoptions",
"name": "Get Options",
"url": "https://tools-server.making.link/api/new/options",
"method": "GET",
"auto": true,
"responseFunc": "return res.data;"
}
],
"platform": "pc",
"styleSheets": ".custom-link a{\n height: 20px;\n vertical-align: top;\n}\n\n.custom-button-link button{\n height: 20px;\n vertical-align: top;\n margin: 0;\n padding: 0;\n}\n\n.custom-check .el-checkbox{\n margin-right: 0;\n}"
}
}