Главная Обзор Помощь
Регистрация Вход
wenhongquan
/
VisualInspection
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

主页面

温红权 9 лет назад
Родитель
fcd63605f4
Сommit
ebbb1531d2
8 измененных файлов с 172 добавлено и 8 удалено
Разделённый вид Показать статистику Diff
  1. 0 0
      VisualInspection/css/common/foot.css
  2. 4 0
      VisualInspection/css/common/header.css
  3. 17 0
      VisualInspection/css/main.css
  4. 38 0
      VisualInspection/css/mum.css
  5. 15 0
      VisualInspection/js/main.js
  6. 2 2
      VisualInspection/view/common/commoncsslink.html
  7. 25 6
      VisualInspection/view/main.html
  8. 71 0
      VisualInspection/view/mum.html

+ 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>