goods_deliver_query_print.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!DOCTYPE html>
  2. <html style="height: 100%;min-height: 100%;">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>打印出库管理</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  11. <style>
  12. h3, td, th{color: #000000}
  13. .layui-table tr td, .layui-table th {border-color: #000000;height: 1px}
  14. </style>
  15. </head>
  16. <body style="background-color: #fff;height: 100%;min-height: 100%;">
  17. <div class="layui-fluid">
  18. <div class="layui-card">
  19. <div class="layui-card-body" pad15>
  20. <div class="layui-row layui-col-space15">
  21. <div class="layui-col-md12">
  22. <div id="print_div">
  23. <h3 align="center" style="font-weight: bold;letter-spacing:8px;"><span id="company_name"></span></br>原 料 出 库 明 细</h3>
  24. <table class="layui-table">
  25. <tr id="tr_item_total"></tr>
  26. </table>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  34. <script>
  35. layui.config({
  36. base: '../../../layuiadmin/' //静态资源所在路径
  37. }).extend({
  38. index: 'lib/index' //主入口模块
  39. }).use(['index', 'table', 'utils'], function() {
  40. var $ = layui.$;
  41. var utils = layui.utils;
  42. var admin = layui.admin;
  43. admin.req({
  44. url: '/order/deliver_query/detail/'
  45. , done: function (data) {
  46. var items_data = data.data;
  47. var cols = '';
  48. cols += '<tr>\n' +
  49. ' <td align="left" width="60">单号</td>\n' +
  50. ' <td align="left" width="60">名称</td>\n' +
  51. ' <td align="left" width="60">代码</td>\n' +
  52. ' <td align="left" width="100">入库单号</td>\n' +
  53. ' <td align="right" width="60">数量</td>\n' +
  54. ' <td align="right" width="60">单价</td>';
  55. if (utils.isHasPermissions('goods.view_goods_cost')) {
  56. cols += '<td align="right" width="70">合计成本</td>';
  57. }
  58. cols += '<td align="right" width="70">合计销售价</td>\n' +
  59. ' <td align="left" width="60">仓别</td>\n' +
  60. ' <td align="left" width="70">创建时间</td>\n' +
  61. ' <td align="left" width="60">审核人</td>\n' +
  62. ' <td align="left" width="60">备注</td>\n' +
  63. ' </tr>';
  64. $('#tr_item_total').before(cols);
  65. for (var n in items_data) {
  66. var cols_data = '';
  67. if (items_data[n].entry_no == null){
  68. items_data[n].entry_no =''
  69. }
  70. if (items_data[n].notes == null){
  71. items_data[n].notes = '';
  72. }
  73. cols_data += "<tr>\n" +
  74. " <td>" + items_data[n].no + "</td>\n" +
  75. " <td>" + items_data[n].name + "</td>\n" +
  76. " <td>" + items_data[n].model + "</td>\n" +
  77. " <td>" + items_data[n].entry_no + "</td>\n" +
  78. " <td align=\"right\">" + items_data[n].count + "</td>\n" +
  79. " <td align=\"right\">" + items_data[n].price + "</td>\n";
  80. if (utils.isHasPermissions('goods.view_goods_cost')) {
  81. cols_data += " <td align=\"right\">" + items_data[n].total_cost + "</td>\n";
  82. }
  83. cols_data += " <td align=\"right\">" + items_data[n].total_amount + "</td>\n" +
  84. " <td>" + items_data[n].warehouse + "</td>\n" +
  85. " <td>" + items_data[n].happen_time + "</td>\n" +
  86. " <td>" + items_data[n].create_user + "</td>\n" +
  87. " <td>" + items_data[n].notes + "</td>\n" +
  88. " </tr>";
  89. $('#tr_item_total').before(cols_data);
  90. }
  91. }
  92. });
  93. });
  94. parent.layui.submitChild = function () {
  95. window.scrollTo(0,0);
  96. doPrint();
  97. parent.layui.onSubmitChild();
  98. };
  99. function doPrint() {
  100. var $ = layui.$;
  101. document.body.innerHTML=$('#print_div').html();
  102. window.print();
  103. }
  104. </script>
  105. </body>
  106. </html>