我的任务界面

VisualInspection/js/main.js

@@ -43,6 +43,16 @@ function getPageInfo(id) {
             html = __inline('/view/mytask/unexamined.html');
             break;
         }
+         case "1_3":
+        {
+            html = __inline('/view/mytask/undispatched.html');
+            break;
+        }
+         case "1_4":
+        {
+            html = __inline('/view/mytask/dispatched.html');
+            break;
+        }
         case "7_5":
             {
                 html = __inline('/view/constant/constant.html');

VisualInspection/view/constant/constant.html

@@ -19,74 +19,8 @@
         <br>
 
         <div class="row">
-            <table class="table table-hover">
-                <thead>
-                <tr>
-                    <th>序号</th>
-                    <th>字典值</th>
-                    <th>字典名称</th>
-                    <th>字典标识</th>
-                    <th>标识名称</th>
-                    <th>备注</th>
-                    <th>是否有效</th>
-                    <th>操作</th>
-                </tr>
-                </thead>
-                <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>Sunshine</td>
-                    <td>Sunday</td>
-                    <td>catouse</td>
-                    <td>Sunday</td>
-                    <td>catouse</td>
-                    <td>catouse</td>
-                    <td>
-                        <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>
-                    </td>
-                </tr>
-                <tr>
-                    <td>4</td>
-                    <td>Sunshine</td>
-                    <td>Sunday</td>
-                    <td>catouse</td>
-                    <td>Sunday</td>
-                    <td>catouse</td>
-                    <td>catouse</td>
-                    <td>
-                        <a href="#"><i class="icon icon-edit"></i> 修改</a>
-                        <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>
-                    </td>
-                </tr>
-                <tr>
-                    <td>2</td>
-                    <td>Sunshine</td>
-                    <td>Sunday</td>
-                    <td>catouse</td>
-                    <td>Sunday</td>
-                    <td>catouse</td>
-                    <td>catouse</td>
-                    <td>
-                        <a href="#"><i class="icon icon-edit"></i> 修改</a>
-                        <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>
-                    </td>
-                </tr>
-                <tr>
-                    <td>3</td>
-                    <td>Sunshine</td>
-                    <td>Sunday</td>
-                    <td>catouse</td>
-                    <td>Sunday</td>
-                    <td>catouse</td>
-                    <td>catouse</td>
-                    <td>
-                        <a href="#"><i class="icon icon-edit"></i> 修改</a>
-                        <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>
-                    </td>
-                </tr>
-                </tbody>
-            </table>
+             <!-- 使用一个div来显示数据表格 -->
+            <div class="datatable" data-checkable="true" data-sortable="true"></div 
         </div>
         <div class="row" style="text-align:center">
             <ul class="pager center-block">
@@ -116,4 +50,30 @@
       </div>
     </div>
     </div>
-    </div>
+    </div>
+<script>
+    $(document).ready(function() {
+        // 使用data参数更新数据：
+        $('.datatable').datatable( {
+            checkable:false,
+            sortable:false,
+            data: {
+                cols: [
+                    {width: 80, 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: 160, text: '标识名称', type: 'date', flex: false, sort: 'down'},
+                    {width: 80, text: '备注', type: 'string', flex: true, colClass: ''},
+                    {width: 160, text: '操作', type: 'string', flex: true, colClass: ''}
+                ],
+                rows: [
+                    {checked: false, data: [1, '1','上行','1','DIRECTION','方向','未稽查','<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, '2','下行','1','DIRECTION','方向','未稽查','<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/check.html

@@ -0,0 +1,117 @@
+    <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 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>
+        <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>
+    <!-- 对话框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>
+    <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: 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: ''}
+                    ],
+                    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>']},
+                        // 更多数据
+                    ]
+                }
+            });
+        });
+    </script>

VisualInspection/view/mytask/dispatched.html

@@ -0,0 +1,117 @@
+    <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 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>
+        <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>
+    <!-- 对话框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>
+    <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: 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: ''}
+                    ],
+                    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>']},
+                        // 更多数据
+                    ]
+                }
+            });
+        });
+    </script>

VisualInspection/view/mytask/unchecked.html

@@ -90,6 +90,7 @@
             // 使用data参数更新数据：
             $('.datatable').datatable( {
                 checkable:false,
+                sortable:false,
                 data: {
                     cols: [
                         {width: 80, text: '序号', type: 'number', flex: false, colClass: 'text-center'},

VisualInspection/view/mytask/undispatched.html

@@ -0,0 +1,117 @@
+    <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 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>
+        <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>
+    <!-- 对话框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>
+    <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: 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: ''}
+                    ],
+                    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: [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>']},
+                        // 更多数据
+                    ]
+                }
+            });
+        });
+    </script>

VisualInspection/view/mytask/unexamined.html

@@ -90,6 +90,7 @@
             // 使用data参数更新数据：
             $('.datatable').datatable( {
                 checkable:false,
+                sortable:false,
                 data: {
                     cols: [
                         {width: 80, text: '序号', type: 'number', flex: false, colClass: 'text-center'},