kd-aiot-frontend-wt/lib/vue-form-making-v1/src/demo/json2.js

export default {
	"list": [
		{
			"type": "html",
			"icon": "icon-html",
			"options": {
				"defaultValue": "<h1 style=\"text-align: center;\">\n  FormMaking\n</h1>\n<h3 style=\"text-align: center;\">\n  专业的表单设计器\n</h3>",
				"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": "<div>\n  <el-checkbox v-model=\"dataModel\">我已阅读并同意<a href=\"javascript:;\">《网站服务协议》</a></el-checkbox>\n</div>",
				"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}"
	}
}