diff --git a/web/client/assets/images/jiekou.png b/web/client/assets/images/jiekou.png
new file mode 100644
index 00000000..48469507
Binary files /dev/null and b/web/client/assets/images/jiekou.png differ
diff --git a/web/client/src/sections/fillion/containers/index.js b/web/client/src/sections/fillion/containers/index.js
index 514e6631..f3c5c932 100644
--- a/web/client/src/sections/fillion/containers/index.js
+++ b/web/client/src/sections/fillion/containers/index.js
@@ -12,4 +12,5 @@ import PromoTional from './promotional';
 import Maintenance from './maintenance';
 import Patrol from './patrol';
 import File from './file';
-export { Infor,transportation,BridgeTable,HigHways,OperaTional,Enforce,Public,Videois,PromoTional,Maintenance,Patrol,File};
\ No newline at end of file
+import Jiekouguanli from './jiekouguanli';
+export { Infor,transportation,BridgeTable,HigHways,OperaTional,Enforce,Public,Videois,PromoTional,Maintenance,Patrol,File,Jiekouguanli};
\ No newline at end of file
diff --git a/web/client/src/sections/fillion/containers/jiekouguanli.js b/web/client/src/sections/fillion/containers/jiekouguanli.js
new file mode 100644
index 00000000..a632dbcb
--- /dev/null
+++ b/web/client/src/sections/fillion/containers/jiekouguanli.js
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function Jiekouguanli() {
+  return (
+    <div>
+        <img src='/assets/images/jiekou.png' style={{width:'100%'}}></img>
+    </div>
+  )
+}
diff --git a/web/client/src/sections/fillion/nav-item.js b/web/client/src/sections/fillion/nav-item.js
index 391d8be7..3cc28bec 100644
--- a/web/client/src/sections/fillion/nav-item.js
+++ b/web/client/src/sections/fillion/nav-item.js
@@ -38,6 +38,9 @@ export function getNavItem(user, dispatch) {
             <Menu.Item key="fillionvideois">
                 <Link to="/fillion/videois">视频管理</Link>
             </Menu.Item>
+            <Menu.Item key="jiekouguanli">
+                <Link to="/fillion/jiekouguanli">接口管理</Link>
+            </Menu.Item>
             <Menu.Item key="fillionpromotional">
                 <Link to="/fillion/promotional">宣传视频</Link>
             </Menu.Item>
diff --git a/web/client/src/sections/fillion/routes.js b/web/client/src/sections/fillion/routes.js
index abdfb6ab..3187441d 100644
--- a/web/client/src/sections/fillion/routes.js
+++ b/web/client/src/sections/fillion/routes.js
@@ -11,6 +11,7 @@ import { PromoTional } from './containers';
 import { Maintenance } from './containers'
 import { Patrol } from './containers'
 import { File } from './containers';
+import {Jiekouguanli} from './containers'
 export default [{
     type: 'inner',
     route: {
@@ -89,6 +90,13 @@ export default [{
             menuSelectKeys: ['fillionvideois'],
             component: Videois,
             breadcrumb: '视频管理',
+        },
+        {
+            path: '/jiekouguanli',
+            key: 'jiekouguanli',
+            menuSelectKeys: ['jiekouguanli'],
+            component: Jiekouguanli,
+            breadcrumb: '接口管理',
         }
             , {
             path: '/promotional',