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": "
\n 启用\n 禁用\n
", "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": "
\n 编辑\n \n 删除\n
", "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" } }