load代替map

VisualInspection/js/main.js

@@ -114,18 +114,19 @@ function getPageInfo(id) {
         for (var i = 0; i < MENU.length; i++) {
             var menu = MENU[i];
             if (menu.id == id) {
-                $("#main_content").load(base_ui_url + mtemp.url)
+                if (typeof(mtemp.url) != "undefined") {
+                    $("#main_content").load(base_ui_url + mtemp.url)
+                }
                 return;
             }
             if (menu.childs.length > 0) {
                 for (var j = 0; j < menu.childs.length; j++) {
                     var mtemp = menu.childs[j];
                     if (mtemp.id == id) {
-
-                        $("#main_content").load(base_ui_url + mtemp.url)
+                        if (typeof(mtemp.url) != "undefined") {
+                            $("#main_content").load(base_ui_url + mtemp.url)
+                        }
                         return;
-                        // html = ViewMap.get(mtemp.url)
-                        // return html;
                     }
                 }
             }
@@ -135,4 +136,10 @@ function getPageInfo(id) {
     return $("#main_content").load(base_ui_url + "/view/user/aa.html");
 
 
+}
+
+function changePage(url) {
+    if (typeof(url) != "undefined") {
+        $("#main_content").load(base_ui_url + url);
+    }
 }

VisualInspection/view/mytask/check.html

@@ -1,174 +1,195 @@
-    <div class="container-fluid ">
-        <div class="row">
-            <form  class="form-horizontal">
-                <div class="form-group">
-                    <label for="exampleInputAccount1" class="col-sm-1">收费站</label>
-                    <div class="col-sm-2">
-                        <select class="form-control">
+<div class="container-fluid ">
+    <div class="row">
+        <form class="form-horizontal">
+            <div class="form-group">
+                <label for="exampleInputAccount1" class="col-sm-1">收费站</label>
+                <div class="col-sm-2">
+                    <select class="form-control">
                             <option value="">全部</option>
                             <option value="1">东台收费站</option>
                             <option value="2">收费站</option>
                             <option value="3">收费站</option>
                         </select>
-                    </div>
-                    <label for="exampleInputAccount1" class="col-sm-1">车道号</label>
-                    <div class="col-sm-2">
-                        <select class="form-control">
+                </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">
-                        <!-- 使用图片 -->
-                        <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 class="col-sm-2">
-                        <button class="btn btn-primary " type="button">更改考核人员</button>
-                    </div>
                 </div>
-            </form>
-        </div>
+                <label for="exampleInputAccount1" class="col-sm-1">考核人员</label>
+                <div class="col-sm-2">
+                    <!-- 使用图片 -->
+                    <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 class="col-sm-2">
+                    <button class="btn btn-primary " type="button">更改考核人员</button>
+                </div>
+            </div>
+        </form>
+    </div>
 
-        <div class="row">
-            <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 class="row">
+        <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="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="###">
+                <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="###">
+                        </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="###">
+                        </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="###">
+                        </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>
+                        </a>
                     </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 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>
-    <!-- 对话框HTML -->
-    <div class="modal fade" id="myModal">
+</div>
+<!-- 对话框HTML -->
+<div class="modal fade" id="myModal">
     <div class="modal-dialog">
         <div class="modal-content">
-            
+
         </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 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>
-    <script>
-        $(document).ready(function() {
-            // 仅选择日期
-            $("#start-time").datetimepicker(
-            {
-                language:  "zh-CN",
-                weekStart: 1,
-                todayBtn:  1,
-                autoclose: 1,
-                todayHighlight: 1,
-                startView: 2,
-                minView: 2,
-                forceParse: 0,
-                format: "yyyy-mm-dd"
-            });
-            // 仅选择日期
-            $("#end-time").datetimepicker(
-            {
-                language:  "zh-CN",
-                weekStart: 1,
-                todayBtn:  1,
-                autoclose: 1,
-                todayHighlight: 1,
-                startView: 2,
-                minView: 2,
-                forceParse: 0,
-                format: "yyyy-mm-dd"
-            });
-            // 使用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: 100, text: '操作', type: 'string', flex: true, colClass: ''}
-                    ],
-                    rows: [
-                        {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>']},
-                        // 更多数据
-                    ]
-                }
-            });
+</div>
+<script>
+    $(document).ready(function() {
+        // 仅选择日期
+        $("#start-time").datetimepicker({
+            language: "zh-CN",
+            weekStart: 1,
+            todayBtn: 1,
+            autoclose: 1,
+            todayHighlight: 1,
+            startView: 2,
+            minView: 2,
+            forceParse: 0,
+            format: "yyyy-mm-dd"
+        });
+        // 仅选择日期
+        $("#end-time").datetimepicker({
+            language: "zh-CN",
+            weekStart: 1,
+            todayBtn: 1,
+            autoclose: 1,
+            todayHighlight: 1,
+            startView: 2,
+            minView: 2,
+            forceParse: 0,
+            format: "yyyy-mm-dd"
+        });
+        // 使用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: 100,
+                    text: '操作',
+                    type: 'string',
+                    flex: true,
+                    colClass: ''
+                }],
+                rows: [{
+                        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>
+    function showPre(id) {
+        // $('#myModal').modal({name:"dd"});
+        changePage("/view/mytask/preSubmit.html");
+    }
+</script>

VisualInspection/view/mytask/unchecked.html

@@ -1,108 +1,150 @@
-    <div class="container-fluid ">
-        <div class="row">
-            <form  class="form-horizontal">
-                <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">
+<div class="container-fluid ">
+    <div class="row">
+        <form class="form-horizontal">
+            <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>
                             <option value="2">收费站</option>
                             <option value="3">收费站</option>
                         </select>
-                    </div>
-                    <div class="col-sm-2">
-                        <button class="btn btn-primary " type="button">查询</button>
-                    </div>
                 </div>
-            </form>
-        </div>
-        <br>
+                <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>
+    <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>
-    <!-- 对话框HTML -->
-    <div class="modal fade" id="myModal">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
+</div>
+<!-- 对话框HTML -->
+<div class="modal fade" id="myModal">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
             ...
-            </div>
         </div>
     </div>
-    <script>
-        $(document).ready(function() {
-            // 仅选择日期
-            $("#start-time").datetimepicker(
-            {
-                language:  "zh-CN",
-                weekStart: 1,
-                todayBtn:  1,
-                autoclose: 1,
-                todayHighlight: 1,
-                startView: 2,
-                minView: 2,
-                forceParse: 0,
-                format: "yyyy-mm-dd"
-            });
-            // 仅选择日期
-            $("#end-time").datetimepicker(
-            {
-                language:  "zh-CN",
-                weekStart: 1,
-                todayBtn:  1,
-                autoclose: 1,
-                todayHighlight: 1,
-                startView: 2,
-                minView: 2,
-                forceParse: 0,
-                format: "yyyy-mm-dd"
-            });
-            // 使用data参数更新数据：
-            $('.datatable').datatable( {
-                checkable:false,
-                sortable:false,
-                data: {
-                    cols: [
-                        {width: 80, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
-                        {width: 160, text: '任务名称', type: 'date', flex: false, sort: 'down'},
-                        {width: 80, text: '考核人员', type: 'string', flex: true, colClass: ''},
-                        {width: 160, text: '考核部门', type: 'date', flex: false, sort: 'down'},
-                        {width: 80, text: '稽查人员', type: 'string', flex: true, colClass: ''},
-                        {width: 160, text: '稽查时间段', type: 'date', flex: false, sort: 'down'},
-                        {width: 80, text: '状态', type: 'string', flex: true, colClass: ''},
-                        {width: 80, text: '操作', type: 'string', flex: true, colClass: ''}
-                    ],
-                    rows: [
-                        {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>']},
-                        // 更多数据
-                    ]
-                }
-            });
+</div>
+<script>
+    $(document).ready(function() {
+        // 仅选择日期
+        $("#start-time").datetimepicker({
+            language: "zh-CN",
+            weekStart: 1,
+            todayBtn: 1,
+            autoclose: 1,
+            todayHighlight: 1,
+            startView: 2,
+            minView: 2,
+            forceParse: 0,
+            format: "yyyy-mm-dd"
         });
-        function showCheck(id){
-            // $('#myModal').modal({name:"dd"});
-            changePage(getPageInfo("1_1_1"));
-        }
-    </script>
+        // 仅选择日期
+        $("#end-time").datetimepicker({
+            language: "zh-CN",
+            weekStart: 1,
+            todayBtn: 1,
+            autoclose: 1,
+            todayHighlight: 1,
+            startView: 2,
+            minView: 2,
+            forceParse: 0,
+            format: "yyyy-mm-dd"
+        });
+        // 使用data参数更新数据：
+        $('.datatable').datatable({
+            checkable: false,
+            sortable: false,
+            data: {
+                cols: [{
+                    width: 80,
+                    text: '序号',
+                    type: 'number',
+                    flex: false,
+                    colClass: 'text-center'
+                }, {
+                    width: 160,
+                    text: '任务名称',
+                    type: 'date',
+                    flex: false,
+                    sort: 'down'
+                }, {
+                    width: 80,
+                    text: '考核人员',
+                    type: 'string',
+                    flex: true,
+                    colClass: ''
+                }, {
+                    width: 160,
+                    text: '考核部门',
+                    type: 'date',
+                    flex: false,
+                    sort: 'down'
+                }, {
+                    width: 80,
+                    text: '稽查人员',
+                    type: 'string',
+                    flex: true,
+                    colClass: ''
+                }, {
+                    width: 160,
+                    text: '稽查时间段',
+                    type: 'date',
+                    flex: false,
+                    sort: 'down'
+                }, {
+                    width: 80,
+                    text: '状态',
+                    type: 'string',
+                    flex: true,
+                    colClass: ''
+                }, {
+                    width: 80,
+                    text: '操作',
+                    type: 'string',
+                    flex: true,
+                    colClass: ''
+                }],
+                rows: [{
+                        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("/view/mytask/check.html");
+    }
+</script>