稽查页面

VisualInspection/js/main.js

@@ -38,21 +38,31 @@ function getPageInfo(id) {
                 html = __inline('/view/mytask/unchecked.html');
                 break;
             }
+        case "1_1_1":
+            {
+                html = __inline('/view/mytask/check.html');
+                break;
+            }
+         case "1_1_1_1":
+            {
+                html = __inline('/view/mytask/preSubmit.html');
+                break;
+            }
         case "1_2":
-        {
-            html = __inline('/view/mytask/unexamined.html');
-            break;
-        }
+            {
+                html = __inline('/view/mytask/unexamined.html');
+                break;
+            }
          case "1_3":
-        {
-            html = __inline('/view/mytask/undispatched.html');
-            break;
-        }
+            {
+                html = __inline('/view/mytask/undispatched.html');
+                break;
+            }
          case "1_4":
-        {
-            html = __inline('/view/mytask/dispatched.html');
-            break;
-        }
+            {
+                html = __inline('/view/mytask/dispatched.html');
+                break;
+            }
         case "7_5":
             {
                 html = __inline('/view/constant/constant.html');
@@ -67,4 +77,8 @@ function getPageInfo(id) {
 
     return html;
 
+}
+
+function changePage(page) {
+    $("#main_content").html(page);
 }

VisualInspection/view/main.html

@@ -27,14 +27,14 @@
 
                     <div class="panel">
                         <div class="panel-heading">
-                            <ol class="breadcrumb" style="margin-bottom: 0;">
+                            <ol class="breadcrumb" style="margin-bottom: 0;padding:0px;">
                                 <li><a href="your/url/">视频稽查</a></li>
                                 <li><a href="your/url/">已稽查</a></li>
                                 <li class="active">稽查详情</li>
                             </ol>
                         </div>
                         <div class="panel-body" id="main_content">
-                            <link rel="import" href="/view/constant/constant.html?__inline">
+                            <link rel="import" href="/view/mytask/unchecked.html?__inline">
                         </div>
                     </div>
 

VisualInspection/view/mytask/add.html → VisualInspection/view/mytask/changePerson.html

@@ -1,54 +1,54 @@
-<div class="container-fluid ">
-        <form class="form-horizontal">
-            <div class="form-group">
-                <label for="exampleInputAccount4" class="col-sm-2">字典标识</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="flag_name" placeholder="字典标识">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">标识名称</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="标识名称">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">字典值</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="字典值">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">字典名称</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="字典名称">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">排序号</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="排序号">
-                </div>
-            </div>
-             <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">备注</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="标识名称">
-                </div>
-            </div>
-            <div class="form-group">
-                <div class="col-sm-offset-2 col-sm-10">
-                <div class="checkbox">
-                    <label>
-                    <input type="checkbox">有效
-                    </label>
-                </div>
-                </div>
-            </div>
-            <div class="form-group">
-                <div class="col-sm-offset-2 col-sm-10">
-                <button type="submit" class="btn btn-default">保存</button>
-                </div>
-            </div>
-            </form>
-    </div>
+<div class="container-fluid ">
+        <form class="form-horizontal">
+            <div class="form-group">
+                <label for="exampleInputAccount4" class="col-sm-2">字典标识</label>
+                <div class="col-md-6 col-sm-10">
+                <input type="text" class="form-control" id="flag_name" placeholder="字典标识">
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="exampleInputPassword4" class="col-sm-2">标识名称</label>
+                <div class="col-md-6 col-sm-10">
+                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="标识名称">
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="exampleInputPassword4" class="col-sm-2">字典值</label>
+                <div class="col-md-6 col-sm-10">
+                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="字典值">
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="exampleInputPassword4" class="col-sm-2">字典名称</label>
+                <div class="col-md-6 col-sm-10">
+                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="字典名称">
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="exampleInputPassword4" class="col-sm-2">排序号</label>
+                <div class="col-md-6 col-sm-10">
+                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="排序号">
+                </div>
+            </div>
+             <div class="form-group">
+                <label for="exampleInputPassword4" class="col-sm-2">备注</label>
+                <div class="col-md-6 col-sm-10">
+                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="标识名称">
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="col-sm-offset-2 col-sm-10">
+                <div class="checkbox">
+                    <label>
+                    <input type="checkbox">有效
+                    </label>
+                </div>
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="col-sm-offset-2 col-sm-10">
+                <button type="submit" class="btn btn-default">保存</button>
+                </div>
+            </div>
+            </form>
+    </div>

VisualInspection/view/mytask/check.html

@@ -4,13 +4,6 @@
                 <div class="form-group">
                     <label for="exampleInputAccount1" class="col-sm-1">收费站</label>
                     <div class="col-sm-2">
-                        <input type="text" id="start-time" class="form-control form-date" placeholder="开始时间">
-                    </div>
-                    <div class="col-sm-2">
-                        <input type="text" id="end-time" class="form-control form-date" placeholder="截止时间">
-                    </div>
-                    <label for="exampleInputAccount1" class="col-sm-1">考核部门</label>
-                    <div class="col-sm-2">
                         <select class="form-control">
                             <option value="">全部</option>
                             <option value="1">东台收费站</option>
@@ -18,31 +11,95 @@
                             <option value="3">收费站</option>
                         </select>
                     </div>
+                    <label for="exampleInputAccount1" class="col-sm-1">车道号</label>
+                    <div class="col-sm-2">
+                        <select class="form-control">
+                            <option value="">1</option>
+                            <option value="1">2</option>
+                            <option value="2">3</option>
+                            <option value="3">4</option>
+                        </select>
+                    </div>
+                    <label for="exampleInputAccount1" class="col-sm-1">考核人员</label>
                     <div class="col-sm-2">
-                        <button class="btn btn-primary " type="button">查询</button>
+                        <!-- 使用图片 -->
+                        <img data-toggle="lightbox" src="../../images/img4.jpg" data-image="../../images/img4.jpg" data-caption="小图看大图" alt="" width="50">
+                          <label for="exampleInputAccount1">0518 盛兴峰</label>
                     </div>
-                    <div style="float:right;">
-                        <button class="btn btn-success" type="button" data-toggle="modal" data-target="#myModal"><i class="icon icon-plus-sign"></i> 一键下发</button>
+                    <div class="col-sm-2">
+                        <button class="btn btn-primary " type="button">更改考核人员</button>
                     </div>
                 </div>
             </form>
         </div>
-        <br>
 
         <div class="row">
-            <!-- 使用一个div来显示数据表格 -->
-            <div class="datatable" data-checkable="true" data-sortable="true"></div 
-        </div>
-        <div class="row" style="text-align:center">
-            <ul class="pager center-block">
-                <li class="previous"><a href="#">« 上一页</a></li>
-                <li><a href="#">1</a></li>
-                <li class="active"><a href="#">2</a></li>
-                <li><a href="#">3</a></li>
-                <li><a href="#">4</a></li>
-                <li><a href="#">5</a></li>
-                <li class="next"><a href="#">下一页 »</a></li>
-            </ul>
+            <div class="col-sm-6">
+                <ul class="nav nav-secondary">
+                    <li class="active"><a data-tab href="#tabContent1">收费亭</a></li>
+                    <li><a data-tab href="#tabContent2">车道</a></li>
+                    <li><a data-tab href="#tabContent3">广场</a></li>
+                </ul>
+                <div class="tab-content">
+                    <div class="tab-pane active" id="tabContent1">
+                        <img data-toggle="lightbox" src="../../images/img4.jpg" data-caption="小图看大图"  alt="" width="500">   
+                    </div>
+                    <div class="tab-pane" id="tabContent2">
+                        <img data-toggle="lightbox" src="../../images/bg.jpg" data-caption="小图看大图"  alt="" width="500">   
+                    </div>
+                    <div class="tab-pane" id="tabContent3">
+                        <img data-toggle="lightbox" src="../../images/img4.jpg" data-caption="小图看大图"  alt="" width="500">   
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="cards cards-borderless col-sm-11">
+                        <div class="col-md-4 col-sm-6 col-lg-3">
+                            <a href="#" style="color:red;"><i class="icon icon-remove-circle"></i> 删除</a>
+                            <a class="card" href="###">
+                            <img src="../../images/img4.jpg" alt="">
+                            <div class="caption">“良辰美景” 出自《牡丹亭》</div>
+                            </a>
+                        </div>
+                        <div class="col-md-4 col-sm-6 col-lg-3">
+                            <a href="#" style="color:red;"><i class="icon icon-remove-circle"></i> 删除</a>
+                            <a class="card" href="###">
+                            <img src="../../images/img4.jpg" alt="">
+                            <div class="caption">“良辰美景” 出自《牡丹亭》</div>
+                            </a>
+                        </div>
+                        <div class="col-md-4 col-sm-6 col-lg-3">
+                            <a href="#" style="color:red;"><i class="icon icon-remove-circle"></i> 删除</a>
+                            <a class="card" href="###">
+                            <img src="../../images/img4.jpg" alt="">
+                            <div class="caption">“良辰美景” 出自《牡丹亭》</div>
+                            </a>
+                        </div>
+                        <div class="col-md-4 col-sm-6 col-lg-3">
+                            <a href="#" style="color:red;"><i class="icon icon-remove-circle"></i> 删除</a>
+                            <a class="card" href="###">
+                            <img src="../../images/img4.jpg" alt="">
+                            <div class="caption">“良辰美景” 出自《牡丹亭》</div>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="col-sm-1">
+                        <br>
+                        <button class="btn btn-primary" type="button">清空</button>
+                        <br>
+                        <br>
+                        <button class="btn btn-primary" type="button">评分</button>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-6">
+                <div class="datatable" data-checkable="true" data-sortable="true"></div>
+                <div class="col-sm-3">
+                    <button class="btn btn-primary" type="button" onclick="showPre()">结果提交</button>
+                </div>
+                <div class="col-sm-3">
+                    <button class="btn btn-danger" type="button">申请无效</button>
+                </div>
+            </div>
         </div>
     </div>
     <!-- 对话框HTML -->
@@ -96,22 +153,22 @@
                 sortable:false,
                 data: {
                     cols: [
-                        {width: 30, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
-                        {width: 80, text: '任务名称', type: 'date', flex: false, sort: 'down'},
-                        {width: 80, text: '考核人员', type: 'string', flex: true, colClass: ''},
-                        {width: 80, text: '考核部门', type: 'date', flex: false, sort: 'down'},
-                        {width: 80, text: '稽查人员', type: 'string', flex: true, colClass: ''},
-                        {width: 80, text: '稽查时间段', type: 'date', flex: false, sort: 'down'},
-                        {width: 80, text: '状态', type: 'string', flex: true, colClass: ''},
-                        {width: 80, text: '稽查时间', type: 'string', flex: true, colClass: ''},
-                        {width: 160, text: '操作', type: 'string', flex: true, colClass: ''}
+                        {width: 30, text: '序号', type: 'number', flex: true, colClass: 'text-center'},
+                        {width: 200, text: '评分记录', type: 'string', flex: true, sort: 'down'},
+                        {width: 30, text: '分数', type: 'string', flex: true, colClass: ''},
+                        {width: 100, text: '操作', type: 'string', flex: true, colClass: ''}
                     ],
                     rows: [
-                        {checked: false, data: [1, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','待审核','2017-04-05 10:00','<a href="###"><i class="icon-table"></i>查看结果</a>']},
-                        {checked: false, data: [2, '20170404收费站稽查任务','李敏','收费站','徐薇1','2017-04-04  00:00-24:00','待审核','2017-04-05 10:00','<a href="###"><i class="icon-table"></i>查看结果</a>']},
+                        {checked: false, data: [1, '服务设施维修及时，小修及时修复','10','<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i>修改 </a><a href="#"><i class="icon icon-remove-circle"></i>删除</a>']},
+                        {checked: false, data: [2, '服务区垃圾房应封闭，房内垃圾入袋，地面无污水','20','<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i>修改 </a><a href="#"><i class="icon icon-remove-circle"></i>删除</a>']},
                         // 更多数据
                     ]
                 }
             });
         });
