1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148
| const treeMenuData = [ { 'menuId': 1, 'menuName': '系统管理', 'childrenList': [ { 'menuId': 100, 'menuName': '用户管理', 'childrenList': [ { 'menuId': 1000, 'menuName': '用户查询' }, { 'menuId': 1001, 'menuName': '用户新增' }, { 'menuId': 1002, 'menuName': '用户修改' }, { 'menuId': 1003, 'menuName': '用户删除' } ] }, { 'menuId': 101, 'menuName': '角色管理', 'childrenList': [ { 'menuId': 1006, 'menuName': '角色查询' }, { 'menuId': 1007, 'menuName': '角色新增' }, { 'menuId': 1008, 'menuName': '角色修改' }, { 'menuId': 1011, 'menuName': '删除角色' } ] } ] } ] export default { components: { SearchForm }, data() { return { formOptions: [ { label: '姓名', prop: 'name', element: 'el-input' }, { label: '状态', prop: 'status', element: 'el-select', options: [ { label: '启用', value: '1' }, { label: '停用', value: '2' } ] }, { label: '日期', prop: 'timeRange', element: 'el-date-picker', type: 'date' }, { label: '组件', prop: 'commp', element: 'el-cascader', options: cascaderOpt }, { label: '菜单', prop: 'menu', element: 'el-tree-select', data: treeMenuData, nodeKey: 'menuId', multiple: true, defaultProps: { children: 'childrenList', label: 'menuName' } }, { label: '城市', prop: 'city', element: 'el-radio', options: [ { label: '北京', value: '1' }, { label: '上海', value: '2' }, { label: '广东', value: '3' }, { label: '杭州', value: '4' } ] }, { label: '活动性质', prop: 'acttype', element: 'el-checkbox', options: [ { label: '线上活动', value: 1 }, { label: '地推活动', value: 2 }, { label: '品牌活动', value: 3 } ] }, { label: '签到率', prop: 'signper', element: 'el-number-area', unit: '%' }, { label: '活动周期', prop: 'actcycle', element: 'el-check-quarter', options: [ { label: '第一季度', value: 1 }, { label: '第二季度', value: 2 }, { label: '第三季度', value: 3 }, { label: '第四季度', value: 4 } ], events: { focus() { return true } } } ] } }, methods: { onSearch(val) { console.log(val) } } }
|