update...

panzhaov5
1 parent 56a8fc68
Showing 9 changed files with 185 additions and 64 deletions
src/main/resources/auths.json
src/main/resources/static/index.html
src/main/resources/static/js/main.js
src/main/resources/static/pages/attendance/att_data_main.html
src/main/resources/static/pages/basic_data/main.html
src/main/resources/static/pages/inout/in_out_main.html
src/main/resources/static/pages/plan_schedule/p_s_main.html
src/main/resources/static/pages/system_manager/role/auths.html
src/main/resources/static/pages/system_manager/sm_main.html
@@ -33,6 +33,11 @@
       "page": "/pages/attendance/att_data_main.html",
       "items": [
         {
+          "code": "maintain_plan",
+          "name": "保养计划",
+          "page": "/pages/attendance/maintain_plan_list.html"
+        },
+        {
           "code": "att_list",
           "name": "签到退记录",
           "page": "/pages/attendance/list.html"
@@ -40,6 +45,18 @@
       ]
     },
     {
+      "code": "schedule_plan",
+      "name": "计划排班",
+      "page": "/pages/plan_schedule/p_s_main.html",
+      "items": [
+        {
+          "code": "p_s_tzrc",
+          "name": "调整人车",
+          "page": "/pages/plan_schedule/tzrc/list.html"
+        }
+      ]
+    },
+    {
       "code": "basic_data",
       "name": "基础数据",
       "page": "/pages/basic_data/main.html",
@@ -85,16 +102,6 @@
           "code": "user",
           "name": "用户和账号",
           "page": "/pages/system_manager/user/user_list.html"
-        },
-        {
-          "code": "logs",
-          "name": "日志",
-          "page": ""
-        },
-        {
-          "code": "config",
-          "name": "参数配置",
-          "page": ""
         }
       ]
     }
@@ -28,16 +28,14 @@
     <div class="uk-card uk-card-default uk-card-body uk-width-1-1@m top_tools">
         <h3 class="uk-card-title"><img src="/assets/svg/park.svg"> 调派系统</h3>
         <div class="ct-btn-list">
-            <span class="ct-btn-link lasting" data-name="b_p_manager" data-page="/pages/b_p_manager/b_p_main.html">停放监管</span>
-            <span class="ct-btn-link lasting" data-name="abnormal_data" data-page="/pages/abnormal/main.html">异常监管</span>
-            <span class="ct-btn-link" data-name="inout_data" data-page="/pages/inout/in_out_main.html">进出场</span>
-            <span class="ct-btn-link" data-name="attendance_data" data-page="/pages/attendance/att_data_main.html">签到/退</span>
-            <span class="ct-btn-link" data-name="schedule_plan" data-page="/pages/plan_schedule/p_s_main.html">计划排班</span>
-            <span class="ct-btn-link" data-name="basic_data" data-page="/pages/basic_data/main.html">基础数据</span>
-            <span class="ct-btn-link" data-name="system_manager" data-page="/pages/system_manager/sm_main.html">系统管理</span>
-
+            <div class="menu_list" style="display: inline-block;"></div>
             <span class="ct-user-info">
-                <i uk-icon="icon: user;"></i> admin，在线
+                <div><i uk-icon="icon: user;"></i> <span id="user_name_t_span"></span>，在线</div>
+                <div uk-dropdown="">
+                    <ul class="uk-nav uk-dropdown-nav">
+                        <li><a href="/logout">退出登陆</a></li>
+                    </ul>
+                </div>
             </span>
         </div>
     </div>
@@ -45,6 +43,18 @@
     <div class="ct-cont-body"></div>
 </div>
