菜单交互跟新

VisualInspection/css/mum.css

@@ -25,6 +25,10 @@
 .tree-menu li.active>a {
     border-color: #03b8cf;
     background: #03b8cf;
+    /*background-image: url("/images/bg.jpg");
+    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
+    -moz-background-size: 100% 100%;
+    background-size: 100% 100%;*/
 }
 
 .menu {

VisualInspection/js/main.js

@@ -4,12 +4,37 @@ $(document).ready(function() {
     setletftime();
 
     $('#treeMenu').on('click', 'a', function() {
+        if ($(this).hasClass("p_m")) { return; }
         $('#treeMenu li.active').removeClass('active');
         $(this).closest('li').addClass('active');
+
+
+        $("#main_content").html(getPageInfo(this.id));
+
     });
 });
 
 function setletftime() {
     $("#mum_left").css("min-height", $("#main").height() - 80);
     setTimeout(setletftime, 1000);
+}
+
+
+function getPageInfo(id) {
+    var html = "";
+    switch (id) {
+        case "7_5":
+            {
+                html = __inline('/view/constant/constant.html');
+                break;
+            }
+        default:
+            {
+                html = __inline('/view/user/aa.html');
+            }
+
+    }
+
+    return html;
+
 }

VisualInspection/view/main.html

@@ -32,7 +32,7 @@
                                 <li class="active">稽查详情</li>
                             </ol>
                         </div>
-                        <div class="panel-body">
+                        <div class="panel-body" id="main_content">
                             <link rel="import" href="/view/constant/constant.html?__inline">
                         </div>
                     </div>

VisualInspection/view/mum.html

@@ -3,65 +3,65 @@
     <ul id="treeMenu" class="tree tree-menu" data-ride="tree">
 
         <li>
-            <a href="#"><i class="icon icon-time"></i>我的任务</a>
+            <a class="p_m" href="#"><i class="icon icon-time"></i>我的任务</a>
             <ul>
-                <li><a href="#"><i class="icon">·</i>待稽查任务</a></li>
-                <li><a href="#"><i class="icon">·</i>待审核任务</a></li>
-                <li><a href="#"><i class="icon">·</i>待发放任务</a></li>
-                <li><a href="#"><i class="icon">·</i>已发放任务</a></li>
+                <li><a id="1_1" href="#"><i class="icon">·</i>待稽查任务</a></li>
+                <li><a id="1_2" href="#"><i class="icon">·</i>待审核任务</a></li>
+                <li><a id="1_3" href="#"><i class="icon">·</i>待发放任务</a></li>
+                <li><a id="1_4" href="#"><i class="icon">·</i>已发放任务</a></li>
             </ul>
         </li>
         <li>
-            <a href="#"><i class="icon icon-time"></i>考核办法管理</a>
+            <a class="p_m" href="#"><i class="icon icon-time"></i>考核办法管理</a>
             <ul>
-                <li><a href="#"><i class="icon">·</i>考核办法管理</a></li>
+                <li><a id="2_1" href="#"><i class="icon">·</i>考核办法管理</a></li>
             </ul>
         </li>
 
         <li>
-            <a href="#"><i class="icon icon-time"></i>排班管理</a>
+            <a class="p_m" href="#"><i class="icon icon-time"></i>排班管理</a>
             <ul>
-                <li><a href="#"><i class="icon">·</i>稽查人员排班</a></li>
-                <li><a href="#"><i class="icon">·</i>收费人员排班</a></li>
-                <li><a href="#"><i class="icon">·</i>稽查人员班组管理</a></li>
-                <li><a href="#"><i class="icon">·</i>收费人员班组管理</a></li>
+                <li><a id="3_1" href="#"><i class="icon">·</i>稽查人员排班</a></li>
+                <li><a id="3_2" href="#"><i class="icon">·</i>收费人员排班</a></li>
+                <li><a id="3_3" href="#"><i class="icon">·</i>稽查人员班组管理</a></li>
+                <li><a id="3_4" href="#"><i class="icon">·</i>收费人员班组管理</a></li>
             </ul>
         </li>
         <li>
-            <a href="#"><i class="icon icon-time"></i>申诉管理</a>
+            <a class="p_m" href="#"><i class="icon icon-time"></i>申诉管理</a>
             <ul>
-                <li><a href="#"><i class="icon">·</i>稽查人员排班</a></li>
-                <li><a href="#"><i class="icon">·</i>收费人员排班</a></li>
-                <li><a href="#"><i class="icon">·</i>稽查人员班组管理</a></li>
-                <li><a href="#"><i class="icon">·</i>收费人员班组管理</a></li>
+                <li><a id="4_1" href="#"><i class="icon">·</i>稽查人员排班</a></li>
+                <li><a id="4_2" href="#"><i class="icon">·</i>收费人员排班</a></li>
+                <li><a id="4_3" href="#"><i class="icon">·</i>稽查人员班组管理</a></li>
+                <li><a id="4_4" href="#"><i class="icon">·</i>收费人员班组管理</a></li>
             </ul>
         </li>
         <li>
-            <a href="#"><i class="icon icon-time"></i>稽查管理</a>
+            <a class="p_m" href="#"><i class="icon icon-time"></i>稽查管理</a>
             <ul>
-                <li><a href="#"><i class="icon">·</i>稽查人员排班</a></li>
-                <li><a href="#"><i class="icon">·</i>收费人员排班</a></li>
-                <li><a href="#"><i class="icon">·</i>稽查人员班组管理</a></li>
-                <li><a href="#"><i class="icon">·</i>收费人员班组管理</a></li>
+                <li><a id="5_1" href="#"><i class="icon">·</i>稽查人员排班</a></li>
+                <li><a id="5_2" href="#"><i class="icon">·</i>收费人员排班</a></li>
+                <li><a id="5_3" href="#"><i class="icon">·</i>稽查人员班组管理</a></li>
+                <li><a id="5_4" href="#"><i class="icon">·</i>收费人员班组管理</a></li>
             </ul>
         </li>
         <li>
-            <a href="#"><i class="icon icon-time"></i>统计查询</a>
+            <a class="p_m" href="#"><i class="icon icon-time"></i>统计查询</a>
             <ul>
-                <li><a href="#"><i class="icon">·</i>稽查人员排班</a></li>
-                <li><a href="#"><i class="icon">·</i>收费人员排班</a></li>
-                <li><a href="#"><i class="icon">·</i>稽查人员班组管理</a></li>
-                <li><a href="#"><i class="icon">·</i>收费人员班组管理</a></li>
+                <li><a id="6_1" href="#"><i class="icon">·</i>稽查人员排班</a></li>
+                <li><a id="6_2" href="#"><i class="icon">·</i>收费人员排班</a></li>
+                <li><a id="6_3" href="#"><i class="icon">·</i>稽查人员班组管理</a></li>
+                <li><a id="6_4" href="#"><i class="icon">·</i>收费人员班组管理</a></li>
             </ul>
         </li>
         <li>
-            <a href="#"><i class="icon icon-time"></i>基础信息管理</a>
+            <a class="p_m" href="#"><i class="icon icon-time"></i>基础信息管理</a>
             <ul>
-                <li><a href="#"><i class="icon">·</i>用户管理</a></li>
-                <li><a href="#"><i class="icon">·</i>角色管理</a></li>
-                <li><a href="#"><i class="icon">·</i>权限管理</a></li>
-                <li><a href="#"><i class="icon">·</i>菜单管理</a></li>
-                <li><a href="#"><i class="icon">·</i>常量管理</a></li>
+                <li><a id="7_1" href="#"><i class="icon">·</i>用户管理</a></li>
+                <li><a id="7_2" href="#"><i class="icon">·</i>角色管理</a></li>
+                <li><a id="7_3" href="#"><i class="icon">·</i>权限管理</a></li>
+                <li><a id="7_4" href="#"><i class="icon">·</i>菜单管理</a></li>
+                <li><a id="7_5" href="#"><i class="icon">·</i>常量管理</a></li>
             </ul>
         </li>