修改用户管理界面UI

src/pages/userCenter/userManage/UserManage.js

@@ -419,7 +419,7 @@ const UserManage = () => {
           <span className={styles.titleText}>{org.text}</span>
           <span className={styles.tip}>
             <Tooltip title="" className={styles.fs}>
-              <Dropdown overlay={orgButtonMenu} disabled={currentOrgOperate}>
+              <Dropdown overlay={orgButtonMenu} disabled={currentOrgOperate} >
                 <PlusOutlined
                   style={{ marginLeft: 20 }}
                   onClick={e => e.stopPropagation()}
@@ -510,6 +510,8 @@ const UserManage = () => {
 
   // 点击树节点，获取当前机构下所有用户
   const onSelect = (props, e) => {
+    console.log(e)
+    console.log(props)
     setTableLoading(true);
     if (e) {
       setOrgTitle(e.node.title.props.children[0].props.children);
@@ -1174,11 +1176,14 @@ const UserManage = () => {
     setEditOrgExtentVisible(false);
   };
 
+  const addChange =e=>{
+    e.domEvent.stopPropagation()
+  }
   /** ***操作按钮**** */
   // 机构操作
   const orgButtonMenu = (
-    <Menu>
-      <Menu.Item key="1" onClick={e => addUser(e)} icon={<UserAddOutlined />}>
+    <Menu onClick={e =>addChange(e)}>
+      <Menu.Item key="1" onClick={addUser} icon={<UserAddOutlined />}>
         添加用户
       </Menu.Item>
       <Menu.Item key="2" onClick={addSubOrg} icon={<UsergroupAddOutlined />}>
@@ -1187,7 +1192,7 @@ const UserManage = () => {
     </Menu>
   );
   const orgButtonMenu1 = (
-    <Menu>
+    <Menu onClick={e =>addChange(e)}>
       <Menu.Item key="3" onClick={editOrg} icon={<EditOutlined />}>
         编辑当前机构
       </Menu.Item>
@@ -1224,6 +1229,7 @@ const UserManage = () => {
         {/* 左侧机构树 */}
         <Spin spinning={treeLoading} tip="loading...">
           <Card
+            style={{overflowY:'hidden'}}
             className={classnames({
               [styles.orgContainer]: true,
               [styles.orgContainerHide]: !treeVisible,
@@ -1234,6 +1240,7 @@ const UserManage = () => {
                 style={{
                   fontSize: '15px ',
                   fontWeight: 'bold',
+                  marginLeft: '15px'
                 }}
               >
                 机构列表
@@ -1245,11 +1252,11 @@ const UserManage = () => {
                     color: '#1890FF',
                     fontSize: '25px',
                     verticalAlign: 'middle',
-                    float: 'right',
+                    marginLeft: '67%'
                   }}
                 />
               </Tooltip>
-              <hr style={{ width: '100%', color: '#eeecec' }} />
+              <hr style={{ width: '95%', color: '#eeecec' ,marginLeft: '15px'}} />
               {treeData.length > 0 && (
                 <Tree
                   showIcon="true"
@@ -1262,7 +1269,7 @@ const UserManage = () => {
                   onSelect={onSelect}
                   height={
                     treeData.length && treeData.length > 30
-                      ? treeData.length * 13
+                      ? treeData.length * 15+30
                       : 1000
                   }
                   treeData={treeData.map(t => mapTree(t))}