+<script id="index_menu_list-temp" type="text/html">
+    {{each list as obj i}}
+        <span class="ct-btn-link" data-name="{{obj.code}}" data-page="{{obj.page}}">{{obj.name}}</span>
+    {{/each}}
+</script>
+
+<script id="sub_menu_list-temp" type="text/html">
+    {{each list as obj i}}
+        <li class="ct-btn-link" data-name="{{obj.code}}" data-page="{{obj.page}}">{{obj.name}}</li>
+    {{/each}}
+</script>
+
 <script src="/assets/plugins/d3/d3.min.js" ></script>
 <script src="/assets/plugins/d3/radialprogress/vizuly_core.min.js" ></script>
 <script src="/assets/plugins/d3/radialprogress/vizuly_radialprogress.min.js" ></script>
@@ -76,7 +86,6 @@
 <script src="/assets/plugins/toastr/toastr.min.js"></script>
 <script src="/js/tts.js"></script>
-
 <script src="/js/common.js"></script>
 <!-- 主JS 文件 -->
 <script src="/js/main.js"></script>
+/**
+ * 动态菜单相关 ----- start -----
+ */
+var cUser, cMenus, allAuths;
+$.get('/user/currentUser', function (rs) {
+    cUser = rs;
+    $('#user_name_t_span').text(cUser.userName);
+
+    //用户的菜单权限
+    cMenus = {};
+    var arr1 = cUser.roles[0]['menuStr'].split('$')
+        , arr2;
+
+    for (var i = 0, len = arr1.length; i < len; i++) {
+        if (!arr1[i] || arr1[i] == '')
+            continue;
+
+        arr2 = arr1[i].split('^');
+        cMenus[arr2[0]] = [];
+
+        if (arr2.length == 1)
+            continue;
+
+        for (var j = 1; j < arr2.length; j++) {
+            cMenus[arr2[0]].push(arr2[j]);
+        }
+    }
+
+    all_auths(function (auths) {
+        allAuths = auths;
+
+        //渲染一级菜单
+        var menu1 = gb_common.get_keys(cMenus)
+            , data = [];
+
+        for (var i = 0, t; t = menu1[i++];) {
+            if (!auths[t])
+                continue;
+            data.push({
+                code: t,
+                name: auths[t].name,
+                page: auths[t].page
+            });
+        }
+
+        var mentWrap = '.ct-container>.top_tools .menu_list';
+        var htmlStr = template('index_menu_list-temp', {list: data});
+        $(mentWrap).html(htmlStr);
+
+        //默认选中第一项
+        $('.ct-btn-link:eq(0)', mentWrap).trigger('click');
+    });
+});
+
+function all_auths(cb) {
+    $.get('/role/auth_json', function (rs) {
+        var list = JSON.parse(rs).list;
+
+        var data = {};
+
+        for (var i = 0, obj; obj = list[i++];) {
+            data[obj.code] = {
+                name: obj.name,
+                page: obj.page
+            }
+
+            if (!obj.items)
+                continue;
+
+            for (var j = 0, item; item = obj.items[j++];) {
+                data[obj.code + '$' + item.code] = {
+                    name: item.name,
+                    page: item.page
+                }
+            }
+        }
+
+        cb && cb(data);
+    });
+}
+
+/**
+ * 渲染二级菜单
+ */
+function renderSubmmenu(wrap) {
+    var pCode = $('.ct-btn-link.active', top_btn_list).data('name');
+    var mList = cMenus[pCode];
+
+    if(mList){
+        var data = [];
+        for(var i=0,t;t=mList[i++];){
+            data.push({
+                code: t,
+                name: allAuths[pCode+'$'+ t].name,
+                page: allAuths[pCode+'$'+ t].page
+            })
+        }
+
+        var menuStr = template('sub_menu_list-temp', {list: data});
+        $('.left-menus>ul', wrap).html(menuStr);
+
+        //默认选中第一项
+        $('.left-menus .ct-btn-link:eq(0)', wrap).trigger('click');
+    }
+}
+/**
+ * 动态菜单相关 ----- end -----
+ */
+
+
 var company_json, company_code_name = {};
 var cont = $('.ct-container');
 var top_btn_list = $('.ct-btn-list', cont);
