|  |  | 
 |  |  |     ProForm, | 
 |  |  |     ProFormDigit, | 
 |  |  | } from '@ant-design/pro-components'; | 
 |  |  | import { DownOutlined } from '@ant-design/icons'; | 
 |  |  | import { Col, Form, Modal, Row, Checkbox, Skeleton, Tree, Drawer, Space, Button, Card } from 'antd'; | 
 |  |  | import Http from '@/utils/http'; | 
 |  |  | import { transformTreeData, getTreeAllKeys } from '@/utils/tree-util' | 
 |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <Drawer | 
 |  |  |                 title={`分配权限 - ${name?name:'-'}`} | 
 |  |  |                 title={`分配权限 - ${name ? name : '-'}`} | 
 |  |  |                 width={640} | 
 |  |  |                 forceRender | 
 |  |  |                 destroyOnClose | 
 |  |  | 
 |  |  |  | 
 |  |  |                         <ProForm.Item | 
 |  |  |                             name="deptIds" | 
 |  |  |                             label="菜单权限" | 
 |  |  |                             label="权限菜单" | 
 |  |  |                             colProps={{ md: 24, xl: 24 }} | 
 |  |  |                         > | 
 |  |  |  | 
 |  |  |                             <Row gutter={[16, 16]}> | 
 |  |  |                                 <Col md={24}> | 
 |  |  |                                     <Checkbox.Group | 
 |  |  | 
 |  |  |                                         <Skeleton active /> | 
 |  |  |                                     ) : ( | 
 |  |  |                                         <Tree | 
 |  |  |                                             showLine | 
 |  |  |                                             blockNode | 
 |  |  |                                             checkable | 
 |  |  |                                             switcherIcon={<DownOutlined />} | 
 |  |  |                                             treeData={menuTreeData} | 
 |  |  |                                             expandedKeys={menuExpandedKeys} | 
 |  |  |                                             onExpand={(expandedKeys) => { | 
 |  |  | 
 |  |  |                                     )} | 
 |  |  |                                 </Col> | 
 |  |  |                             </Row> | 
 |  |  |  | 
 |  |  |                         </ProForm.Item> | 
 |  |  |                     </ProForm> | 
 |  |  |                 </Card> |