un_dispatched.html 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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-12" >
  7. <form class="form-inline" id="form-search" action="{:url('UnDispatched')}">
  8. <div class="input-group">
  9. <input type="text" class="form-control" name="title" placeholder="订单编号">
  10. </div>
  11. <div class="input-group">
  12. <select class="form-control" name="mode">
  13. <option>订单类型</option>
  14. {volist name="types" id="v"}
  15. <option value="{$key}" {if $key == $mode} selected {/if}>{$v}</option>
  16. {/volist}
  17. </select>
  18. </div>
  19. <div class="input-group">
  20. <span class="input-group-btn">
  21. <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
  22. </span>&nbsp;
  23. <span class="input-group-btn">
  24. <button class="btn-sm btn-primary " type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  25. </span>
  26. </div>
  27. </form>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="ibox-content">
  32. <div class="jqGrid_wrapper">
  33. <table id="table" style="border-collapse: collapse"></table>
  34. <div id="pager"></div>
  35. </div>
  36. </div>
  37. </div>
  38. {/block}
  39. {block name="script"}
  40. <script>
  41. $(function () {
  42. $(window).bind("resize",function(){
  43. var width=$(".jqGrid_wrapper").width();
  44. $("#table").setGridWidth(width);
  45. });
  46. $.jgrid.defaults.styleUI="Bootstrap";
  47. $("#table").jqGrid({
  48. url:"{:url('UnDispatched')}",
  49. datatype: "json",
  50. colModel:[
  51. {label:'ID',name:'id',index:'id',width: 30},
  52. {label:'订单编号',name:'sn',index:'sn', width: 100,sortable: false},
  53. {label:'订单类型',name:'type',index:'type',width: 40, sortable: false},
  54. {label:'发起人',name:'user',index:'user',width: 40,editable: false,sortable: false},
  55. {label:'状态',name:'del',index:'del',width: 40, sortable: false,formatter(a,b,c){
  56. return '<span class="label label-warning">'+"待派单"+'</span>';
  57. }},
  58. {label:'操作',width:40,sortable: false,formatter: function (a, b, c) {
  59. var editurl = "{:url('orders/detail2',[],'')}/id/"+c.id
  60. var btn = '<a url="'+editurl+'" href="javascript:;" data-title="详情" onclick="layer_open(this,1)"><span class="label label-primary" >详情</span></a>&nbsp;';
  61. return btn;
  62. }},
  63. ],
  64. rowNum:10,
  65. rowList:[10,50,100,500,1000],
  66. pager: '#pager',
  67. sortname: 'a.id',
  68. viewrecords: true,
  69. autowidth:true,
  70. mtype: 'post',
  71. height: 'auto',
  72. emptyrecords: "暂无数据",
  73. sortorder: "desc",
  74. caption:"",
  75. loadComplete: function (xhr) {
  76. if(xhr.code==0){
  77. layer.msg(xhr.msg);
  78. return false;
  79. }else{
  80. }
  81. },
  82. });
  83. });
  84. </script>
  85. {/block}