feat: User模块UI界面搭建完成

src/view/system/user/index.tsx

@@ -1,7 +1,32 @@
-import React from 'react'
+import React, { useEffect, useState } from "react";
+
+import "./index.scss";
+import { getDeptTree } from "../../../api/user/userDept";
+import MyDeptTree from "./comps/my-dept-tree";
+import UserTopSearch from "./comps/user-top-search";
+import UserMidAddButton from "./comps/user-mid-add-button";
+import UserBottomList from "./comps/user-bottom-list";
 
 export default function User() {
-  return(
-    <div>user</div>
-  )
-}
+  const [treeData, setTreeData] = useState<any[]>([]);
+  const getDeptTreeData = async () => {
+    const data = await getDeptTree();
+    setTreeData(data.data);
+    console.log("father:", data);
+  };
+
+  useEffect(() => {
+    getDeptTreeData();
+  }, []);
+
+  return (
+    <div id="content">
+      <MyDeptTree myTreeData={treeData} />
+      <div className="right-user">
+        <UserTopSearch></UserTopSearch>
+        <UserMidAddButton></UserMidAddButton>
+        <UserBottomList></UserBottomList>
+      </div>
+    </div>
+  );
+}