patrol_task_list.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <div class="ibox">
  4. <div class="ibox-content">
  5. <div class="jqGrid_wrapper">
  6. <table id="table" style="border-collapse: collapse"></table>
  7. <div id="pager"></div>
  8. </div>
  9. </div>
  10. </div>
  11. {/block}
  12. {block name="script"}
  13. <script type="text/javascript" src="/static/layDate-v5.0.9/laydate.js"></script>
  14. <script>
  15. $(function () {
  16. $(window).bind("resize",function(){
  17. var width=$(".jqGrid_wrapper").width();
  18. $("#table").setGridWidth(width);
  19. });
  20. $.jgrid.defaults.styleUI="Bootstrap";
  21. $("#table").jqGrid({
  22. url:"{:url('patrolTaskList',['mode'=>$mode,'status'=>$status,'sday'=>$sday,'day'=>$day,'orgId'=>$orgId])}",
  23. datatype: "json",
  24. colModel:[
  25. {label:'编号',name:'id',index:'id', width:30,sortable: false},
  26. {label:'名称',name:'title',index:'title', width:60,sortable: false},
  27. {label:'执行人',name:'task_user',index:'task_user', width:60,sortable: false},
  28. {label:'开始时间',name:'start_time',index:'start_time', width:50,sortable: false},
  29. {label:'结束时间',name:'end_time',index:'end_time', width:50,sortable: false},
  30. {label:'状态',name:'status',index:'enable',width:30,editable: false,sortable: false,formatter:function (a,b,c){
  31. if(a==0){
  32. return '<span title="未执行">未执行</span>';
  33. }else if(a==1) {
  34. return '<span title="执行中">执行中</span>';
  35. }else if(a==2){
  36. return '<span title="已完成">已完成</span>';
  37. }else if(a==3){
  38. return '<span title="未完成">未完成</span>';
  39. }else if(a==5){
  40. return '<span title="中断">中断</span>';
  41. }else if(a==6){
  42. return '<span title="已关闭">已关闭</span>';
  43. }
  44. }},
  45. {label:'是否异常',name:'is_exception',index:'is_exception', width:30,sortable: false, formatter:function (a,b,c){
  46. if(a==0){
  47. return '<span class="label label-primary" title="否">否</span>';
  48. }else {
  49. return '<span class="label label-primary" title="是">是</span>';
  50. }
  51. }},
  52. {label:'创建日期',name:'create_time',index:'create_time', width:60,sortable: false},
  53. {label:'操作',width:70,sortable: false,formatter: function (a, b, c) {
  54. var url = "{:url('PatrolTask/info',[],'')}/id/"+c.id+'?mode='+c.patrol_mode;
  55. var btn = '<a href="javascript:;" data-width="100%" data-height="90%" url="'+url+'" onclick="layer_open(this,1)" ><span class="label label-warning" title="详情">详情</span></a>&nbsp;';
  56. return btn;
  57. }},
  58. ],
  59. rowNum:10,
  60. rowList:[10,20,30,50,100],
  61. pager: '#pager',
  62. sortname: 'id',
  63. viewrecords: true,
  64. autowidth:true,
  65. mtype: 'post',
  66. height: 'auto',
  67. emptyrecords: "暂无数据",
  68. sortorder: "desc",
  69. caption:"",
  70. loadComplete: function (xhr) {
  71. if(xhr.code==0){
  72. layer.msg(xhr.msg);
  73. return false;
  74. }
  75. },
  76. });
  77. });
  78. </script>
  79. <script>
  80. //日期时间选择器
  81. laydate.render({
  82. elem: '#month',
  83. type: 'month',
  84. trigger: 'click' ,
  85. format:'yyyyMM',
  86. theme:'#148d8f'
  87. });
  88. </script>
  89. {/block}