温红权 9 лет назад
Родитель
Сommit
ebbb1531d2

+ 0 - 0
VisualInspection/css/foot.css → VisualInspection/css/common/foot.css


+ 4 - 0
VisualInspection/css/header.css → VisualInspection/css/common/header.css

@@ -16,4 +16,8 @@ html body {
     height: 32px;
     margin-top: 24px;
     margin-right: 10px
+}
+
+.main {
+    background: #328dc7;
 }

+ 17 - 0
VisualInspection/css/main.css

@@ -0,0 +1,17 @@
+.main {
+    background: white;
+    padding-left: 0;
+}
+
+footer p {
+    color: black
+}
+
+.mum_left {
+    background: #328dc7;
+    padding-top: 15px;
+}
+
+.mum_right {
+    padding-top: 10px;
+}

+ 38 - 0
VisualInspection/css/mum.css

@@ -0,0 +1,38 @@
+.tree-menu {
+    border-radius: 0;
+    border: 0;
+}
+
+.tree-menu>li>a {
+    border: 0;
+    color: white;
+}
+
+.tree-menu li li a {
+    color: white;
+}
+
+.tree-menu li .list-toggle {
+    color: white;
+    opacity: 1;
+}
+
+.tree li>.list-toggle:active,
+.tree li>.list-toggle:hover {
+    color: white;
+}
+
+.tree-menu li.active>a {
+    border-color: #03b8cf;
+    background: #03b8cf;
+}
+
+.menu {
+    color: white;
+}
+
+.tree-menu li>a>.icon {
+    color: white;
+    opacity: 1;
+    margin-left: 10px
+}

+ 15 - 0
VisualInspection/js/main.js

@@ -0,0 +1,15 @@
+//计算左面的
+$(document).ready(function() {
+
+    setletftime();
+
+    $('#treeMenu').on('click', 'a', function() {
+        $('#treeMenu li.active').removeClass('active');
+        $(this).closest('li').addClass('active');
+    });
+});
+
+function setletftime() {
+    $("#mum_left").css("height", $("#main").height() - 80);
+    setTimeout(setletftime, 1000);
+}

+ 2 - 2
VisualInspection/view/common/commoncsslink.html

@@ -1,3 +1,3 @@
 <link rel="stylesheet" type="text/css" href="/node_modules/zui/dist/css/zui.min.css">
-<link rel="stylesheet" type="text/css" href="/css/header.css">
-<link rel="stylesheet" type="text/css" href="/css/foot.css">
+<link rel="stylesheet" type="text/css" href="/css/common/header.css">
+<link rel="stylesheet" type="text/css" href="/css/common/foot.css">

+ 25 - 6
VisualInspection/view/main.html

@@ -5,6 +5,7 @@
     <meta charset="utf-8">
     <title>稽查</title>
     <link rel="import" href="/view/common/commoncsslink.html?__inline">
+    <link rel="stylesheet" type="text/css" href="/css/main.css">
 </head>
 
 <body>
@@ -15,19 +16,37 @@
 
     <div id="main" class="container-fluid main">
         <div class="row">
-            <div class="col-md-4"></div>
-            <div class="col-md-4">
-
+            <div class="col-md-2">
+                <div id="mum_left" class="mum_left">
+                    <link rel="import" href="/view/mum.html?__inline">
+                </div>
+            </div>
+            <div class="col-md-10">
+                <div id="mum_right" class="mum_right">
+
+                    <div class="panel">
+                        <div class="panel-heading">
+                            <ol class="breadcrumb" style="margin-bottom: 0;">
+                                <li><a href="your/url/">视频稽查</a></li>
+                                <li><a href="your/url/">已稽查</a></li>
+                                <li class="active">稽查详情</li>
+                            </ol>
+                        </div>
+                        <div class="panel-body">
+                            ...
+                        </div>
+                    </div>
+
+                </div>
 
             </div>
-            <div class="col-md-4"></div>
+
         </div>
     </div>
 
-
-
     <link rel="import" href="/view/common/foot.html?__inline">
     <link rel="import" href="/view/common/commonscriptlink.html?__inline">
+    <script src="/js/main.js"></script>
 </body>
 
 

+ 71 - 0
VisualInspection/view/mum.html

@@ -0,0 +1,71 @@
+<link rel="stylesheet" type="text/css" href="/css/mum.css">
+<nav class="menu" data-ride="menu">
+    <ul id="treeMenu" class="tree tree-menu" data-ride="tree">
+
+        <li>
+            <a 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>
+            </ul>
+        </li>
+        <li>
+            <a href="#"><i class="icon icon-time"></i>考核办法管理</a>
+            <ul>
+                <li><a href="#"><i class="icon">·</i>考核办法管理</a></li>
+            </ul>
+        </li>
+
+        <li>
+            <a 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>
+            </ul>
+        </li>
+        <li>
+            <a 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>
+            </ul>
+        </li>
+        <li>
+            <a 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>
+            </ul>
+        </li>
+        <li>
+            <a 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>
+            </ul>
+        </li>
+        <li>
+            <a 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>
+            </ul>
+        </li>
+
+
+
+    </ul>
+</nav>