@@ -21,19 +131,29 @@ var ep = EventProxy.create(&#39;load_company&#39;, &#39;load_lines&#39;, function (companyData, 
         groupLineArrays[key].push(this);
     });
-    //默认显示
-    $('.ct-btn-link[data-name=b_p_manager]').trigger('click');
+
     gb_basic_data.init();
 });
-$('.ct-btn-link', top_btn_list).on('click', function () {
+/**
+ * 一级菜单点击事件
+ */
+var _loading;
+top_btn_list.on('click', '.ct-btn-link', function () {
+    if(_loading)
+        return;
+
+    _loading = true;
+
     var page = $(this).data('page');
     if (!page)
         return;
-    var that = this;
+
+    $('.ct-btn-link.active', top_btn_list).removeClass('active');
+    $(this).addClass('active');
+
     $('.ct-cont-body', cont).trigger('exit').empty().load(page, function () {
-        $('.ct-btn-link.active', top_btn_list).removeClass('active');
-        $(that).addClass('active');
+        _loading = false;
     });
 });
 <div id="att_data_wrap" class="l_r_split_screen">
     <div class="left-menus">
-        <ul class="uk-list">
-            <li class="ct-btn-link" data-name="maintain_plan" data-page="/pages/attendance/maintain_plan_list.html">保养计划</li>
-            <li class="ct-btn-link" data-name="att_list" data-page="/pages/attendance/list.html">签到退记录</li>
-        </ul>
+        <ul class="uk-list"></ul>
     </div>
     <div class="right-body">
@@ -14,7 +11,7 @@
         (function () {
             var wrap = '#att_data_wrap', $body = $('.right-body', wrap);
-            $('.left-menus .ct-btn-link', wrap).on('click', function () {
+            $(wrap).on('click', '.left-menus .ct-btn-link', function () {
                 var page = $(this).data('page');
                 if(!page)
                     return;
@@ -26,8 +23,8 @@
                 });
             });
-            //默认选中第一项
-            $('.left-menus .ct-btn-link:eq(0)', wrap).trigger('click');
+            //渲染二级菜单
+            renderSubmmenu(wrap);
         })();
     </script>
 </div>
 \ No newline at end of file
@@ -2,13 +2,7 @@
 <div id="basic_data_wrap" class="l_r_split_screen">
     <div class="left-menus">
-        <ul class="uk-list">
-            <li class="ct-btn-link" data-name="person_card" data-page="/pages/basic_data/person_card/list.html">人员/人卡</li>
-            <li class="ct-btn-link" data-name="bus" data-page="/pages/basic_data/bus/list.html">车辆信息</li>
-            <li class="ct-btn-link" data-name="bus_card" data-page="/pages/basic_data/bus_card/bus_card_list.html">车卡信息</li>
-            <li class="ct-btn-link" data-name="private_car" data-page="/pages/basic_data/car/car_list.html">私家车</li>
-            <li class="ct-btn-link" data-name="berth" data-page="/pages/basic_data/berth/berth_main.html">区域和泊位</li>
-        </ul>
+        <ul class="uk-list"></ul>
     </div>
     <div class="right-body">
@@ -20,7 +14,7 @@
             var wrap = '#basic_data_wrap', $body = $('.right-body', wrap);
-            $('.left-menus .ct-btn-link', wrap).on('click', function () {
+            $(wrap).on('click', '.left-menus .ct-btn-link', function () {
                 var page = $(this).data('page');
                 if(!page)
                     return;
@@ -32,8 +26,9 @@
                 });
             });
-            //默认选中第一项
-            $('.left-menus .ct-btn-link:eq(0)', wrap).trigger('click');
+
+            //渲染二级菜单
+            renderSubmmenu(wrap);
         })();
     </script>
 </div>
 \ No newline at end of file
 <div id="inout_data_wrap" class="l_r_split_screen">
     <div class="left-menus">
