conveystatus.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  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:;" class="btn btn-sm batch-finish btn-success">批量上班</a>
  8. <a href="javascript:;" class="btn btn-sm batch-finish1 btn-danger">批量下班</a>
  9. </div>
  10. <div class="col-xs-9" style="text-align: right;">
  11. <form class="form-inline" id="form-search" action="{:url('conveystatus',[],'')}">
  12. <div class="input-group">
  13. <input type="text" class="form-control" name="real_name" placeholder="运送员">
  14. </div>
  15. <div class="input-group">
  16. <select name="group" class="form-control">
  17. <option value="">选择分组</option>
  18. {foreach $group as $k=>$v}
  19. <option value="{$v.id}">{$v.title}</option>
  20. {/foreach}
  21. </select>
  22. </div>
  23. <div class="input-group">
  24. <select name="work" class="form-control">
  25. <option value="">选择状态</option>
  26. <option value="0">下班</option>
  27. <option value="1">上班</option>
  28. </select>
  29. </div>
  30. <div class="input-group">
  31. <span class="input-group-btn">
  32. <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
  33. </span> &nbsp;
  34. <span class="input-group-btn">
  35. <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  36. </span>
  37. </div>
  38. </form>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="ibox-content">
  43. <div class="jqGrid_wrapper">
  44. <table id="table" style="border-collapse: collapse"></table>
  45. <div id="pager"></div>
  46. </div>
  47. </div>
  48. </div>
  49. {/block}
  50. {block name="script"}
  51. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  52. <script>
  53. $(function () {
  54. laydate.render({
  55. elem: '#start',
  56. trigger: 'click' ,
  57. theme: '#148d8f'
  58. });
  59. laydate.render({
  60. elem: '#end',
  61. trigger: 'click' ,
  62. theme: '#148d8f'
  63. });
  64. $(window).bind("resize",function(){
  65. var width=$(".jqGrid_wrapper").width();
  66. $("#table").setGridWidth(width);
  67. });
  68. $.jgrid.defaults.styleUI="Bootstrap";
  69. $("#table").jqGrid({
  70. url:"{:url('conveystatus',['id'=>$id],'')}",
  71. datatype: "json",
  72. colModel:[
  73. {label:'运送员名称',name:'real_name',index:'real_name', width:50,sortable: false},
  74. {label:'分组名称',name:'user_group_title',index:'user_group_title', width:50,sortable: false},
  75. {label:'今日送达次数',name:'nums',index:'nums',width:40,editable: false,sortable: false},
  76. {label:'上次位置',name:'title',index:'title',width:50,sortable: true},
  77. {label:'上次修改时间',name:'addr_time',index:'addr_time',width:60,sortable: true},
  78. {label:'驻守状态',name:'stationtxt',index:'stationtxt',width:40,sortable: false,formatter: function (a, b, c) {
  79. var station = "{:url('station',[],'')}/id/"+c.id;
  80. var btn = '';
  81. if(c.station==0){
  82. btn+= '<a href="'+station+'" class=" ajax-get" data-table="1"><span class="label label-danger" title="取消驻守">取消驻守</span></a>';
  83. }else{
  84. btn+= '<a href="'+station+'" class=" ajax-get" data-table="1"><span class="label label-primary" title="驻守">驻守</span></a>';
  85. }
  86. return btn;
  87. }},
  88. {label:'状态',name:'worktxt',index:'worktxt',width:40,sortable: false,formatter: function (a, b, c) {
  89. var btn = '';
  90. var work_url = "{:url('work',[],'')}/id/"+c.id;
  91. if(c.work==0){
  92. btn+= '<a href="'+work_url+'" class=" ajax-get" data-table="1"><span class="label label-danger" title="下班">下班</span></a>&nbsp;';
  93. }else{
  94. btn+= '<a href="'+work_url+'" class=" ajax-get" data-table="1"><span class="label label-primary" title="上班">上班</span></a>&nbsp;';
  95. }
  96. return btn;
  97. }},
  98. ],
  99. rowNum:10,
  100. rowList:[10,20,30,50,100],
  101. pager: '#pager',
  102. sortname: 'id',
  103. viewrecords: true,
  104. autowidth:true,
  105. mtype: 'post',
  106. height: 'auto',
  107. emptyrecords: "暂无数据",
  108. sortorder: "desc",
  109. caption:"运送员列表",
  110. multiselect: true,//可多选
  111. loadComplete: function (xhr) {
  112. if(xhr.code==0){
  113. layer.msg(xhr.msg);
  114. return false;
  115. }
  116. },
  117. });
  118. $('.batch-finish').click(function () {
  119. var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow'); //获取勾选记录的ID
  120. if(rowIds.length==0){
  121. layer.msg("请选择记录");
  122. return;
  123. }
  124. $.post('batchSb.html',{ids:rowIds},function (res) {
  125. if(res.code==0){
  126. layer.msg(res.msg);
  127. return;
  128. }else {
  129. layer.msg(res.msg,{time:2000},function () {
  130. $('#top-alert').find('button').click();
  131. $("#table").trigger("reloadGrid");
  132. })
  133. }
  134. })
  135. })
  136. $('.batch-finish1').click(function () {
  137. var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow'); //获取勾选记录的ID
  138. if(rowIds.length==0){
  139. layer.msg("请选择记录");
  140. return;
  141. }
  142. $.post('batchXb.html',{ids:rowIds},function (res) {
  143. if(res.code==0){
  144. layer.msg(res.msg);
  145. return;
  146. }else {
  147. layer.msg(res.msg,{time:2000},function () {
  148. $('#top-alert').find('button').click();
  149. $("#table").trigger("reloadGrid");
  150. })
  151. }
  152. })
  153. })
  154. });
  155. </script>
  156. {/block}