index.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  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-4">
  7. <!--<a href="javascript:;" url="{:url('add')}" data-title="新增{$m_name}" onclick="layer_open(this,1)" class="btn btn-sm btn-primary">批量转运</a>-->
  8. <!---->
  9. {if $orgId == 19}
  10. <a href="javascript:;" url="{:url('add')}" data-title="新增" onclick="layer_open(this,1)" class="btn btn-sm btn-primary">新增</a>
  11. {/if}
  12. <a href="javascript:;" class="btn btn-sm batch-finish btn-primary">批量转运</a>
  13. </div>
  14. <div class="col-xs-8" style="text-align: right;">
  15. <form class="form-inline" id="form-search" action="{:url('index')}">
  16. <div class="input-group">
  17. <input type="text" id="start" readonly class="form-control" name="start" placeholder="开始日期">
  18. </div>
  19. <div class="input-group">
  20. <input type="text" id="end" readonly class="form-control" name="end" placeholder="结束日期">
  21. </div>
  22. <div class="input-group">
  23. <select name="cateid" class="form-control">
  24. <option value="">请选择类型</option>
  25. {foreach $type as $k=>$v}
  26. <option value="{$v.id}">{$v.title}</option>
  27. {/foreach}
  28. </select>
  29. </div>
  30. <div class="input-group">
  31. <select name="status" class="form-control">
  32. <option value="">全部</option>
  33. {foreach $status as $k=>$v}
  34. <option {if $k==4} selected {/if} value="{$k}">{$v}</option>
  35. {/foreach}
  36. </select>
  37. </div>
  38. <div class="input-group">
  39. <span class="input-group-btn">
  40. <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
  41. </span> &nbsp;
  42. <span class="input-group-btn">
  43. <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  44. </span>
  45. &nbsp;
  46. <span class="input-group-btn">
  47. <button data-url="{:url('export')}" title="导出" class="btn-sm btn-primary" onclick="excel_download(this)" type="button" ><i class="fa fa-cloud-download"></i></button>
  48. </span>
  49. </div>
  50. </form>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="ibox-content">
  55. <div class="jqGrid_wrapper">
  56. <table id="table" style="border-collapse: collapse"></table>
  57. <div id="pager"></div>
  58. </div>
  59. </div>
  60. </div>
  61. {/block}
  62. {block name="script"}
  63. <script type="text/javascript" src="/static/layDate-v5.0.9/laydate.js"></script>
  64. <script>
  65. //导出
  66. function excel_download(_self){
  67. var url = $(_self).attr('data-url');
  68. var param = $('#form-search').serialize();
  69. window.location.href = url+'?'+param;
  70. }
  71. $(function () {
  72. laydate.render({
  73. elem: '#start',
  74. trigger: 'click' ,
  75. theme:'#148d8f'
  76. });
  77. laydate.render({
  78. elem: '#end',
  79. trigger: 'click' ,
  80. theme:'#148d8f'
  81. });
  82. $(window).bind("resize",function(){
  83. var width=$(".jqGrid_wrapper").width();
  84. $("#table").setGridWidth(width);
  85. });
  86. $.jgrid.defaults.styleUI="Bootstrap";
  87. $("#table").jqGrid({
  88. url:"{:url('index')}",
  89. datatype: "json",
  90. colModel:[
  91. {label:'ID',name:'id',index:'id', width:30,sortable: false},
  92. {if $orgId !=19}
  93. {label:'收取地点',name:'waste_device',index:'waste_device',width:80,editable: false,sortable: false},
  94. {/if}
  95. {label:'收取人',name:'real_name',index:'real_name',width:40,sortable: true},
  96. {label:'称重序列号',name:'serial_number',index:'serial_number',width:80,sortable: true},
  97. {label:'类别',name:'cate',index:'cate',width:40,sortable: true},
  98. {label:'重量(kg)',name:'weight',index:'weight',width:40,sortable: true},
  99. {label:'收取时间',name:'create_time',index:'create_time',width:80,sortable: true},
  100. {label:'二维码',name:'serial_number_path',index:'serial_number_path',width:80,editable: false,sortable: false,formatter: function (a, b, c) {
  101. return '<img src="'+a+'" width="60" onclick="open_img(this)"></img>';
  102. }},
  103. {label:'是否签字',name:'sign',index:'sign',width:40,editable: false,sortable: false,formatter:function (a,b,c){
  104. if(a == 0){
  105. return '否';
  106. }else if (a==1){
  107. return '是';
  108. }
  109. }},
  110. {label:'状态',name:'statusTxt',index:'statusTxt',width:40,editable: false,sortable: false},
  111. {label:'操作',width:80,sortable: false,formatter: function (a, b, c) {
  112. var info = "{:url('info',[],'')}/id/"+c.id;
  113. var finish = "{:url('finish',[],'')}/id/"+c.id;
  114. // var jiaojie = "{:url('jiaojie',[],'')}/id/"+c.id;
  115. var delurl = "{:url('del',[],'')}/id/"+c.id;
  116. var btn = '<a url="'+info+'" href="javascript:;" data-title="{$m_name}详情" onclick="layer_open(this,1)"><span class="label label-info" title="详情">详情</span></a>&nbsp;';
  117. // if(c.status==0){
  118. // btn += '<a href="'+jiaojie+'" class="confirm ajax-get" data-confirm="确定要转交接此记录吗?" data-table="1"><span class="label label-primary" title="交接">交接</span></a>&nbsp;';
  119. // }
  120. if(c.status==1){
  121. btn += '<a href="'+finish+'" class="confirm ajax-get" data-confirm="确定要转运此记录吗?" data-table="1"><span class="label label-primary" title="转运">转运</span></a>&nbsp;';
  122. }
  123. btn += '<a {if !btnAuth(session("user_auth.id"),"WasteRecord/del")} style="display:none"{/if} href="'+delurl+'" class="confirm ajax-get" data-confirm="确定要删除此记录吗?" data-table="1"><span class="label label-danger" title="删除">删除</span></a>';
  124. return btn;
  125. }},
  126. ],
  127. rowNum:10,
  128. rowList:[10,20,30,50,100],
  129. pager: '#pager',
  130. sortname: 'id',
  131. viewrecords: true,
  132. autowidth:true,
  133. mtype: 'post',
  134. height: 'auto',
  135. emptyrecords: "暂无数据",
  136. sortorder: "desc",
  137. caption:"{$m_name}列表",
  138. multiselect: true,//可多选
  139. loadComplete: function (xhr) {
  140. if(xhr.code==0){
  141. layer.msg(xhr.msg);
  142. return false;
  143. }
  144. },
  145. });
  146. $('.batch-finish').click(function () {
  147. var rowIds = jQuery("#table").jqGrid('getGridParam', 'selarrrow'); //获取勾选记录的ID
  148. $.post('/admin/waste_record/batchFinish.html',{ids:rowIds},function (res) {
  149. if(res.code==0){
  150. layer.msg(res.msg);
  151. return;
  152. }else {
  153. layer.msg(res.msg,{time:2000},function () {
  154. $('#top-alert').find('button').click();
  155. $("#table").trigger("reloadGrid");
  156. })
  157. }
  158. })
  159. })
  160. });
  161. </script>
  162. {/block}