| | |
| | | disabled |
| | | hidden={true} |
| | | /> |
| | | |
| | | <ProFormTreeSelect |
| | | name="parentId" |
| | | label="上级菜单" |
| | | params={props.treeData} |
| | | request={async () => { |
| | | return props.treeData; |
| | | }} |
| | | placeholder="请选择" |
| | | rules={[{ required: true, message: "上级菜单不能为空" }]} |
| | | fieldProps={{ |
| | | defaultValue: 0 |
| | | }} |
| | | /> |
| | | <ProForm.Group> |
| | | <ProFormTreeSelect |
| | | name="parentId" |
| | | label="上级菜单" |
| | | params={props.treeData} |
| | | request={async () => { |
| | | return props.treeData; |
| | | }} |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请选择" |
| | | rules={[{ required: true, message: "上级菜单不能为空" }]} |
| | | fieldProps={{ |
| | | defaultValue: 0, |
| | | treeDefaultExpandedKeys: [0] |
| | | }} |
| | | /> |
| | | <ProFormText |
| | | name="name" |
| | | label="名称" |
| | |
| | | placeholder="请输入" |
| | | rules={[{ required: true, message: "名称不能为空!" }]} |
| | | /> |
| | | <ProFormDigit |
| | | name="parentId" |
| | | label="上级菜单" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | fieldProps={{ precision: 0 }} |
| | | placeholder="请输入" |
| | | /> |
| | | </ProForm.Group> |
| | | <ProForm.Group> |
| | | <ProFormText |
| | | name="parentName" |
| | | label="上级菜单名" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | | <ProFormText |
| | | name="path" |
| | | label="关联路径" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | | </ProForm.Group> |
| | | <ProForm.Group> |
| | | <ProFormText |
| | | name="pathName" |
| | | label="关联路径名" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | | <ProFormText |
| | | name="route" |
| | | label="路由地址" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | | </ProForm.Group> |
| | | <ProForm.Group> |
| | | <ProFormText |
| | | name="component" |
| | | label="页面组件" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | | <ProFormText |
| | | name="brief" |
| | | label="简述" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | | </ProForm.Group> |
| | | <ProForm.Group> |
| | | <ProFormText |
| | | name="code" |
| | | label="标识" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | | <ProFormSelect |
| | | name="type" |
| | | label="类型" |
| | |
| | | setMenuType(e); |
| | | }, |
| | | }} |
| | | rules={[{ required: true, message: "类型不能为空!" }]} |
| | | /> |
| | | </ProForm.Group> |
| | | <ProForm.Group> |
| | | <ProFormText |
| | | name="authority" |
| | | label="权限标识" |
| | | hidden={menuType !== 1} |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | |
| | | fieldProps={{ precision: 0 }} |
| | | placeholder="请输入" |
| | | /> |
| | | <ProFormText |
| | | name="meta" |
| | | label="元信息" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | /> |
| | | </ProForm.Group> |
| | | <ProForm.Group> |
| | | <ProFormSelect |
| | | name="status" |
| | | label="状态" |
| | |
| | | ]} |
| | | /> |
| | | </ProForm.Group> |
| | | |
| | | </ProForm> |
| | | </Modal> |
| | | </> |
| | |
| | | }} |
| | | request={(params, sorter, filter) => |
| | | Http.doPostPromise('/api/menu/tree', { ...params, ...searchParam }, (res) => { |
| | | |
| | | // const rootMenu = { id: 0, name: '主类目', children: [], value: 0 }; |
| | | // rootMenu.children = res.data; |
| | | // const treeData = transformTreeData(rootMenu); |
| | | // setTreeData([treeData]); |
| | | const rootMenu = { id: 0, name: '根目录', value: 0, children: [] }; |
| | | rootMenu.children = res.data; |
| | | const treeData = transformTreeData([rootMenu]); |
| | | setTreeData(treeData); |
| | | return { |
| | | data: res.data, |
| | | success: true, |
| | |
| | | export function transformTreeData(originalData) { |
| | | return originalData.map(item => { |
| | | let newItem = { |
| | | key: item.id, |
| | | title: item.name, |
| | | value: item.id, |
| | | // 其它需要的属性... |