index.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <div class="ibox">
  4. <div class="ibox-content">
  5. <div class="row">
  6. <div class="col-xs-3">
  7. <a href="javascript:;" url="{:url('add')}" data-title="新增{$m_name}" onclick="layer_open(this,1)" class="btn btn-sm btn-primary">新增</a>
  8. </div>
  9. <div class="col-xs-9" style="text-align: right;">
  10. <form class="form-inline" id="form-search" action="{:url('index')}">
  11. <div class="input-group">
  12. <input type="text" class="form-control" name="title" placeholder="名称">
  13. </div>
  14. <div class="input-group">
  15. <select name="status" class="form-control">
  16. <option value="">选择状态</option>
  17. <option value="0">未执行</option>
  18. <option value="1">执行中</option>
  19. <option value="2">已完成</option>
  20. <option value="3">已验收</option>
  21. </select>
  22. </div>
  23. <div class="input-group">
  24. <span class="input-group-btn">
  25. <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
  26. </span> &nbsp;
  27. <span class="input-group-btn">
  28. <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  29. </span>
  30. </div>
  31. </form>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="ibox-content">
  36. <div class="jqGrid_wrapper">
  37. <table id="table" style="border-collapse: collapse"></table>
  38. <div id="pager"></div>
  39. </div>
  40. </div>
  41. </div>
  42. {/block}
  43. {block name="script"}
  44. <script>
  45. $(function () {
  46. $(window).bind("resize",function(){
  47. var width=$(".jqGrid_wrapper").width();
  48. $("#table").setGridWidth(width);
  49. });
  50. $.jgrid.defaults.styleUI="Bootstrap";
  51. $("#table").jqGrid({
  52. url:"{:url('index')}",
  53. datatype: "json",
  54. colModel:[
  55. {label:'ID',name:'id',index:'id', width:30,sortable: false},
  56. {label:'名称',name:'title',index:'title',width:80,editable: false,sortable: false},
  57. {label:'执行人',name:'user',index:'user',width:80,editable: false,sortable: false},
  58. {label:'开始时间',name:'start_time',index:'start_time',width:80,editable: false,sortable: false},
  59. {label:'结束日期',name:'end_time',index:'end_time',width:80,editable: false,sortable: false},
  60. {label:'状态',name:'enable',index:'enable',width:40,editable: false,sortable: false,formatter:function (a,b,c){
  61. if(c.status==0){
  62. ht = '未执行';
  63. }else if (c.status==1){
  64. ht = '执行中';
  65. } else if (c.status==2){
  66. ht = '已完成';
  67. } else if (c.status==3){
  68. ht = '已验收';
  69. }
  70. if(c.timeout==1){
  71. ht=ht+'(已超时)';
  72. }
  73. return ht;
  74. }},
  75. {label:'创建时间',name:'create_time',index:'create_time',width:80,editable: false,sortable: false},
  76. {label:'操作',width:80,sortable: false,formatter: function (a, b, c) {
  77. var editurl = "{:url('add',[],'')}/id/"+c.id;
  78. var delurl = "{:url('del',[],'')}/id/"+c.id;
  79. var details = "{:url('details',[],'')}/id/"+c.id;
  80. var btn = '';
  81. if(c.status == 0){
  82. btn += '<a url="'+editurl+'" href="javascript:;" data-title="编辑{$m_name}" onclick="layer_open(this,1)"><span class="label label-primary" title="编辑">编辑</span></a>&nbsp;';
  83. btn += '<a {if !btnAuth(session("user_auth.id"),"CleanTask/del")} style="display:none" {/if} href="'+delurl+'" class="confirm ajax-get" data-confirm="确定要删除此记录吗?" data-table="1"><span class="label label-danger" title="删除">删除</span></a>&nbsp;';
  84. }
  85. btn+= '<a url="'+details+'" href="javascript:;" data-title="详情" onclick="layer_open(this,1)"><span class="label label-primary" title="详情">详情</span></a>&nbsp;';
  86. //btn += '<a href="'+details+'" data-title="详情" ><span class="label label-success" title="详情">详情</span></a>&nbsp;';
  87. return btn;
  88. }},
  89. ],
  90. rowNum:10,
  91. rowList:[10,20,30,50,100],
  92. pager: '#pager',
  93. sortname: 'id',
  94. viewrecords: true,
  95. autowidth:true,
  96. mtype: 'post',
  97. height: 'auto',
  98. emptyrecords: "暂无数据",
  99. sortorder: "asc",
  100. caption:"{$m_name}列表",
  101. loadComplete: function (xhr) {
  102. if(xhr.code==0){
  103. layer.msg(xhr.msg);
  104. return false;
  105. }
  106. },
  107. });
  108. });
  109. </script>
  110. {/block}