修改稽查页面

VisualInspection/view/mytask/check.html

@@ -23,11 +23,11 @@
                 <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>
+                    <a href="../../images/img4.jpg" class="lightbox-toggle" data-toggle="lightbox" data-group="image-group-1"><img src="../../images/img4.jpg" class="img-rounded" alt="" width="50px"></a>
+                    <label id="checkedPerson">0518 盛兴峰</label>
                 </div>
                 <div class="col-sm-2">
-                    <button class="btn btn-primary " type="button">更改考核人员</button>
+                    <button class="btn btn-primary " type="button" data-toggle="modal" data-target="#changePersonWin">更改考核人员</button>
                 </div>
             </div>
         </form>
@@ -55,28 +55,28 @@
                 <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="###">
+                        <a class="card lightbox-toggle" href="../../images/img4.jpg">
                             <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 class="card lightbox-toggle" href="../../images/img4.jpg">
                             <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 class="card lightbox-toggle" href="../../images/img4.jpg">
                             <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 class="card lightbox-toggle" href="../../images/img4.jpg">
                             <img src="../../images/img4.jpg" alt="">
                             <div class="caption">“良辰美景” 出自《牡丹亭》</div>
                         </a>
@@ -87,17 +87,26 @@
                     <button class="btn btn-primary" type="button">清空</button>
                     <br>
                     <br>
-                    <button class="btn btn-primary" type="button">评分</button>
+                    <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#scoreWin">评分</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 class="col-sm-2">
+                <button class="btn btn-primary" type="button" onclick="submitResult()">直接提交</button>
             </div>
-            <div class="col-sm-3">
-                <button class="btn btn-danger" type="button">申请无效</button>
+            <div class="col-sm-2">
+                <button class="btn btn-primary" type="button" onclick="showPre()">预览提交</button>
+            </div>
+            <div class="col-sm-2">
+                <button class="btn btn-danger" type="button" data-toggle="modal" data-target="#validSubmitWin">申请无效</button>
+            </div>
+            <div class="col-sm-2">
+                <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#refuseApplyWin">拒绝申请</button>
+            </div>
+            <div class="col-sm-2">
+                <button class="btn btn-primary" type="button" onclick="agreeApply()">同意申请</button>
             </div>
         </div>
     </div>
@@ -106,21 +115,102 @@
 <div class="modal fade" id="myModal">
     <div class="modal-dialog">
         <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>
+<!-- 对话框HTML -->
+<div class="modal fade" id="changePersonWin">
+    <div class="modal-dialog">
+        <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">
+                <ul class="tree" data-ride="tree">
+                    <li>
+                        <a href="#" onclick="changePerson('001 张三')">001 张三 <a href="../../images/img4.jpg" class="lightbox-toggle" data-toggle="lightbox" data-group="image-group-1"><img src="../../images/img4.jpg" class="img-rounded" alt="" width="50px"></a></a>
+                    </li>
+                    <li><a href="#" onclick="changePerson('002 李四')">002 李四 <a href="../../images/img4.jpg" class="lightbox-toggle" data-toggle="lightbox" data-group="image-group-1"><img src="../../images/img4.jpg" class="img-rounded" alt="" width="50px"></a></a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
 
+<!-- 对话框HTML -->
+<div class="modal fade" id="validSubmitWin">
+    <div class="modal-dialog">
+        <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">
+                <form  class="form-horizontal">
+                    <label for="exampleInputAccount1" class="col-sm-2">无效原因</label>
+                    <div class="form-group">
+                        <input class="col-sm-3" type="text" id="valid-reason" class="form-control" placeholder="原因">
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" onclick="saveValidReason()">保存</button>
+            </div>
         </div>
+    </div>
+</div>
+<!-- 对话框HTML -->
+<div class="modal fade" id="refuseApplyWin">
+    <div class="modal-dialog">
         <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>
+                <h4 class="modal-title">拒绝申请</h4>
             </div>
             <div class="modal-body">
