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

export default {
	"list": [
		{
			"type": "inline",
			"icon": "icon-inlineview",
			"options": {
				"customClass": "",
				"hidden": false,
				"spaceSize": 20,
				"remoteFunc": "func_domgesn9",
				"remoteOption": "option_domgesn9"
			},
			"list": [
				{
					"type": "input",
					"icon": "icon-input",
					"options": {
						"width": "",
						"defaultValue": "",
						"required": false,
						"requiredMessage": "",
						"dataType": "",
						"dataTypeCheck": false,
						"dataTypeMessage": "",
						"pattern": "",
						"patternCheck": false,
						"patternMessage": "",
						"validatorCheck": false,
						"validator": "",
						"placeholder": "",
						"customClass": "",
						"disabled": false,
						"labelWidth": 40,
						"isLabelWidth": true,
						"hidden": false,
						"dataBind": true,
						"showPassword": false,
						"clearable": false,
						"remoteFunc": "func_qno03bna",
						"remoteOption": "option_qno03bna",
						"subform": false
					},
					"events": {
						"onChange": "",
						"onFocus": "",
						"onBlur": ""
					},
					"name": "账号",
					"key": "qno03bna",
					"model": "name",
					"rules": []
				},
				{
					"type": "input",
					"icon": "icon-input",
					"options": {
						"width": "",
						"defaultValue": "",
						"required": false,
						"requiredMessage": "",
						"dataType": "",
						"dataTypeCheck": false,
						"dataTypeMessage": "",
						"pattern": "",
						"patternCheck": false,
						"patternMessage": "",
						"validatorCheck": false,
						"validator": "",
						"placeholder": "",
						"customClass": "",
						"disabled": false,
						"labelWidth": 40,
						"isLabelWidth": true,
						"hidden": false,
						"dataBind": true,
						"showPassword": false,
						"clearable": false,
						"remoteFunc": "func_qno03bna",
						"remoteOption": "option_qno03bna",
						"subform": false
					},
					"events": {
						"onChange": "",
						"onFocus": "",
						"onBlur": ""
					},
					"name": "邮箱",
					"key": "95a4lr1r",
					"model": "email",
					"rules": []
				},
				{
					"type": "button",
					"icon": "icon-button",
					"options": {
						"customClass": "",
						"disabled": false,
						"labelWidth": 100,
						"isLabelWidth": false,
						"hideLabel": true,
						"hidden": false,
						"buttonSize": "default",
						"buttonType": "primary",
						"buttonPlain": false,
						"buttonRound": false,
						"buttonCircle": false,
						"buttonName": "查询",
						"width": "",
						"remoteFunc": "func_pdqt2ea2",
						"remoteOption": "option_pdqt2ea2",
						"subform": false
					},
					"events": {
						"onClick": "2wq0aq5h"
					},
					"name": "Button",
					"key": "pdqt2ea2",
					"model": "button_pdqt2ea2",
					"rules": []
				},
				{
					"type": "button",
					"icon": "icon-button",
					"options": {
						"customClass": "",
						"disabled": false,
						"labelWidth": 100,
						"isLabelWidth": false,
						"hideLabel": true,
						"hidden": false,
						"buttonSize": "default",
						"buttonType": "",
						"buttonPlain": false,
						"buttonRound": false,
						"buttonCircle": false,
						"buttonName": "新增",
						"width": "",
						"remoteFunc": "func_29icccqs",
						"remoteOption": "option_29icccqs",
						"tableColumn": false,
						"subform": false
					},
					"events": {
						"onClick": "kyyujrrj"
					},
					"name": "Button",
					"key": "29icccqs",
					"model": "button_29icccqs",
					"rules": []
				}
			],
			"name": "Inline",
			"key": "domgesn9",
			"model": "inline_domgesn9",
			"rules": []
		},
		{
			"type": "table",
			"icon": "icon-table",
			"options": {
				"defaultValue": [],
				"customClass": "",
				"labelWidth": 100,
				"isLabelWidth": false,
				"hidden": false,
				"dataBind": false,
				"disabled": false,
				"required": false,
				"validatorCheck": false,
				"validator": "",
				"paging": false,
				"pageSize": 5,
				"isAdd": false,
				"isDelete": false,
				"showControl": false,
				"remoteFunc": "func_i0kmyawc",
				"remoteOption": "option_i0kmyawc",
				"tableColumn": false,
				"hideLabel": true
			},
			"events": {
				"onChange": "",
				"onRowAdd": "",
				"onRowRemove": "",
				"onPageChange": ""
			},
			"tableColumns": [
				{
					"type": "text",
					"icon": "icon-wenzishezhi-",
					"options": {
						"defaultValue": "",
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"required": false,
						"width": "",
						"remoteFunc": "func_d1aj6bxo",
						"remoteOption": "option_d1aj6bxo",
						"tableColumn": true
					},
					"events": {
						"onChange": ""
					},
					"name": "ID",
					"novalid": {},
					"key": "d1aj6bxo",
					"model": "id",
					"rules": []
				},
				{
					"type": "text",
					"icon": "icon-wenzishezhi-",
					"options": {
						"defaultValue": "",
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"required": false,
						"width": "",
						"remoteFunc": "func_d1aj6bxo",
						"remoteOption": "option_d1aj6bxo",
						"tableColumn": true
					},
					"events": {
						"onChange": ""
					},
					"name": "账号",
					"novalid": {},
					"key": "u35tnyxl",
					"model": "name",
					"rules": []
				},
				{
					"type": "text",
					"icon": "icon-wenzishezhi-",
					"options": {
						"defaultValue": "",
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"required": false,
						"width": "",
						"remoteFunc": "func_d1aj6bxo",
						"remoteOption": "option_d1aj6bxo",
						"tableColumn": true
					},
					"events": {
						"onChange": ""
					},
					"name": "邮箱",
					"novalid": {},
					"key": "7xt5j01e",
					"model": "email",
					"rules": []
				},
				{
					"type": "text",
					"icon": "icon-wenzishezhi-",
					"options": {
						"defaultValue": "",
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"required": false,
						"width": "",
						"remoteFunc": "func_d1aj6bxo",
						"remoteOption": "option_d1aj6bxo",
						"tableColumn": true
					},
					"events": {
						"onChange": ""
					},
					"name": "电话",
					"novalid": {},
					"key": "sz7jnyd5",
					"model": "phone",
					"rules": []
				},
				{
					"type": "text",
					"icon": "icon-wenzishezhi-",
					"options": {
						"defaultValue": "",
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"required": false,
						"width": "",
						"remoteFunc": "func_d1aj6bxo",
						"remoteOption": "option_d1aj6bxo",
						"tableColumn": true
					},
					"events": {
						"onChange": ""
					},
					"name": "角色",
					"novalid": {},
					"key": "53dunxzt",
					"model": "role",
					"rules": []
				},
				{
					"type": "component",
					"icon": "icon-component",
					"options": {
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"template": "<div>\n  <span v-if=\"dataModel\">启用</span>\n  <span v-else>禁用</span>\n</div>",
						"required": false,
						"pattern": "",
						"validator": "",
						"width": "",
						"remoteFunc": "func_spv83sh9",
						"remoteOption": "option_spv83sh9",
						"tableColumn": true
					},
					"events": {
						"onChange": ""
					},
					"name": "状态",
					"novalid": {},
					"key": "spv83sh9",
					"model": "status",
					"rules": []
				},
				{
					"type": "component",
					"icon": "icon-component",
					"options": {
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"template": "<div>\n  <el-button type=\"text\" @click=\"triggerEvent('editButton')\">编辑</el-button>\n  \n  <el-button type=\"text\" @click=\"triggerEvent('deleteButton')\">删除</el-button>\n</div>",
						"required": false,
						"pattern": "",
						"validator": "",
						"width": "150px",
						"remoteFunc": "func_5drixqli",
						"remoteOption": "option_5drixqli",
						"tableColumn": true
					},
					"events": {
						"onChange": ""
					},
					"name": "操作",
					"novalid": {},
					"key": "5drixqli",
					"model": "component_5drixqli",
					"rules": []
				}
			],
			"name": "Sub-Form",
			"key": "i0kmyawc",
			"model": "userList",
			"rules": []
		},
		{
			"type": "pagination",
			"icon": "icon-pagination",
			"options": {
				"defaultValue": 1,
				"customClass": "",
				"disabled": false,
				"labelWidth": 100,
				"isLabelWidth": false,
				"hideLabel": true,
				"hidden": false,
				"dataBind": true,
				"background": true,
				"pageSize": 10,
				"pagerCount": 7,
				"total": 0,
				"remoteFunc": "func_fo6iwl8f",
				"remoteOption": "option_fo6iwl8f",
				"tableColumn": false
			},
			"events": {
				"onChange": "ojvuqv5e"
			},
			"name": "Pagination",
			"key": "fo6iwl8f",
			"model": "currentPage",
			"rules": []
		},
		{
			"type": "dialog",
			"icon": "icon-Dialog",
			"options": {
				"defaultValue": {},
				"visible": false,
				"customClass": "",
				"title": "用户编辑",
				"width": "",
				"top": "15vh",
				"center": false,
				"cancelText": "Cancel",
				"showClose": true,
				"okText": "Confirm",
				"showCancel": true,
				"showOk": true,
				"confirmLoading": false,
				"dataBind": true,
				"remoteFunc": "func_cpa94yjw",
				"remoteOption": "option_cpa94yjw",
				"tableColumn": false
			},
			"list": [
				{
					"type": "input",
					"icon": "icon-input",
					"options": {
						"width": "",
						"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,
						"clearable": false,
						"remoteFunc": "func_bcyqildr",
						"remoteOption": "option_bcyqildr",
						"tableColumn": false,
						"subform": true
					},
					"events": {
						"onChange": "",
						"onFocus": "",
						"onBlur": ""
					},
					"name": "账号",
					"key": "bcyqildr",
					"model": "name",
					"rules": [
						{
							"required": true,
							"message": " required"
						}
					]
				},
				{
					"type": "input",
					"icon": "icon-input",
					"options": {
						"width": "",
						"defaultValue": "",
						"required": true,
						"requiredMessage": "",
						"dataType": "email",
						"dataTypeCheck": true,
						"dataTypeMessage": "",
						"pattern": "",
						"patternCheck": false,
						"patternMessage": "",
						"validatorCheck": false,
						"validator": "",
						"placeholder": "",
						"customClass": "",
						"disabled": false,
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"showPassword": false,
						"clearable": false,
						"remoteFunc": "func_bcyqildr",
						"remoteOption": "option_bcyqildr",
						"tableColumn": false,
						"subform": true
					},
					"events": {
						"onChange": "",
						"onFocus": "",
						"onBlur": ""
					},
					"name": "邮箱",
					"key": "l9tz95wk",
					"model": "email",
					"rules": [
						{
							"type": "email",
							"message": " invaild format"
						},
						{
							"required": true,
							"message": " required"
						}
					]
				},
				{
					"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,
						"clearable": false,
						"remoteFunc": "func_bcyqildr",
						"remoteOption": "option_bcyqildr",
						"tableColumn": false,
						"subform": true
					},
					"events": {
						"onChange": "",
						"onFocus": "",
						"onBlur": ""
					},
					"name": "电话",
					"key": "236gqyzt",
					"model": "phone",
					"rules": [
						{
							"required": true,
							"message": "必须填写"
						},
						{
							"pattern": "/^1[3456789]\\d{9}$/",
							"message": "格式不匹配"
						}
					]
				},
				{
					"type": "select",
					"icon": "icon-select",
					"options": {
						"defaultValue": "普通用户",
						"multiple": false,
						"disabled": false,
						"clearable": false,
						"placeholder": "",
						"required": true,
						"requiredMessage": "",
						"validatorCheck": false,
						"validator": "",
						"showLabel": false,
						"width": "",
						"options": [
							{
								"value": "普通用户"
							},
							{
								"value": "管理员"
							}
						],
						"remote": false,
						"remoteType": "datasource",
						"remoteOption": "option_x5qvkhrd",
						"filterable": false,
						"remoteOptions": [],
						"props": {
							"value": "value",
							"label": "label"
						},
						"remoteFunc": "func_x5qvkhrd",
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"tableColumn": false,
						"subform": true
					},
					"events": {
						"onChange": "",
						"onFocus": "",
						"onBlur": ""
					},
					"name": "角色",
					"key": "x5qvkhrd",
					"model": "role",
					"rules": [
						{
							"required": true,
							"message": " required"
						}
					]
				},
				{
					"type": "switch",
					"icon": "icon-switch",
					"options": {
						"defaultValue": false,
						"required": false,
						"requiredMessage": "",
						"validatorCheck": false,
						"validator": "",
						"disabled": false,
						"customClass": "",
						"labelWidth": 100,
						"isLabelWidth": false,
						"hidden": false,
						"dataBind": true,
						"width": "",
						"remoteFunc": "func_g1o3jwnv",
						"remoteOption": "option_g1o3jwnv",
						"tableColumn": false,
						"subform": true
					},
					"events": {
						"onChange": ""
					},
					"name": "是否启用",
					"key": "g1o3jwnv",
					"model": "status",
					"rules": []
				}
			],
			"events": {
				"onCancel": "j0in153h",
				"onConfirm": "3nkqo95c"
			},
			"name": "Dialog",
			"key": "cpa94yjw",
			"model": "user",
			"rules": []
		}
	],
	"config": {
		"labelWidth": 100,
		"labelPosition": "right",
		"size": "default",
		"customClass": "",
		"ui": "element",
		"layout": "horizontal",
		"width": "100%",
		"hideLabel": false,
		"hideErrorMessage": false,
		"eventScript": [
			{
				"key": "mounted",
				"name": "mounted",
				"func": ""
			},
			{
				"key": "refresh",
				"name": "refresh",
				"func": "this.triggerEvent('loadUserList', {\n  currentPage: 1\n})"
			},
			{
				"key": "lbki5b8q",
				"name": "addUser",
				"func": "const {user} = arguments[0]\n\nlet id = new Date().getTime()\n\n// 模拟用户添加\nlet allUser = localStorage.getItem('fmUserList') ?\n  JSON.parse(localStorage.getItem('fmUserList')) : []\n  \nallUser.unshift({\n  ...user,\n  id\n})\n\nlocalStorage.setItem('fmUserList', JSON.stringify(allUser))"
			},
			{
				"key": "se0vzrc1",
				"name": "deleteUser",
				"func": "const {user} = arguments[0]\n\n// 模拟用户删除\nlet allUser = localStorage.getItem('fmUserList') ?\n  JSON.parse(localStorage.getItem('fmUserList')) : []\n  \nlet deleteIndex = allUser.findIndex(item => item.id == user.id)\n  \nallUser.splice(deleteIndex, 1)\n\nlocalStorage.setItem('fmUserList', JSON.stringify(allUser))"
			},
			{
				"key": "77v8zrjt",
				"name": "editUser",
				"func": "const {user} = arguments[0]\n\n// 模拟用户编辑\nlet allUser = localStorage.getItem('fmUserList') ?\n  JSON.parse(localStorage.getItem('fmUserList')) : []\n  \nconst currentIndex = allUser.findIndex(item => item.id == user.id)\n\nif (currentIndex >= 0) {\n  allUser[currentIndex]= user\n}\n\nlocalStorage.setItem('fmUserList', JSON.stringify(allUser))"
			},
			{
				"key": "xezvprzz",
				"name": "loadUserList",
				"func": "const {currentPage, query} = arguments[0]\n\nlet listData = localStorage.getItem('fmUserList') ?\n  JSON.parse(localStorage.getItem('fmUserList')) : []\n  \nif (query) {\n  listData = listData.filter(item => \n    item.name.includes(query.name || '') && item.email.includes(query.email || ''))\n}\n  \nthis.setData({\n  userList: listData.slice((currentPage - 1) * 10, (currentPage - 1) * 10 + 10),\n  currentPage\n})\n\nthis.setOptions(['currentPage'], {\n  total: listData.length\n})"
			},
			{
				"key": "kyyujrrj",
				"name": "onClick_kyyujrrj",
				"func": "const userRef = this.getComponent('user')\n\nthis.setData({\n  user: {\n    name: '',\n    email: '',\n    phone: '',\n    role: '普通用户',\n    status: false\n  }\n})\n\nuserRef.open()"
			},
			{
				"key": "j0in153h",
				"name": "onCancel_j0in153h",
				"func": "const userRef = this.getComponent('user')\n\nuserRef.close()"
			},
			{
				"key": "3nkqo95c",
				"name": "onConfirm_3nkqo95c",
				"func": "const userRef = this.getComponent('user')\n\nuserRef.validate().then(() => {\n  let user = this.getValue('user')\n  \n  userRef.confirmLoading(true)\n  \n  if (user.id) {\n    this.triggerEvent('editUser', {\n      user\n    })\n  } else {\n    this.triggerEvent('addUser', {\n      user\n    })\n  }\n\n  userRef.confirmLoading(false)\n  \n  userRef.close()\n  \n  setTimeout(() => {\n    this.triggerEvent('loadUserList', {\n      currentPage: user.id ? this.getValue('currentPage') : 1\n    })\n  }, 100)\n})"
			},
			{
				"key": "ojvuqv5e",
				"name": "onChange_ojvuqv5e",
				"func": "const {value} = arguments[0]\n\nthis.triggerEvent('loadUserList', {\n  currentPage: value\n})"
			},
			{
				"key": "2wq0aq5h",
				"name": "onClick_2wq0aq5h",
				"func": "this.triggerEvent('loadUserList', {\n  currentPage: 1,\n  query: {\n    name: this.getValue('name'),\n    email: this.getValue('email')\n  }\n})"
			},
			{
				"key": "68wqmh2s",
				"name": "deleteButton",
				"func": "const {rowIndex} = arguments[0]\n\nconst userList = this.getValue('userList')\n\nthis.triggerEvent('deleteUser', {\n  user: userList[rowIndex]\n})\n\nthis.triggerEvent('loadUserList', {\n  currentPage: this.getValue('currentPage')\n})"
			},
			{
				"key": "j9uab4pw",
				"name": "editButton",
				"func": "const {rowIndex} = arguments[0]\n\nconst userList = this.getValue('userList')\n\nthis.setData({\n  user: {...userList[rowIndex]}\n})\n\nthis.getComponent('user').open()"
			}
		],
		"platform": "pc"
	}
}