部门按钮替换为权限按钮

src/compenents/index.ts

@@ -3,4 +3,5 @@ export * from "./header";
 export * from "./left-menu";
 export * from "./upload-image-button";
 export * from "./tree-department";
-export * from "./back-bar";
+export * from "./back-bar";
+export * from "./permission-button";

src/compenents/permission-button/index.tsx

@@ -0,0 +1,50 @@
+import { Button } from "antd";
+import { useSelector } from "../../store/hooks";
+
+interface PropInterface {
+  type: "link" | "text" | "primary" | "default";
+  text: string;
+  p: string;
+  class: string;
+  icon: any;
+  onClick: () => void;
+}
+
+export const PerButton = (props: PropInterface) => {
+  const permisssions = useSelector((state: any) => state.permisssions);
+  const through = () => {
+    if (!permisssions) {
+      return false;
+    }
+    return typeof permisssions[props.p] !== "undefined";
+  };
+  return (
+    <>
+      {through() && props.type === "link" && (
+        <Button
+          className={props.class}
+          type="link"
+          danger
+          icon={props.icon}
+          onClick={() => {
+            props.onClick();
+          }}
+        >
+          {props.text}
+        </Button>
+      )}
+      {through() && props.type !== "link" && (
+        <Button
+          className={props.class}
+          type={props.type}
+          icon={props.icon}
+          onClick={() => {
+            props.onClick();
+          }}
+        >
+          {props.text}
+        </Button>
+      )}
+    </>
+  );
+};