-                <link rel="import" href="/view/constant/add.html?__inline">
+                <form  class="form-horizontal">
+                    <label for="exampleInputAccount1" class="col-sm-2">拒绝原因</label>
+                    <div class="form-group">
+                        <input class="col-sm-3" type="text" id="valid-reason" class="form-control" placeholder="原因">
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" onclick="refuseApply()">保存</button>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- 对话框HTML -->
+<div class="modal fade" id="scoreWin">
+    <div class="modal-dialog">
+        <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">
+                <ul class="tree" data-ride="tree">
+                    <li>
+                        <a href="#" onclick="score('10')">仪容仪表</a>
+                    </li>
+                    <li><a href="#" onclick="score('20')">礼貌用语</li>
+                </ul>
             </div>
         </div>
     </div>
 </div>
 <script>
     $(document).ready(function() {
+        $('a.lightbox-toggle').lightbox();
         // 仅选择日期
         $("#start-time").datetimepicker({
             language: "zh-CN",
@@ -190,6 +280,29 @@
 
         function showPre(id){
             // $('#myModal').modal({name:"dd"});
-            changePage(ViewMap.get("/view/mytask/taskDetail.html"));
+            changePage("/view/mytask/taskDetail.html");
+        }
+
+        function saveValidReason(){
+            alert("提交成功！");
+            $('#validSubmitWin').modal('toggle');
+        }
+        function changePerson(id){
+            $('#checkedPerson').html(id);
+            $('#changePersonWin').modal('toggle');
+        }
+
+        function score(score){
+            alert("扣分："+score);
+            $('#scoreWin').modal('toggle');
+        }
+
+        function refuseApply(){
+            alert("拒绝申请");
+            $('#refuseApplyWin').modal('toggle');
+        }
+
+        function agreeApply(){
+            alert("同意申请");
         }
     </script>

VisualInspection/view/mytask/dispatched.html

@@ -21,9 +21,6 @@
                     <div class="col-sm-2">
                         <button class="btn btn-primary " type="button">查询</button>
                     </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>
                 </div>
             </form>
         </div>
@@ -107,11 +104,14 @@
                         {width: 160, 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, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','已下发','2017-04-05 10:00','<a href="###" onclick="showTaskDetail()"><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>']},
                         // 更多数据
                     ]
                 }
             });
         });
+        function showTaskDetail(){
+            changePage("/view/mytask/taskDetail.html");
+        }
     </script>

VisualInspection/view/mytask/taskDetail.html

@@ -15,17 +15,40 @@
       </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 class="col-sm-2" style="text-align:center;">
+                <div class="row">
+                    <label for="exampleInputAccount1">2017-05-12 10:00</label>
+                </div>
+                <div class="row">
+                    <label for="exampleInputAccount1">任务生成</label>
+                </div>
+                <div class="row" style="text-align:center;font-size:20px;">
+                    <i class="icon icon-circle"></i>
+                </div>
+            </div>
+            <div class="col-sm-1" style="text-align:center;">
+                <div class="row">
+                    <label for="exampleInputAccount1"></label>
+                </div>
+                <div class="row" style="text-align:center;font-size:20px;">
+                    <i class="icon icon-long-arrow-right"></i>
+                </div>
+            </div>    
+            <div class="col-sm-2" style="text-align:center;">
+                <div class="row">
+                    <label for="exampleInputAccount1">2017-05-12 11:00</label>
+                </div>
+                 <div class="row">
+                    <label for="exampleInputAccount1">任务稽查</label>
+                </div>
+                <div class="row" style="font-size:20px;">
+                    <i class="icon icon-circle"></i>
+                </div>
+            </div>
         </div>
       </div>
+      <hr>
       <div class="row">
         <h3>考核详细内容</h3>
         <div>
@@ -35,24 +58,26 @@
 </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: 100, text: '考核内容', type: 'string', flex: true, sort: 'down'},
