|
@@ -0,0 +1,133 @@
|
|
|
+{{include "com/inc.html"}}
|
|
|
+<!-- Main Header -->
|
|
|
+{{include "com/header.html"}}
|
|
|
+<!-- Left side column. 权限菜单 -->
|
|
|
+{{include "com/menu.html"}}
|
|
|
+<div class="content-wrapper">
|
|
|
+ <section class="content-header">
|
|
|
+ <h1>
|
|
|
+ <small></small>
|
|
|
+ </h1>
|
|
|
+ <ol class="breadcrumb">
|
|
|
+ <li><a href="#"><i class="fa fa-dashboard"></i> 任务列表</a></li>
|
|
|
+ </ol>
|
|
|
+ </section>
|
|
|
+ <!-- Main content -->
|
|
|
+ <section class="content">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <div class="box">
|
|
|
+ <div class="box-body">
|
|
|
+ <div id="status-div" class="col-xs-1" style="width: auto;float:right;">
|
|
|
+ <label for="statusSelect">状态:
|
|
|
+ <select class="form-control selectpicker" id="statusSelect">
|
|
|
+ <option value="-1">全部</option>
|
|
|
+ <option value="未开始">未开始</option>
|
|
|
+ <option value="进行中">进行中</option>
|
|
|
+ <option value="已完成">已完成</option>
|
|
|
+ <option value="已关闭">已关闭</option>
|
|
|
+ </select></label>
|
|
|
+ </div>
|
|
|
+ <table id="dataTable" class="table table-bordered table-hover">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>序号</th>
|
|
|
+ <th>项目名称</th>
|
|
|
+ <th>数据量</th>
|
|
|
+ <th>任务状态</th>
|
|
|
+ <th>完成进度</th>
|
|
|
+ <th>开始时间</th>
|
|
|
+ <th>完成时间</th>
|
|
|
+ <th>操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!-- /.box-body -->
|
|
|
+ </div>
|
|
|
+ <!-- /.box -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+</div>
|
|
|
+
|
|
|
+{{include "com/footer.html"}}
|
|
|
+<script>
|
|
|
+ menuActive("/front/user/task/list");
|
|
|
+
|
|
|
+ $(function () {
|
|
|
+ ttable = $('#dataTable').dataTable({
|
|
|
+ "paging": true,
|
|
|
+ "lengthChange": false,
|
|
|
+ "searching": true,
|
|
|
+ "ordering": false,
|
|
|
+ "info": true,
|
|
|
+ "autoWidth": false,
|
|
|
+ "serverSide": true,
|
|
|
+ "ajax": {
|
|
|
+ "url": "/front/user/check/list",
|
|
|
+ "type": "post"
|
|
|
+ },
|
|
|
+ "language": {
|
|
|
+ "url": "/dist/js/dataTables.chinese.lang"
|
|
|
+ },
|
|
|
+ "fnDrawCallback": function () {
|
|
|
+ $("ul.pagination").prepend(" 转到第 <input type='text' id='changePage' style='width:20px;'> 页 <a type='text' href='javascript:void(0);' id='dataTable-btn' style='text-align:center'>GO</a>");
|
|
|
+ $('#dataTable-btn').click(function (e) {
|
|
|
+ var redirectpage = 0
|
|
|
+ if ($("#changePage").val() && $("#changePage").val() > 0) {
|
|
|
+ var redirectpage = $("#changePage").val() - 1;
|
|
|
+ }
|
|
|
+ ttable.page(redirectpage).draw(false);
|
|
|
+ });
|
|
|
+ this.api().column(0).nodes().each(function (cell, i) {
|
|
|
+ cell.innerHTML = i + 1;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ "columns": [
|
|
|
+ {"data": null, width: "1%"},
|
|
|
+ {"data": "s_projectname", width: "6%"},
|
|
|
+ {"data": "i_givenum", width: "3%"},
|
|
|
+ {"data": "s_status", width: "4%"},
|
|
|
+ {"data": "s_progress", width: "4%"},
|
|
|
+ {"data": "i_starttime", width: "4%", render: function (val) {
|
|
|
+ if (val === undefined) {
|
|
|
+ return "未开始"
|
|
|
+ }else {
|
|
|
+ var dt = new Date()
|
|
|
+ dt.setTime(parseInt(val) * 1000);
|
|
|
+ return dt.format("yyyy-MM-dd hh:mm:ss")
|
|
|
+ }
|
|
|
+ }},
|
|
|
+ {"data": "i_completetime", width: "4%", render: function (val) {
|
|
|
+ if (val === undefined) {
|
|
|
+ return "未完成"
|
|
|
+ }else {
|
|
|
+ var dt = new Date()
|
|
|
+ dt.setTime(parseInt(val) * 1000);
|
|
|
+ return dt.format("yyyy-MM-dd hh:mm:ss")
|
|
|
+ }
|
|
|
+ }},
|
|
|
+ {
|
|
|
+ "data": "_id", width: "11%", render: function (val, a, row, pos) {
|
|
|
+ tmp = '<div>' +
|
|
|
+ '<a class="btn btn-sm btn-primary" href="/front/user/remark/list?pid='+row.s_projectid+'&tid=' + val + '&s_sourceinfo='+row.s_sourceinfo+'">质检</a> ' +
|
|
|
+ // '<a class="btn btn-sm btn-primary" onclick="deliverTask(\'' + val + '\',\''+row.s_sourceinfo+'\',\'' + row.s_status + '\')">交付</a> ' +
|
|
|
+ '</div>';
|
|
|
+ return tmp
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "initComplete": function () {
|
|
|
+ $("#dataTable_filter").append($('#status-div'))
|
|
|
+ },
|
|
|
+ "fnServerParams": function (e) {
|
|
|
+ e.s_status = $("#statusSelect option:selected").val()
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $('#statusSelect').on('changed.bs.select', function () {
|
|
|
+ ttable.api().ajax.reload();
|
|
|
+ })
|
|
|
+ });
|
|
|
+
|
|
|
+</script>
|