diff --git a/src/main/ui/manage.html b/src/main/ui/manage.html
index 5dcc47df1..aee6240c0 100644
--- a/src/main/ui/manage.html
+++ b/src/main/ui/manage.html
@@ -122,7 +122,7 @@ margin-bottom: 10%;"/>
     </div>
 </div>
 <div ng-if="currentUser!=null" ng-cloak
-     ng-class="currentUser.org?(currentUser.org.banner_class||'fxplus'):'royalpay'">
+     ng-class="currentUser.org?(currentUser.org.banner_class||'fxplus'):'royalpay'" ui-view>
 
 
 <div class="total_logo">
@@ -131,69 +131,96 @@ margin-bottom: 10%;"/>
 
 <div style="margin: 0 auto;display: flex;padding-top: 40px;width: 1050px;flex-wrap:wrap">
     <div class="box-items" ng-if="'10'|withRole">
+        <a ui-sref="listMenu({role:'Compliance'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
             <img src="/static/images/manage/menu_1.png">
         </div>
         <p class="box-font">Compliance</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'10000000000'|withRole">
+        <a ui-sref="listMenu({role:'RiskManager'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_2.png">
+             <img src="/static/images/manage/menu_2.png">
         </div>
         <p class="box-font">Risk Manager</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'100000'|withRole">
+        <a ui-sref="listMenu({role:'AccountManager'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_3.png">
+              <img src="/static/images/manage/menu_3.png">
         </div>
         <p class="box-font">Account Manager</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'1000'|withRole">
+        <a ui-sref="listMenu({role:'Accountant'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_4.png">
+           <img src="/static/images/manage/menu_4.png">
         </div>
         <p class="box-font">Accountant</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'100'|withRole">
+        <a ui-sref="listMenu({role:'BDUser'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_5.png">
+           <img src="/static/images/manage/menu_5.png">
         </div>
         <p class="box-font">BD User</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'10000'|withRole">
+        <a ui-sref="listMenu({role:'Service'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_6.png">
+            <img src="/static/images/manage/menu_6.png">
         </div>
         <p class="box-font">Service</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'1'|withRole">
+        <a ui-sref="listMenu({role:'Administrator'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_7.png">
+            <img src="/static/images/manage/menu_7.png">
         </div>
         <p class="box-font">Administrator</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'10000000'|withRole">
+        <a ui-sref="listMenu({role:'SiteManager'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_8.png">
+            <img src="/static/images/manage/menu_8.png">
         </div>
         <p class="box-font">Site Manager</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'100000000'|withRole">
+        <a ui-sref="listMenu({role:'Developer'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_9.png">
+            <img src="/static/images/manage/menu_9.png">
         </div>
         <p class="box-font">Developer</p>
+        </a>
     </div>
+
     <div class="box-items" ng-if="'1000000'|withRole">
+        <a ui-sref="listMenu({role:'Director'})" ui-sref-opts="{reload:true}">
         <div class="boxs">
-                <img src="/static/images/manage/menu_10.png">
+            <img src="/static/images/manage/menu_10.png">
         </div>
         <p class="box-font">Director</p>
+        </a>
     </div>
 
 </div>
-
-
 </div>
 </body>
 </html>
diff --git a/src/main/ui/manage_bak.html b/src/main/ui/manage_bak.html
index 4185ec394..1aa66dcf6 100644
--- a/src/main/ui/manage_bak.html
+++ b/src/main/ui/manage_bak.html
@@ -221,7 +221,7 @@ margin-bottom: 10%;"/>
     <!--end:顶部导航栏-->
     <!-- Left side column. contains the logo and sidebar -->
     <!--左边栏-->
-<!--
+
     <aside class="main-sidebar" style="height: 100%;max-height: 100%;overflow: auto;padding-bottom: 50px;">
         &lt;!&ndash; sidebar: style can be found in sidebar.less &ndash;&gt;
         <section class="sidebar">
@@ -465,22 +465,22 @@ margin-bottom: 10%;"/>
         </section>
         &lt;!&ndash; /.sidebar &ndash;&gt;
     </aside>
--->
+
     <!--END:左边栏-->
 
-<!--    &lt;!&ndash; Content Wrapper. Contains page content &ndash;&gt;
+    <!-- Content Wrapper. Contains page content -->
     <div>
         <div class="content-wrapper autoheight" ui-view></div>
-    </div>-->
+    </div>
     <!-- /.content-wrapper -->
 
-<!--    <footer class="main-footer">
+    <footer class="main-footer">
         <div class="pull-right hidden-xs">
             <b>Easy Business，Easy Pay</b>
         </div>
         <strong>Copyright © 2015-2017 <a href="http://www.royalpay.com.au">RoyalPay</a>.</strong> All rights
         reserved.
-    </footer>-->
+    </footer>
 
 </div>
 <!-- ./wrapper -->
diff --git a/src/main/ui/static/boot/manager-boot.js b/src/main/ui/static/boot/manager-boot.js
index 97f099690..a29a36dcb 100644
--- a/src/main/ui/static/boot/manager-boot.js
+++ b/src/main/ui/static/boot/manager-boot.js
@@ -76,8 +76,8 @@ require(['angular', 'jquery'], function (angular, $) {
     });
 
     function boot(user) {
-        var paths = ['static/boot/managerMainApp', 'static/analysis/org/analysis-org', 'static/analysis/report/analysis-report', 'static/analysis/monitoring/analysis-monitoring', 'static/analysis/bd/analysis-bd'];
-        var moduleNames = ['managerMainApp', 'analysisTransaction', 'analysisBD', 'analysisOrg', 'analysisMonitoring', 'analysisReport'];
+        var paths = ['static/boot/managerMainApp', 'static/menu/managerMenu','static/analysis/org/analysis-org', 'static/analysis/report/analysis-report', 'static/analysis/monitoring/analysis-monitoring', 'static/analysis/bd/analysis-bd'];
+        var moduleNames = ['managerMainApp', 'listMenuApp','analysisTransaction', 'analysisBD', 'analysisOrg', 'analysisMonitoring', 'analysisReport'];
         window.currentUser = user;
         angular.forEach(user.modules, function (mod) {
             paths.push(mod.js_path);
diff --git a/src/main/ui/static/menu/managerMenu.js b/src/main/ui/static/menu/managerMenu.js
new file mode 100644
index 000000000..33b9d82e7
--- /dev/null
+++ b/src/main/ui/static/menu/managerMenu.js
@@ -0,0 +1,17 @@
+define(['angular', 'uiRouter', 'uiBootstrap'], function (angular) {
+    'use strict';
+    var app = angular.module('listMenuApp', ['ui.router', 'ui.bootstrap']);
+    app.config(['$stateProvider', function ($stateProvider) {
+        $stateProvider.state('listMenu', {
+            url: '/menu?role',
+            templateUrl: '/manage_menu.html',
+            controller: 'listMenuCtrl'
+        })
+    }]);
+    app.controller('listMenuCtrl', ['$scope', '$http', '$filter','$uibModal', 'commonDialog','stateParams', function ($scope, $http,$filter, $uibModal, commonDialog,$stateParams) {
+    console.log("dadadadada  + " + $stateParams.role);
+
+
+    }]);
+    return app;
+});