deliver.js 50 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724
  1. define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
  2. var Controller = {
  3. index: function () {
  4. $('#lager').click(function () {
  5. $('#iframe1').contentWindow.location.reload('lager.html');
  6. });
  7. Controller.api.bindevent();
  8. },
  9. lager: function () {
  10. // 初始化表格参数配置
  11. Table.api.init();
  12. this.table.first();
  13. this.table.second();
  14. Controller.api.bindevent();
  15. },
  16. table:{
  17. first:function (){
  18. var table = $("#table");
  19. // 初始化表格
  20. table.bootstrapTable({
  21. url: 'deliver/lager',
  22. pk: 'id',
  23. height:600,
  24. sortName: 'id',
  25. pagination: false, // 关闭分页功能
  26. toolbar:'#toolbar',
  27. searchFormVisible:true,
  28. onClickRow:function(row, $element, field)
  29. {
  30. $("#myTabContent1 .form-commonsearch input[name='large_id']").val(row.id);
  31. $("#myTabContent1 .btn-refresh").trigger("click");
  32. },
  33. search:false,
  34. showToggle:false,
  35. showColumns:false,
  36. showExport:false,
  37. columns: [
  38. [
  39. {checkbox: true},
  40. {field: 'id', title: 'ID', visible:false,operate: false},
  41. {field: 'bach', title: __('批次号'),operate: "LIKE"},
  42. {field: 'l_flow', title: __('托盘号'), operate: false},
  43. {field: 'matter_name', title: __('产品名称'), operate: 'LIKE',searchList: $.getJSON("deliver/matterName")},
  44. {field: 'total_boxes', title: "每托箱数", operate: false},
  45. {field: 'tray_num', title: "每层箱数", operate: false},
  46. {field: 'box_num', title: "每托层数", operate: false},
  47. {field: 'pallet_height', title: "每托高度", operate: false},
  48. {
  49. field: 'pallet_size',
  50. title: '托盘规格',
  51. operate: false,
  52. width: 120,
  53. formatter: function (value, row, index) {
  54. return row.pallet_length + ' * ' + row.pallet_width;
  55. }
  56. },
  57. // {field: 'small_num', title: "托盘数", operate: false},
  58. {field: 'larger_num', title: "总箱数", operate: false},
  59. {field: 'manufacture_date', title: '生产日期', operate: 'RANGE', addclass: 'datetimerange',datetimeFormat:'YYYY-MM-DD', formatter: Table.api.formatter.datetime},
  60. {field: 'code', title: __('大件编码'), operate: false},
  61. // {field: 'small_num', title: __('小件数'),operate: false},
  62. ]
  63. ]
  64. });
  65. // 监听复选框点击事件
  66. $('#table').on('check.bs.table uncheck.bs.table check-all.bs.table uncheck-all.bs.table', function(e, rows) {
  67. var selectedData = table.bootstrapTable('getSelections'); // 获取选中的数据
  68. // 计算选中的大件数量和小件数量
  69. // 大件数量(选中的行数)
  70. var largeItemCount = selectedData.length;
  71. var smallItemCount = selectedData.reduce(function(total, row) {
  72. // 累加每个选中项的 small_num
  73. return total + (row.small_num || 0);
  74. }, 0);
  75. // 更新页面上的提示信息
  76. $('p span').eq(1).text(largeItemCount); // 更新大件数量
  77. $('p span').eq(3).text(smallItemCount); // 更新小件数量
  78. });
  79. //导出发货按钮
  80. $('.btn-print').on('click',function () {
  81. var ids = Table.api.selectedids(table);
  82. if (ids.length === 0){
  83. alert('至少选择一个大件');
  84. }
  85. var lager = ids.toString();
  86. // window.location.href = 'print?lager_id='+lager;
  87. Fast.api.ajax({
  88. url:'deliver/print',
  89. data:{lager_id:lager},
  90. },function (data,res) {
  91. if (res.code == 1){
  92. window.location.href = '/'+res.data;
  93. table.bootstrapTable('refresh');
  94. }
  95. return false;
  96. },function (data,res) {
  97. if (res.code == 0){
  98. layer.confirm(res.msg);
  99. }
  100. return false;
  101. })
  102. })
  103. // 为表格绑定事件
  104. Table.api.bindevent(table);
  105. //去掉时间区间记忆
  106. table.on('post-body.bs.table',function (e,settings,json,xhr) {
  107. $('.datetimerange').each(function () {
  108. $(this).attr('autocomplete','off');
  109. })
  110. });
  111. }, second:function(){
  112. //小件列表
  113. var smallTable = $('#small_table');
  114. smallTable.bootstrapTable({
  115. url:'deliver/smallList',
  116. height: 600,
  117. toolbar: '#toolbar1',
  118. search:false,
  119. // commonSearch:false,
  120. showToggle:false,
  121. showColumns:false,
  122. showExport:false,
  123. columns: [
  124. [
  125. {field: 'large_id',title: __('大件id'),operate: 'LIKE',visible:false},
  126. {field: 'code', title: __('小件标签代码'),operate: false},
  127. {field: 'l_flow', title: __('当前序号'),operate: false},
  128. {field: 'print_num', title: __('打印次数'),operate: false},
  129. {field: 'status', title: __('状态'),searchList: {"0":'正常',"1":'已删除'},operate: false,formatter: Table.api.formatter.status},
  130. ]
  131. ]
  132. });
  133. // 为表格绑定事件
  134. Table.api.bindevent(smallTable);
  135. }
  136. },
  137. apply: function () {
  138. // 初始化表格参数配置
  139. Table.api.init({
  140. extend: {
  141. index_url: 'deliver/apply' + location.search,
  142. goods_url: 'deliver/goods',
  143. del_url:'deliver/apply_del',
  144. table:'deliver'
  145. }
  146. });
  147. var table = $("#table2");
  148. // 初始化表格
  149. table.bootstrapTable({
  150. url: $.fn.bootstrapTable.defaults.extend.index_url,
  151. pk: 'id',
  152. height:400,
  153. sortName: 'id',
  154. searchFormVisible:true,
  155. search:false,
  156. showToggle:false,
  157. showColumns:false,
  158. showExport:false,
  159. fixedColumns: true,
  160. fixedRightNumber: 1,
  161. columns: [
  162. [
  163. {checkbox: true},
  164. {field: 'id', title: __('Id'),visible:false,operate: false},
  165. {field: 'large_num', title: '托盘数量', operate: false},
  166. {field: 'matter_name', title: '产品名称', operate: 'LIKE',searchList: $.getJSON("deliver/matterName")},
  167. {field: 'total_boxes', title: '每箱托数', operate: false},
  168. {field: 'tray_num', title: '每层箱数', operate: false},
  169. {field: 'box_num', title: '每托层数', operate: false},
  170. {field: 'pallet_height', title: '托盘高度', operate: false},
  171. {
  172. field: 'pallet_size',
  173. title: '托盘规格',
  174. operate: false,
  175. width: 120,
  176. formatter: function (value, row, index) {
  177. return row.pallet_length + ' * ' + row.pallet_width;
  178. }
  179. },
  180. // {field: 'small_num', title: '总箱数', operate: false},
  181. {field: 'larger_num', title: '总箱数', operate: false},
  182. // {field: 'matter_no', title: '产品编码', operate: false},
  183. {field: 'username', title: '所属用户', operate: 'LIKE'},
  184. // {field: 'large_num', title: '大件数量', operate: false},
  185. // {field: 'small_num', title: '小件数量', operate: false},
  186. {field: 'create_time', title: '创建时间', operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
  187. {field: 'file_dir', title: '下载路径', operate: false,formatter: function (value,row,index) {
  188. if (row.status == 0){
  189. return "<a href=/"+value+">点击下载</a>";
  190. }else {
  191. return "不支持下载";
  192. }
  193. }},
  194. {field: 'status', title: '状态', operate: 'LIKE',searchList: {"0":'待发货',"1":'已删除'}, formatter: Table.api.formatter.status},
  195. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  196. ]
  197. ],
  198. });
  199. // 为表格绑定事件
  200. Table.api.bindevent(table);
  201. //发货按钮
  202. $('.btn-goods').on('click',function () {
  203. var ids = Table.api.selectedids(table);
  204. if (ids.length === 0){
  205. alert('至少选择一个订单');
  206. }
  207. var id_str = ids.toString();
  208. Fast.api.open('deliver/goods?ids='+id_str,'发货信息',{area:["60%","60%"]})
  209. });
  210. //去掉时间区间输入记忆
  211. table.on('post-body.bs.table',function (e,settings,json,xhr) {
  212. $('.datetimerange').each(function () {
  213. $(this).attr('autocomplete','off');
  214. })
  215. });
  216. Controller.api.bindevent();
  217. },
  218. goods: function () {
  219. $('#apply_btn').click(function () {
  220. var ids = $('#goods_id').val();
  221. var order_number = $('#c-order_number').val();
  222. if (order_number == null || order_number === ''){
  223. layer.confirm('订单号不能为空');
  224. }
  225. var deliveryman = $('#c-deliveryman').val();
  226. if (deliveryman == null || deliveryman === ''){
  227. layer.confirm('司机名称不能为空');
  228. }
  229. var shr_phone = $('#c-shr_phone').val();
  230. if (shr_phone == null || shr_phone === ''){
  231. layer.confirm('手机号不能为空');
  232. }
  233. var plate_number = $('#c-plate_number').val();
  234. if (plate_number == null || plate_number === ''){
  235. layer.confirm('车牌号不能为空');
  236. }
  237. var note = $('#c-note').val();
  238. Fast.api.ajax({
  239. url:'deliver/apply_add',
  240. data:{
  241. ids:ids,
  242. order_number:order_number,
  243. deliveryman:deliveryman,
  244. shr_phone:shr_phone,
  245. plate_number:plate_number,
  246. note:note,
  247. }
  248. },function (data,res) {
  249. parent.Toastr.success("成功");
  250. Fast.api.close();
  251. window.parent.location.reload();
  252. return false;
  253. },function (data) {
  254. parent.Toastr.error('失败');
  255. Fast.api.close();
  256. window.parent.location.reload();
  257. return false;
  258. })
  259. });
  260. Controller.api.bindevent();
  261. },
  262. dispatch: function () {
  263. // 初始化表格参数配置
  264. Table.api.init({
  265. extend: {
  266. index_url: 'deliver/dispatch' + location.search,
  267. del_url:'deliver/dispatch_del',
  268. table:'deliver'
  269. }
  270. });
  271. var table = $("#table3");
  272. // 初始化表格
  273. table.bootstrapTable({
  274. url: $.fn.bootstrapTable.defaults.extend.index_url,
  275. pk: 'id',
  276. height:400,
  277. sortName: 'id',
  278. searchFormVisible:true,
  279. showToggle:false,
  280. showColumns:false,
  281. showExport:false,
  282. fixedColumns: true,
  283. fixedRightNumber: 1,
  284. columns: [
  285. [
  286. {checkbox: true},
  287. {field: 'id', title: __('Id'),visible:false,operate: false},
  288. {field: 'shdh', title: '收货单号', operate: false},
  289. {field: 'order_number', title: '订单号', operate: 'LIKE'},
  290. {field: 'deliveryman', title: '司机', operate: false},
  291. {field: 'plate_number', title: '车牌号', operate: false},
  292. {field: 'supplier_name', title: '供应商名称', operate: 'LIKE'},
  293. {field: 'create_time', title: '发货时间', operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
  294. {field: 'buttons',
  295. width: "120px",
  296. title: __('发货单打印'),
  297. operate: false,
  298. table: table,
  299. events: Table.api.events.operate,
  300. buttons: [
  301. {
  302. name: 'ajax',
  303. text: __('点击打印'),
  304. title: __('点击打印'),
  305. classname: 'btn btn-xs btn-success btn-magic btn-ajax',
  306. icon: 'fa fa-magic',
  307. url: 'deliver/printqrcode/id/{ids}',
  308. success: function (data, res) {
  309. if (res.code === 1) {
  310. const arr = res.data.data;
  311. let totalTray = 0;
  312. let totalBox = 0;
  313. const productNames = [];
  314. const productQuantities = [];
  315. // 遍历数据,统计数量
  316. for (let i = 0; i < arr.length; i++) {
  317. totalTray += parseInt(arr[i].large_num || 0);
  318. totalBox += parseInt(arr[i].larger_num || 0);
  319. productNames.push(arr[i].matter_name);
  320. productQuantities.push(arr[i].total_boxes * arr[i].larger_num);
  321. }
  322. // 根据出货数量计算手工盒子数量
  323. const manualBoxes = productQuantities.reduce((total, qty) => total + qty, 0);
  324. // 纸质卡片数量可按业务设定(例:每托2张)
  325. const paperCards = totalTray * totalBox;
  326. let html = `
  327. <div style="width: 1100px; height: 100px; position: relative;">
  328. <div style="float: left">
  329. <div style="width: 1000px; font-size: 28px; font-weight: bold; text-align: center; line-height: 50px;">${res.data.supplier_name}</div>
  330. <div style="width: 1000px; font-size: 24px; text-align: center; line-height: 50px;">送货单</div>
  331. </div>
  332. <div id="qrcode" style="position: absolute; right: 100px; top: -5px; width: 105px; height: 105px;">
  333. <img src="${res.data.qrcode_add}" style="width: 105px; height: 105px;" id="qrcode_image"/>
  334. </div>
  335. </div>
  336. <table style="margin-bottom: 10px; width: 1186px; font-weight: 500; border-collapse: collapse;">
  337. <tr>
  338. <td colspan="6" style="border: none;">客户名称:河南中烟工业有限责任公司黄金叶生产制造中心</td>
  339. <td colspan="4" style="border: none;">送货单号:<span id="shdh">${res.data.shdh}</span></td>
  340. </tr>
  341. <tr>
  342. <td colspan="6" style="border: none;">送货地址:河南省郑州市经开区第三大街9号</td>
  343. <td colspan="4" style="border: none;">送货日期:<span id="shrq_date">${res.data.shrq_date}</span></td>
  344. </tr>
  345. </table>
  346. <div style="width: 1070px; font-size: 20px; text-align: center; border: 1px solid black; border-bottom: none;">
  347. ${res.data.order_ddbh || ''}${res.data.note || ''}
  348. </div>
  349. <table style="width: 1070px; border-collapse: collapse; table-layout: fixed; font-size: 16px; text-align: center; margin-top: 0;">
  350. <tr style="font-weight: bold;">
  351. <th style="border: 1px solid black;text-align: center;">托盘序号</th>
  352. <th style="border: 1px solid black;text-align: center; width: 360px;">产品名称</th>
  353. <th style="border: 1px solid black;text-align: center;">每托箱数</th>
  354. <th style="border: 1px solid black;text-align: center;">每层箱数</th>
  355. <th style="border: 1px solid black;text-align: center;">每托层数</th>
  356. <th style="border: 1px solid black;text-align: center;">每托高度</th>
  357. <th style="border: 1px solid black;text-align: center;">托盘规格</th>
  358. <th style="border: 1px solid black;text-align: center;">托盘数</th>
  359. <th style="border: 1px solid black;text-align: center;">总箱数</th>
  360. </tr>
  361. `;
  362. for (let i = 0; i < arr.length; i++) {
  363. html += `
  364. <tr>
  365. <td style="border: 1px solid black;">第${arr[i].large_ber}托</td>
  366. <td style="border: 1px solid black;">${arr[i].matter_name}</td>
  367. <td style="border: 1px solid black;">${arr[i].total_boxes}</td>
  368. <td style="border: 1px solid black;">${arr[i].tray_num}</td>
  369. <td style="border: 1px solid black;">${arr[i].box_num}</td>
  370. <td style="border: 1px solid black;">${arr[i].pallet_height}</td>
  371. <td style="border: 1px solid black;">${arr[i].pallet_length} * ${arr[i].pallet_width}</td>
  372. <td style="border: 1px solid black;">${arr[i].large_num}</td>
  373. <td style="border: 1px solid black;">${arr[i].larger_num}</td>
  374. </tr>
  375. `;
  376. }
  377. const fillCount = 15 - arr.length;
  378. for (let i = 0; i < fillCount; i++) {
  379. html += `
  380. <tr>
  381. <td style="border: 1px solid black;">&nbsp;</td>
  382. <td style="border: 1px solid black;"></td>
  383. <td style="border: 1px solid black;"></td>
  384. <td style="border: 1px solid black;"></td>
  385. <td style="border: 1px solid black;"></td>
  386. <td style="border: 1px solid black;"></td>
  387. <td style="border: 1px solid black;"></td>
  388. <td style="border: 1px solid black;"></td>
  389. <td style="border: 1px solid black;"></td>
  390. </tr>
  391. `;
  392. }
  393. html += `
  394. <tr style="font-weight: bold;">
  395. <td style="border: 1px solid black;">合计:</td>
  396. <td style="border: 1px solid black;"></td>
  397. <td style="border: 1px solid black;"></td>
  398. <td style="border: 1px solid black;"></td>
  399. <td style="border: 1px solid black;"></td>
  400. <td style="border: 1px solid black;"></td>
  401. <td style="border: 1px solid black;"></td>
  402. <td style="border: 1px solid black;">${totalTray}</td>
  403. <td style="border: 1px solid black;">${totalBox}</td>
  404. </tr>
  405. </table>
  406. <table style="margin-top: 20px; width: 1070px; border-collapse: collapse; font-size: 18px;">
  407. <tr>
  408. <td colspan="${productNames.length + 2}" style="border: 1px solid black; text-align: left;">
  409. 总共出货:${totalBox} 箱 = ${totalTray} 托(手工盒子:${manualBoxes} 套,纸质卡片:${paperCards} 张)
  410. </td>
  411. </tr>
  412. <tr>
  413. <td style="border: 1px solid black; text-align: center;">产品名称</td>
  414. ${productNames.map(name => `<td style="border: 1px solid black; text-align: center;">${name}</td>`).join('')}
  415. <td style="border: 1px solid black; text-align: center;">合计</td>
  416. </tr>
  417. <tr>
  418. <td style="border: 1px solid black; text-align: center;">出货数量</td>
  419. ${productQuantities.map(qty => `<td style="border: 1px solid black; text-align: center;">${qty}</td>`).join('')}
  420. <td style="border: 1px solid black; text-align: center;">${manualBoxes}</td>
  421. </tr>
  422. </table>
  423. <div style="margin-top: 20px; font-size: 14px; font-weight: bold; border: 1px solid black; padding: 10px; text-align: left; width: 1070px;">
  424. 共 ${totalTray} 托
  425. <br/>
  426. 备注:
  427. <br/>(1) 用唛头笔写上托盘序号,托盘唛头打印贴在每托盘上面,打托的时候混托注意摆放和高度,另外不要漏掉了。
  428. <br/>(2) 每托烟盒中间放瓦楞,最上面盖个木板,缠绕膜缠结实,护角护好,打打包带,井子形打包
  429. <br/>(3) 配托后,请提供具体托盘高度及托盘重量。
  430. </div>
  431. `;
  432. $("#printcode").html(html);
  433. const printHTML = document.querySelector('#printcode').innerHTML;
  434. document.body.innerHTML = printHTML;
  435. window.print();
  436. window.location.reload();
  437. }
  438. return false;
  439. },
  440. // success: function (data, res) {
  441. // console.log(data);
  442. // console.log(res);
  443. // if (res.code === 1) {
  444. // var arr = res.data.data;
  445. // let html = `
  446. // <div style="width: 1100px;height: 100px;position: relative;">
  447. // <div style="float: left">
  448. // <div style="width: 1000px;font-weight: 400;font-size: 28px;text-align: center;line-height: 50px;" class="company">${res.data.supplier_name}</div>
  449. // <div style="width: 1000px;font-weight: 400;font-size: 24px;text-align: center;line-height: 50px;">送货单</div>
  450. // <div style="width: 1000px;font-weight: 400;font-size: 28px;text-align: center;line-height: 50px;" class="company"></div>
  451. // <div style="width: 1000px;font-weight: 400;font-size: 24px;text-align: center;line-height: 50px;"></div>
  452. // </div>
  453. // <div id="qrcode" style="display:inline-block;width: 105px;height: 105px;position: absolute;right: 100px;top: -5px;">
  454. // <img src="${res.data.qrcode_add}" style="width: 105px;height: 105px;" id="qrcode_image"/>
  455. // </div>
  456. // </div>
  457. //
  458. // <table class="tg1" style="margin-top: 3px;border-collapse:collapse;width:1186px;font-weight:500;">
  459. // <tr><td colspan="6" style="border:none">客户名称:河南中烟工业有限责任公司黄金叶生产制造中心</td><td colspan="4" style="border:none">送货单号:<span id="shdh">${res.data.shdh}</span></td></tr>
  460. // <tr><td colspan="6" style="border:none">送货地址:河南省郑州市经开区第三大街9号</td><td colspan="4" style="border:none">送货日期:<span id="shrq_date">${res.data.shrq_date}</span></td></tr>
  461. // </table>
  462. //
  463. // <table class="tg1" style="table-layout:fixed;width: 1070px;border-collapse:collapse;border-spacing:0;font-weight:500; position: relative;" >
  464. // <tr>
  465. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">托盘序号</th>
  466. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;width: 360px">产品名称</th>
  467. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">每托箱数</th>
  468. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">每层箱数</th>
  469. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">每托层数</th>
  470. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">每托高度</th>
  471. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">托盘规格</th>
  472. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">托盘数</th>
  473. // <th style="font-family:Arial, sans-serif;font-size:20px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">总箱数</th>
  474. // </tr>
  475. // `;
  476. // for (let i = 0; i < arr.length; i++) {
  477. // html += `
  478. // <tr>
  479. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">第${arr[i].large_ber}托</td>
  480. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">${arr[i].matter_name}</td>
  481. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">${arr[i].total_boxes}</td>
  482. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">${arr[i].tray_num}</td>
  483. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">${arr[i].box_num}</td>
  484. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">${arr[i].pallet_height}</td>
  485. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">${arr[i].pallet_length} * ${arr[i].pallet_width}</td>
  486. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">${arr[i].large_num}</td>
  487. // <td style="font-family:Arial, sans-serif;font-size:16px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">${arr[i].larger_num}</td>
  488. // </tr>
  489. // `;
  490. // }
  491. // $("#printcode").html(html);
  492. //
  493. // // 正确绑定 load 事件并打印
  494. // // let image = document.getElementById('qrcode_image');
  495. // // image.onload = function () {
  496. // const printHTML = document.querySelector('#printcode').innerHTML;
  497. // document.body.innerHTML = printHTML;
  498. // window.print();
  499. // window.location.reload(); // 可选:打印完重新加载页面
  500. // // };
  501. // }
  502. // return false;
  503. // },
  504. error: function (data, ret) {
  505. return false;
  506. }
  507. },
  508. ],
  509. formatter: Table.api.formatter.buttons
  510. },
  511. {field: 'status', title: '状态', operate: 'LIKE',searchList: {"0":'已发货',"1":'已删除'}, formatter: Table.api.formatter.status},
  512. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  513. ]
  514. ],
  515. });
  516. // 为表格绑定事件
  517. Table.api.bindevent(table);
  518. //去掉时间区间输入记忆
  519. table.on('post-body.bs.table',function (e,settings,json,xhr) {
  520. $('.datetimerange').each(function () {
  521. $(this).attr('autocomplete','off');
  522. })
  523. });
  524. Controller.api.bindevent();
  525. },
  526. receive: function () {
  527. // 初始化表格参数配置
  528. Table.api.init({
  529. extend: {
  530. index_url: 'deliver/receive' + location.search,
  531. del_url:'deliver/receive_del',
  532. table:'deliver'
  533. }
  534. });
  535. var table = $("#table");
  536. // 初始化表格
  537. table.bootstrapTable({
  538. url: $.fn.bootstrapTable.defaults.extend.index_url,
  539. pk: 'id',
  540. height:500,
  541. sortName: 'id',
  542. searchFormVisible:true,
  543. showToggle:false,
  544. showColumns:false,
  545. showExport:false,
  546. fixedColumns: true,
  547. fixedRightNumber: 1,
  548. columns: [
  549. [
  550. {checkbox: true},
  551. {field: 'id', title: __('Id'),visible:false,operate: false},
  552. {field: 'shdh', title: '送货单号', operate: false},
  553. {field: 'order_number', title: '订单号', operate: 'LIKE'},
  554. {field: 'deliveryman', title: '司机', operate: false},
  555. {field: 'plate_number', title: '车牌号', operate: false},
  556. {field: 'supplier_name', title: '供应商名称', operate: 'LIKE'},
  557. {field: 'create_time', title: '发货时间', operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime},
  558. {field: 'buttons', operate: false,
  559. width: "120px",
  560. title: __('发货单打印'),
  561. table: table,
  562. events: Table.api.events.operate,
  563. buttons: [
  564. {
  565. name: 'ajax',
  566. text: __('点击打印'),
  567. title: __('点击打印'),
  568. classname: 'btn btn-xs btn-success btn-magic btn-ajax',
  569. icon: 'fa fa-magic',
  570. url: 'deliver/printqrcode/id/{ids}',
  571. // confirm: '确认发送',
  572. success: function (data,res) {
  573. if (res.code === 1){
  574. var arr = res.data.data;
  575. var note='';
  576. var html = '<div style="width: 1100px;height: 100px;position: relative;">\n' +
  577. ' <div style="float: left">\n' +
  578. ' <div style="width: 1000px;font-weight: 400;font-size: 28px;text-align: center;line-height: 50px;" class="company">'+res.data.supplier_name+'</div>\n' +
  579. ' <div style="width: 1000px;font-weight: 400;font-size: 24px;text-align: center;line-height: 50px;">送货单</div>\n' +
  580. ' </div>\n' +
  581. ' <div id="qrcode" style="display:inline-block;width: 105px;height: 105px;position: absolute;right: 100px;top: -5px;">\n' +
  582. ' <img src="" style="width: 105px;height: 105px;" id="qrcode_image"/>\n' +
  583. ' </div>\n' +
  584. ' </div>\n' +
  585. ' <table class="tg1" style="margin-top: 3px;border-collapse:collapse;border-spacing:0;font-weight:500;width:1186px">\n' +
  586. ' <tr class="info">\n' +
  587. ' <td colspan="6" style="border:none">客户名称:河南中烟工业有限责任公司黄金叶生产制造中心</td>\n' +
  588. ' <td colspan="4" style="border:none">送货单号:<span style="font-size: 16px;" id="shdh">'+res.data.shdh+'</span></td>\n' +
  589. ' </tr>\n' +
  590. ' <tr class="info">\n' +
  591. ' <td colspan="6" style="border:none">送货地址:河南省郑州市经开区第三大街9号</td>\n' +
  592. ' <td colspan="4" style="border:none">送货日期:<span style="font-size: 16px;" id="shrq_date">'+res.data.shrq_date+'</span></td>\n' +
  593. ' </tr>\n' +
  594. ' </table>\n' +
  595. ' <br>\n' +
  596. ' <table class="tg1" style="table-layout:fixed;width: 1186px;border-collapse:collapse;border-spacing:0;font-weight:500; position: relative;" id="table">'+
  597. ' <tr><th class="tg-s6z2" style="font-family:Arial, sans-serif;font-size:20px;text-align:center;font-weight:500;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;">物料名称</th>' +
  598. ' <th class="tg-s6z2" style="font-family:Arial, sans-serif;font-size:20px;text-align:center;font-weight:500;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;">生产批号</th>' +
  599. ' <th class="tg-s6z2" style="font-family:Arial, sans-serif;font-size:20px;text-align:center;font-weight:500;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;">大件</th>' +
  600. ' <th class="tg-s6z2" style="font-family:Arial, sans-serif;font-size:20px;text-align:center;font-weight:500;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;">小件</th>' +
  601. ' <th class="tg-s6z2" style="font-family:Arial, sans-serif;font-size:20px;text-align:center;font-weight:500;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;">单位</th>' +
  602. ' <th class="tg-s6z2" style="font-family:Arial, sans-serif;font-size:20px;text-align:center;font-weight:500;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;">实发数量</th>' +
  603. ' <th class="tg-s6z2" style="font-family:Arial, sans-serif;font-size:20px;text-align:center;font-weight:500;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;">备注</th>' +
  604. ' <th id="explain" rowspan="'+(res.data.count+1)+'" width="7%" style="border: none"><span style="writing-mode: tb-rl;height: 300px;font-size:16px;text-align: center;">' +
  605. ' 蓝联(回):业务 黄联(回):运输 '+'<br>'+'白联:存根 红联:财务 绿联:客户</span></th></tr>';
  606. for (var i=0;i < arr.length;i++){
  607. html+= '<tr><td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+arr[i].matter_name+'</td>';
  608. html+= '<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+(arr[i].bach_num?arr[i].bach_num:'')+'</td>';
  609. html+= '<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+arr[i].large_num+'</td>';
  610. html+= '<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+arr[i].small_num+'</td>';
  611. if(arr[i].mater_type==1){
  612. html+= '<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">万张</td>';
  613. html+='<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+arr[i].l_num+'</td>';
  614. html+='<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+arr[i].small_num+'件*'+parseInt(arr[i].num)+'张'+'</td>';
  615. }else if (arr[i].mater_type==2){
  616. html+= '<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">kg</td>';
  617. html+='<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+arr[i].l_weight +'</td>';
  618. html+='<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+arr[i].small_num+'件*'+parseFloat(arr[i].num)/1000+'kg'+'</td>';
  619. }else if (arr[i].mater_type==3){
  620. html+= '<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">万支</td>';
  621. html+='<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+parseFloat(arr[i].num)*parseFloat(arr[i].small_num)/10000+'</td>';
  622. html+='<td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+arr[i].small_num+'件*'+parseInt(arr[i].num)+'支'+'</td>';
  623. }
  624. }
  625. html+= '<tr><td class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">送货单备注</td>' +
  626. ' <td colspan="6" class="tg-031e" style="font-family:Arial, sans-serif;font-size:18px;text-align:center;border-style:solid;border-width:1px;overflow:hidden;word-break:break-all;border-color:black;">'+res.data.note+'</td></tr>'+
  627. ' </table>\n' +
  628. ' <table class="tg2" style="margin-top: 3px;border-collapse:collapse;border-spacing:0;font-weight:500;width:1086px;font-size: 16px;">\n' +
  629. ' <tr class="footer">\n' +
  630. ' <td colspan="3">发货单位:<span class="company">'+res.data.supplier_name+'</span></td>\n' +
  631. ' <td colspan="3">司机/司机电话:<span id="deliveryman">'+res.data.deliveryman+'&nbsp;&nbsp;'+res.data.shr_phone+'</span></td>\n' +
  632. ' <td colspan="3">车牌号:<span id="carid">'+res.data.plate_number+'</span></td>\n' +
  633. ' </tr>\n' +
  634. ' <tr class="footer">\n' +
  635. ' <td colspan="7">发货单位地址:<span id="address">'+res.data.address+'</span></td>\n' +
  636. ' <td colspan="3">收货单位(签名、盖章)</td>\n' +
  637. ' </tr>\n' +
  638. ' </table>'
  639. $("#printcode").html(html)
  640. var ee = $('#qrcode_image').attr('src',res.data.qrcode_add);
  641. // 将打印的区域赋值,进行打印
  642. ee.on('load',function () {
  643. var printHTML = document.querySelector('#printcode').innerHTML;
  644. window.document.body.innerHTML = printHTML;
  645. window.print();
  646. window.location.reload(); // 打印完成后重新加载页面
  647. })
  648. }
  649. return false;
  650. },
  651. error: function (data, ret) {
  652. return false;
  653. }
  654. },
  655. ],
  656. formatter: Table.api.formatter.buttons
  657. },
  658. {field: 'status', title: '状态', operate: 'LIKE',searchList: {"0":'未收货',"2":'已收货'},defaultValue:'1', formatter: Table.api.formatter.status},
  659. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  660. ]
  661. ],
  662. });
  663. $('#receive').click(function (){
  664. var shdh = $('#shdh').val();
  665. if (shdh!=''){
  666. $.get('deliver/receive_add',{'shdh':shdh},function (res){
  667. if (res.code==1){
  668. //修改成功
  669. //1. 提示
  670. Toastr.success(res.msg)
  671. //2. 刷新页面
  672. table.bootstrapTable('refresh');
  673. }else{
  674. Toastr.error(res.msg)
  675. }
  676. })
  677. }
  678. })
  679. // 为表格绑定事件
  680. Table.api.bindevent(table);
  681. Controller.api.bindevent();
  682. },
  683. api: {
  684. bindevent: function () {
  685. Form.api.bindevent($("form[role=form]"));
  686. }
  687. }
  688. };
  689. return Controller;
  690. });