-                        {width: 30, text: '扣分', type: 'string', flex: true, colClass: ''},
-                        {width: 200, text: '录像截图', type: 'string', flex: true, colClass: ''},
-                        {width: 100, text: '操作', type: 'string', flex: true, colClass: ''}
-                    ],
-                    rows: [
-                        {checked: false, data: [1, '未按规定收取过路费，着装不规范','10','<img data-toggle="lightbox" src="../../images/img4.jpg" data-caption="小图看大图" class="img-thumbnail" alt="" width="50"><img data-toggle="lightbox" src="../../images/img4.jpg" data-caption="小图看大图" class="img-thumbnail" alt="" width="50">',' <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>']},
-                        // 更多数据
-                    ]
-                }
-            });
+        
+        // 使用data参数更新数据：
+        $('.datatable').datatable( {
+            checkable:false,
+            sortable:false,
+            data: {
+                cols: [
+                    {width: 30, text: '序号', type: 'number', flex: true, colClass: 'text-center'},
+                    {width: 100, text: '考核内容', type: 'string', flex: true, sort: 'down'},
+                    {width: 30, text: '扣分', type: 'string', flex: true, colClass: ''},
+                    {width: 200, text: '录像截图', type: 'string', flex: true, colClass: ''},
+                    {width: 100, text: '操作', type: 'string', flex: true, colClass: ''}
+                ],
+                rows: [
+                    {checked: false, data: [1, '未按规定收取过路费，着装不规范','10','<a href="../../images/img4.jpg" class="lightbox-toggle" data-toggle="lightbox" data-group="image-group-1"><img src="../../images/img4.jpg" class="img-rounded" alt="" width="50px"></a><a href="../../images/img4.jpg" class="lightbox-toggle" data-toggle="lightbox" data-group="image-group-1"><img src="../../images/img4.jpg" class="img-rounded" alt="" width="50px"></a><a href="../../images/img4.jpg" class="lightbox-toggle" data-toggle="lightbox" data-group="image-group-1"><img src="../../images/img4.jpg" class="img-rounded" alt="" width="50px"></a>',' <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="../../images/img4.jpg" class="lightbox-toggle" data-toggle="lightbox" data-group="image-group-1"><img src="../../images/img4.jpg" class="img-rounded" alt="" width="50px"></a> ','<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>']},
+                    // 更多数据
+                ]
+            }
         });
+        $('a.lightbox-toggle').lightbox();
+    });
     </script>

VisualInspection/view/mytask/unchecked.html

@@ -103,6 +103,6 @@
         });
         function showCheck(id){
             // $('#myModal').modal({name:"dd"});
-            changePage(ViewMap.get("/view/mytask/check.html"));
+            changePage("/view/mytask/check.html");
         }
     </script>

VisualInspection/view/mytask/undispatched.html

@@ -22,7 +22,7 @@
                         <button class="btn btn-primary " type="button">查询</button>
                     </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>
+                        <button class="btn btn-success" type="button" onclick="dispatchAll()"><i class="icon icon-plus-sign"></i> 一键下发</button>
                     </div>
                 </div>
             </form>
@@ -107,11 +107,22 @@
                         {width: 160, 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-envelope"></i>下发任务 </a><a href="###"><i class="icon-table"></i>查看结果</a>']},
+                        {checked: false, data: [1, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','待审核','2017-04-05 10:00','<a href="###" onclick="dispatch()"><i class="icon-envelope"></i>下发任务 </a><a href="###" onclick="showTaskDetail()"><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-envelope"></i>下发任务 </a><a href="###"><i class="icon-table"></i>查看结果</a>']},
                         // 更多数据
                     ]
                 }
             });
         });
+
+        function dispatch(){
+            alert("下发成功！");
+        }
+
+        function dispatchAll(){
+            alert("下发成功！");
+        }
+        function showTaskDetail(){
+            changePage("/view/mytask/taskDetail.html");
+        }
     </script>

VisualInspection/view/mytask/unexamined.html

@@ -104,11 +104,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: [1, '20170404收费站稽查任务','李敏','收费站','徐薇','2017-04-04  00:00-24:00','待审核','无车辆进出','<a href="###" onclick="showExamine(1)"><i class="icon-ok-sign"></i>审核</a>']},
                         {checked: false, data: [2, '20170404收费站稽查任务','李敏','收费站','徐薇1','2017-04-04  00:00-24:00','待审核','无车辆进出','<a href="###"><i class="icon-ok-sign"></i>审核</a>']},
                         // 更多数据
                     ]
                 }
             });
         });
+         function showExamine(id){
+            // $('#myModal').modal({name:"dd"});
+            changePage("/view/mytask/check.html");
+        }
     </script>