+
+        function showPre(id){
+            // $('#myModal').modal({name:"dd"});
+            changePage(getPageInfo("1_1_1_1"));
+        }
     </script>

VisualInspection/view/mytask/preSubmit.html

@@ -0,0 +1,58 @@
+
+<div class="container-fluid ">
+      <div class="row">
+        <h3>考核基本信息</h3>
+        <div class="page-header">
+            <table style="width:100%;">
+                <tr>
+                    <td width="25%">考核任务名：20170404收费站稽查任务</td>
+                    <td width="25%">考核人：李娟</td>
+                    <td width="25%">考核时间： 8:20-10:30</td>
+                    <td width="25%">考核视频数：2</td>
+                </tr>
+            </table>
+        </div>
+      </div>
+      <div class="row">
+        <h3>考核任务流程</h3>
+        <div class="page-header">
+            <table style="width:100%;">
+                <tr>
+                    <td width="25%">考核任务名：20170404收费站稽查任务</td>
+                    <td width="25%">考核人：李娟</td>
+                    <td width="25%">考核时间： 8:20-10:30</td>
+                    <td width="25%">考核视频数：2</td>
+                </tr>
+            </table>
+        </div>
+      </div>
+      <div class="row">
+        <h3>考核详细内容</h3>
+        <div>
+            <div class="datatable" data-checkable="true" data-sortable="true"></div>
+        </div>
+      </div>
+</div>
+<script>
+    $(document).ready(function() {
+            // 使用data参数更新数据：
+            $('.datatable').datatable( {
+                checkable:false,
+                sortable:false,
+                data: {
+                    cols: [
+                        {width: 30, text: '序号', type: 'number', flex: true, colClass: 'text-center'},
+                        {width: 200, text: '考核内容', type: 'string', flex: true, sort: 'down'},
+                        {width: 30, text: '扣分', type: 'string', flex: true, colClass: ''},
+                        {width: 30, text: '录像截图', type: 'string', flex: true, colClass: ''},
+                        {width: 100, text: '操作', type: 'string', flex: true, colClass: ''}
+                    ],
+                    rows: [
+                        {checked: false, data: [1, '未按规定收取过路费，着装不规范','10','<div  class="row"><img data-toggle="lightbox" src="../../images/img4.jpg" data-caption="小图看大图" style="display:inline"  alt="" width="500"><img data-toggle="lightbox" style="display:inline" src="../../images/img4.jpg" data-caption="小图看大图"  alt="" width="500"></div>','<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i>修改 </a><a href="#"><i class="icon icon-remove-circle"></i>删除</a>']},
+                        {checked: false, data: [2, '服务区垃圾房应封闭，房内垃圾入袋，地面无污水','20','<img data-toggle="lightbox" src="../../images/img4.jpg" data-caption="小图看大图"  alt="" width="500"> ','<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i>修改 </a><a href="#"><i class="icon icon-remove-circle"></i>删除</a>']},
+                        // 更多数据
+                    ]
+                }
+            });
+        });
+    </script>

