diff --git a/src/lang/en.js b/src/lang/en.js
index 4ec4b96c..b9a59015 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -64,7 +64,8 @@ export default {
     clipboardDemo: 'Clipboard',
     i18n: 'I18n',
     externalLink: 'External Link',
-    users: 'Users'
+    users: 'Users',
+    reports: 'Reports'
   },
   navbar: {
     logOut: 'Log Out',
diff --git a/src/router/index.js b/src/router/index.js
index 26877477..98f9e414 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -64,5 +64,17 @@ export const asyncRouterMap = [
       }
     ]
   },
+  {
+    path: '/reports',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/reports/index'),
+        name: 'Reports',
+        meta: { title: 'reports', icon: 'documentation', noCache: true }
+      }
+    ]
+  },
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/views/reports/index.vue b/src/views/reports/index.vue
new file mode 100644
index 00000000..e69de29b