资源分类、部门点击展开

src/compenents/tree-category/index.tsx

@@ -67,6 +67,15 @@ export const TreeCategory = (props: PropInterface) => {
     setSelectKey(selectedKeys);
   };
 
+  const onExpand = (selectedKeys: any, info: any) => {
+    let label = "全部" + props.text;
+    if (info) {
+      label = info.node.title;
+    }
+    props.onUpdate(selectedKeys, label);
+    setSelectKey(selectedKeys);
+  };
+
   return (
     <div>
       <div
@@ -79,7 +88,7 @@ export const TreeCategory = (props: PropInterface) => {
       >
         全部{props.text}
       </div>
-      <Tree onSelect={onSelect} treeData={treeData} />
+      <Tree onSelect={onSelect} onExpand={onExpand} treeData={treeData} />
     </div>
   );
 };

src/compenents/tree-department/index.tsx

@@ -68,6 +68,15 @@ export const TreeDepartment = (props: PropInterface) => {
     setSelectKey(selectedKeys);
   };
 
+  const onExpand = (selectedKeys: any, info: any) => {
+    let label = "全部" + props.text;
+    if (info) {
+      label = info.node.title;
+    }
+    props.onUpdate(selectedKeys, label);
+    setSelectKey(selectedKeys);
+  };
+
   return (
     <div>
       <div
@@ -80,7 +89,7 @@ export const TreeDepartment = (props: PropInterface) => {
       >
         全部{props.text}
       </div>
-      <Tree onSelect={onSelect} treeData={treeData} />
+      <Tree onSelect={onSelect} onExpand={onExpand} treeData={treeData} />
     </div>
   );
 };

src/index.less

@@ -430,6 +430,10 @@ textarea.ant-input {
   left: 0;
   bottom: 0;
 }
+.ant-tree-switcher_open::after,
+.ant-tree-switcher_close::after {
+  z-index: 0;
+}
 
 .ant-modal-confirm-btns > .ant-btn-default:hover {
   color: #ff4d4f !important;

src/pages/department/index.tsx

@@ -37,9 +37,9 @@ export const DepartmentPage: React.FC = () => {
 
   const onSelect = (selectedKeys: any, info: any) => {
     setSelectKey(selectedKeys);
-    console.log(selectedKeys);
   };
 
+
   const through = (p: string) => {
     if (!permisssions) {
       return false;