print_html.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <script type="text/html" id="express_sheet_html">
  2. <div class="layui-form express-sheet">
  3. <div class="layui-form-item express-mode">
  4. <label class="layui-form-label"><span class="required">*</span>面单模版:</label>
  5. <div class="layui-input-block len-mid">
  6. <select name="template_id" lay-search lay-filter="express_company" lay-verify="required">
  7. <option value="">请选择面单模版</option>
  8. {{# layui.each(d, function(index, item){ }}
  9. <option value="{{ item.id }}" {{# if(item.is_default === 1){ }} selected {{# } }} >{{ item.template_name }}</option>
  10. {{# }); }}
  11. </select>
  12. </div>
  13. </div>
  14. <div class="layui-form-item">
  15. <label class="layui-form-label">是否发货</label>
  16. <div class="layui-input-block">
  17. <input type="checkbox" name="is_delivery" lay-skin="switch" value="1">
  18. </div>
  19. </div>
  20. <div class="form-row">
  21. <button type="button" class="layui-btn" lay-submit lay-filter="express_sheet_save">点击确定</button>
  22. </div>
  23. </div>
  24. </script>
  25. <script>
  26. var expresselectronicsheetlist = [];
  27. //获取物流公司
  28. $.ajax({
  29. type: "post",
  30. url: ns.url("shop/delivery/getexpresselectronicsheetlist"),
  31. dataType: 'json',
  32. success: function (res) {
  33. if (res.code == 0) {
  34. expresselectronicsheetlist = res.data;
  35. }
  36. }
  37. });
  38. //打印电子面单
  39. function printElectronicsheetAction(order_id_list){
  40. var getTpl = $("#express_sheet_html").html();
  41. laytpl(getTpl).render(expresselectronicsheetlist, function(html) {
  42. layer.open({
  43. type: 1,
  44. shadeClose: true,
  45. shade: 0.3,
  46. fixed: false,
  47. scrollbar: false,
  48. title: "打印电子面单",
  49. area: '550px',
  50. content: html,
  51. success: function (layero, index) {
  52. form.render();
  53. form.on('submit(express_sheet_save)', function (data) {
  54. $.each(order_id_list, function(index, value) {
  55. data.field.order_id = value;
  56. $.ajax({
  57. type: 'post',
  58. url: ns.url("shop/delivery/printelectronicsheet"),
  59. dataType: 'JSON',
  60. data: data.field,
  61. success: function (res) {
  62. layer.msg(res.message);
  63. if (res.code >= 0) {
  64. expressSheet(res.data.PrintTemplate);
  65. location.reload();
  66. }
  67. }
  68. });
  69. });
  70. });
  71. }
  72. });
  73. })
  74. }
  75. /**
  76. * 批量打印电子面单
  77. */
  78. function CreateTwoFormPage(html){
  79. LODOP=getLodop();
  80. if(LODOP) {
  81. LODOP.PRINT_INIT("打印电子面单");
  82. LODOP.ADD_PRINT_HTM(0, 10, "95%", "100%", html);
  83. }
  84. }
  85. function expressSheet(html) {
  86. CreateTwoFormPage(html);
  87. // LODOP.PREVIEW(); //预览
  88. LODOP.PRINT(); //直接打印
  89. }
  90. function orderPrintElectronicsheet(order_id){
  91. printElectronicsheetAction([order_id]);
  92. }
  93. </script>