index.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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-2">
  7. <a href="javascript:;" url="{:url('add',[],'')}" data-title="添加" onclick="layer_open(this,1)" class="btn btn-sm btn-primary">添加</a>
  8. &nbsp;
  9. </div>
  10. <div class="col-xs-10" style="text-align: right;">
  11. <form class="form-inline" id="form-search" action="{:url('index')}">
  12. <div class="input-group">
  13. <input type="text" class="form-control" name="user" placeholder="人员名称">
  14. </div>
  15. <div class="input-group">
  16. <input type="text" class="form-control" name="start" placeholder="开始地点">
  17. </div>
  18. <div class="input-group">
  19. <input type="text" class="form-control" name="end" placeholder="结束地点">
  20. </div>
  21. <div class="input-group">
  22. <span class="input-group-btn">
  23. <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
  24. </span> &nbsp;
  25. <span class="input-group-btn">
  26. <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  27. </span>
  28. </div>
  29. </form>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="ibox-content">
  34. <div class="jqGrid_wrapper">
  35. <table id="table" style="border-collapse: collapse"></table>
  36. <div id="pager"></div>
  37. </div>
  38. </div>
  39. </div>
  40. {/block}
  41. {block name="script"}
  42. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  43. <script>
  44. //导出
  45. function excel_download(_self){
  46. var url = $(_self).attr('data-url');
  47. var param = $('#form-search').serialize();
  48. window.location.href = url+'?'+param;
  49. }
  50. $(function () {
  51. $(window).bind("resize",function(){
  52. var width=$(".jqGrid_wrapper").width();
  53. $("#table").setGridWidth(width);
  54. });
  55. $.jgrid.defaults.styleUI="Bootstrap";
  56. $("#table").jqGrid({
  57. url:"{:url('index')}",
  58. datatype: "json",
  59. colModel:[
  60. {label:'开始地点',name:'start_name',index:'start_name', width:80,sortable: false},
  61. {label:'结束地点',name:'end_name',index:'end_name',width:50,sortable: true},
  62. {label:'人员',name:'real_name',index:'real_name',width:60,sortable: true},
  63. {label:'状态',name:'enable',index:'enable',width:40,editable: false,sortable: false,formatter:function (a,b,c){
  64. if(a == 0){
  65. var url = "{:url('changeField',[],'')}/fn/enable/fv/1/id/"+c.id;
  66. return '<a href="'+url+'" class="ajax-get" data-table="1"><span class="label label-danger" title="停用">停用</span></a>';
  67. } else{
  68. var url = "{:url('changeField',[],'')}/fn/enable/fv/0/id/"+c.id;
  69. return '<a href="'+url+'" class="ajax-get" data-table="1"><span class="label label-primary" title="可用">可用</span></a>';
  70. }
  71. }},
  72. {label:'时间',name:'create_time',index:'create_time',width:60,sortable: true},
  73. {label:'操作',width:50,sortable: false,formatter: function (a, b, c) {
  74. var edit_url = "{:url('add',[],'')}/id/"+c.id;
  75. var del_url = "{:url('del',[],'')}/id/"+c.id;
  76. // var btn = '<a href="'+detail_url+'" ><span class="label label-primary" title="详情">详情</span></a>&nbsp;';
  77. var btn = '<a url="'+edit_url+'" href="javascript:;" data-title="编辑" onclick="layer_open(this,1)"><span class="label label-primary" title="编辑">编辑</span></a>&nbsp;';
  78. btn += '<a href="'+del_url+'" class="confirm ajax-get" data-confirm="确定要删除吗?" data-table="1"><span class="label label-danger" title="删除">删除</span></a>';
  79. return btn;
  80. }},
  81. ],
  82. rowNum:10,
  83. rowList:[10,20,30,50,100],
  84. pager: '#pager',
  85. sortname: 'id',
  86. viewrecords: true,
  87. autowidth:true,
  88. mtype: 'post',
  89. height: 'auto',
  90. emptyrecords: "暂无数据",
  91. sortorder: "desc",
  92. caption:"自动接单人员",
  93. loadComplete: function (xhr) {
  94. if(xhr.code==0){
  95. layer.msg(xhr.msg);
  96. return false;
  97. }
  98. },
  99. });
  100. });
  101. </script>
  102. {/block}