diff --git a/admin-web/src/components/AuthorityControl/demo/demo.md b/admin-web/src/components/AuthorityControl/demo/demo.md
new file mode 100644
index 000000000..bf77f3462
--- /dev/null
+++ b/admin-web/src/components/AuthorityControl/demo/demo.md
@@ -0,0 +1,15 @@
+
+---
+
+使用 demo
+
+
+authKey: 代表key的权限
+
+---
+
+```jsx harmony
+  <AuthorityControl authKey="home.button">
+    <Button type="primary">按钮 控制</Button>
+  </AuthorityControl>
+```
diff --git a/admin-web/src/components/AuthorityControl/index.d.ts b/admin-web/src/components/AuthorityControl/index.d.ts
new file mode 100644
index 000000000..b54342194
--- /dev/null
+++ b/admin-web/src/components/AuthorityControl/index.d.ts
@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+export interface AuthorityControlProps {
+  authKey: string;
+}
+
+export default class LoginItem extends React.Component<AuthorityControlProps, any> {}
diff --git a/admin-web/src/components/AuthorityControl/index.js b/admin-web/src/components/AuthorityControl/index.js
new file mode 100644
index 000000000..3f5a404c2
--- /dev/null
+++ b/admin-web/src/components/AuthorityControl/index.js
@@ -0,0 +1,19 @@
+import React, { PureComponent } from 'react';
+import GlobalAuthority from '../../layouts/GlobalAuthority';
+
+// 用于控制权限
+class AuthorityControl extends PureComponent {
+  render() {
+    const { authKey, children } = this.props;
+    return (
+      <GlobalAuthority.Consumer>
+        {context => {
+          const { authList } = context;
+          return <div>{authList[authKey] ? children : '无权限'}</div>;
+        }}
+      </GlobalAuthority.Consumer>
+    );
+  }
+}
+
+export default AuthorityControl;