-        <ul class="uk-list">
-            <li class="ct-btn-link" data-name="in_out_schedule" data-page="/pages/inout/in_out_schedule/list.html">计划出场</li>
-            <li class="ct-btn-link" data-name="rfid_cljcc_list" data-page="/pages/inout/signal/signal_inout_list.html">车辆进出场</li>
-        </ul>
+        <ul class="uk-list"></ul>
     </div>
     <div class="right-body">
@@ -14,7 +11,7 @@
         (function () {
             var wrap = '#inout_data_wrap', $body = $('.right-body', wrap);
-            $('.left-menus .ct-btn-link', wrap).on('click', function () {
+            $(wrap).on('click', '.left-menus .ct-btn-link', function () {
                 var page = $(this).data('page');
                 if(!page)
                     return;
@@ -26,8 +23,8 @@
                 });
             });
-            //默认选中第一项
-            $('.left-menus .ct-btn-link:eq(0)', wrap).trigger('click');
+            //渲染二级菜单
+            renderSubmmenu(wrap);
         })();
     </script>
 </div>
 \ No newline at end of file
@@ -2,9 +2,7 @@
 <div id="plan_schedule_data_wrap" class="l_r_split_screen">
     <div class="left-menus">
-        <ul class="uk-list">
-            <li class="ct-btn-link" data-name="p_s_tzrc" data-page="/pages/plan_schedule/tzrc/list.html">调整人车</li>
-        </ul>
+        <ul class="uk-list"></ul>
     </div>
     <div class="right-body">
@@ -16,7 +14,7 @@
             var wrap = '#plan_schedule_data_wrap', $body = $('.right-body', wrap);
-            $('.left-menus .ct-btn-link', wrap).on('click', function () {
+            $(wrap).on('click', '.left-menus .ct-btn-link', function () {
                 var page = $(this).data('page');
                 if(!page)
                     return;
@@ -28,8 +26,8 @@
                 });
             });
-            //默认选中第一项
-            $('.left-menus .ct-btn-link:eq(0)', wrap).trigger('click');
+            //渲染二级菜单
+            renderSubmmenu(wrap);
         })();
     </script>
 </div>
 \ No newline at end of file
@@ -19,7 +19,7 @@
             <div class="fun_s_list"></div>
         </div>
         <div class="footer_wrap">
-            <button class="uk-button uk-width-1-1 uk-margin-small-bottom save_btn">保存</button>
+            <button class="uk-button uk-button-primary uk-width-1-1 save_btn">保存</button>
         </div>
     </div>
@@ -3,10 +3,8 @@
     <div class="left-menus">
         <ul class="uk-list">
-            <li class="ct-btn-link" data-name="role" data-page="/pages/system_manager/role/auths.html">角色和权限</li>
-            <li class="ct-btn-link" data-name="user" data-page="/pages/system_manager/user/user_list.html">用户和账号</li>
-            <li class="ct-btn-link" data-name="logs" data-page="">日志</li>
-            <li class="ct-btn-link" data-name="config" data-page="">参数配置</li>
+<!--            <li class="ct-btn-link" data-name="logs" data-page="">日志</li>
+            <li class="ct-btn-link" data-name="config" data-page="">参数配置</li>-->
         </ul>
     </div>
     <div class="right-body">
@@ -19,7 +17,7 @@
             var wrap = '#system_manager_wrap', $body = $('.right-body', wrap);
-            $('.left-menus .ct-btn-link', wrap).on('click', function () {
+            $(wrap).on('click', '.left-menus .ct-btn-link', function () {
                 var page = $(this).data('page');
                 if(!page)
                     return;
@@ -31,8 +29,8 @@
                 });
             });
-            //默认选中第一项
-            $('.left-menus .ct-btn-link:eq(0)', wrap).trigger('click');
+            //渲染二级菜单
+            renderSubmmenu(wrap);
         })();
     </script>
 </div>
 \ No newline at end of file