VisualInspection/view/mytask/unchecked.html

@@ -28,7 +28,7 @@
 
         <div class="row">
             <!-- 使用一个div来显示数据表格 -->
-            <div class="datatable" data-checkable="true" data-sortable="true"></div 
+            <div class="datatable" data-checkable="true" data-sortable="true"></div> 
         </div>
         <div class="row" style="text-align:center">
             <ul class="pager center-block">
@@ -44,20 +44,11 @@
     </div>
     <!-- 对话框HTML -->
     <div class="modal fade" id="myModal">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+            ...
+            </div>
         </div>
-        <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
-        <h4 class="modal-title">添加常量</h4>
-      </div>
-      <div class="modal-body">
-        <link rel="import" href="/view/constant/add.html?__inline">
-      </div>
-    </div>
-    </div>
     </div>
     <script>
         $(document).ready(function() {
@@ -103,11 +94,15 @@
                         {width: 80, text: '操作', type: 'string', flex: true, colClass: ''}
                     ],
                     rows: [
-                        {checked: false, data: [1, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','未稽查','<a href="###"><i class="icon-ok-sign"></i>稽查</a>']},
-                        {checked: false, data: [2, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','未稽查','<a href="###"><i class="icon-ok-sign"></i>稽查</a>']},
+                        {checked: false, data: [1, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','未稽查','<a href="#" onclick="showCheck(1)"><i class="icon-ok-sign"></i>稽查</a>']},
+                        {checked: false, data: [2, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','未稽查','<a href="#" onclick="showCheck(2)"><i class="icon-ok-sign"></i>稽查</a>']},
                         // 更多数据
                     ]
                 }
             });
         });
+        function showCheck(id){
+            // $('#myModal').modal({name:"dd"});
+            changePage(getPageInfo("1_1_1"));
+        }
     </script>

VisualInspection/view/mytask/update.html

@@ -1,55 +0,0 @@
-
-    <div class="container-fluid ">
-        <form class="form-horizontal">
-            <div class="form-group">
-                <label for="exampleInputAccount4" class="col-sm-2">字典标识</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="flag_name" placeholder="字典标识">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">标识名称</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="标识名称">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">字典值</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="字典值">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">字典名称</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="字典名称">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">排序号</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="排序号">
-                </div>
-            </div>
-             <div class="form-group">
-                <label for="exampleInputPassword4" class="col-sm-2">备注</label>
-                <div class="col-md-6 col-sm-10">
-                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="标识名称">
-                </div>
-            </div>
-            <div class="form-group">
-                <div class="col-sm-offset-2 col-sm-10">
-                <div class="checkbox">
-                    <label>
-                    <input type="checkbox">有效
-                    </label>
-                </div>
-                </div>
-            </div>
-            <div class="form-group">
-                <div class="col-sm-offset-2 col-sm-10">
-                <button type="submit" class="btn btn-default">保存</button>
-                </div>
-            </div>
-            </form>
-    </div>