|
|
@@ -0,0 +1,113 @@
|
|
|
+ <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="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,
|
|
|
+ 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: ''},
|
|
|
+ {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收费站稽查任务','李敏','收费站','徐薇1','2017-04-04 00:00-24:00','待审核','无车辆进出','<a href="###"><i class="icon-ok-sign"></i>审核</a>']},
|
|
|
+ // 更多数据
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
