deliver_material_print.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  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 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"></span></br>原料出库单</h3>
  24. <table class="layui-table" id="table_total">
  25. </table>
  26. <table class="layui-table">
  27. <tr>
  28. <td colspan="8" align="center" style="font-weight: bold;letter-spacing:8px;">原料明细</td>
  29. </tr>
  30. <tr id="tr_item_total"></tr>
  31. </table>
  32. <table class="table-embed" border='0' width='100%' height="50px">
  33. <tr style="height: 80px;">
  34. <td align="center">制单人签字:__________</td>
  35. <td align="center">审核人签字:__________</td>
  36. <td align="center">财务签字:__________</td>
  37. <td align="center">总经理签字:__________</td>
  38. </tr>
  39. </table>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  47. <script>
  48. layui.config({
  49. base: '../../../layuiadmin/' //静态资源所在路径
  50. }).extend({
  51. index: 'lib/index' //主入口模块
  52. }).use(['index', 'table', 'utils'], function() {
  53. var $ = layui.$
  54. , utils = layui.utils
  55. , admin = layui.admin;
  56. var id = layui.view.getParameterByName('id');
  57. var cols_total = '';
  58. cols_total += '<tr>\n' +
  59. ' <td align="right">出库单号</td>\n' +
  60. ' <td id="no"></td>\n' +
  61. ' <td align="right">创建人</td>\n' +
  62. ' <td id="create_user_name"></td>\n' +
  63. ' <td align="right">创建时间</td>\n' +
  64. ' <td id="create_time"></td>\n' +
  65. ' </tr>\n' +
  66. ' <tr>\n' +
  67. ' <td align="right">领用人</td>\n' +
  68. ' <td id="receiver_name"></td>\n' +
  69. ' <td align="right">领用部门</td>\n' +
  70. ' <td id="receiver_department_name"></td>\n' +
  71. ' <td align="right">仓别</td>\n' +
  72. ' <td id="warehouse"></td>\n' +
  73. ' </tr>';
  74. if (utils.isHasPermissions('material.view_material_cost')) {
  75. cols_total += '<tr><td align="right">合计数量</td>\n' +
  76. ' <td id="total_count"></td>\n' +
  77. ' <td align="right">合计成本</td>\n' +
  78. ' <td id="total_cost"></td>\n' +
  79. ' <td align="right">备注</td>\n' +
  80. ' <td id="notes"></td>\n' +
  81. ' </tr>';
  82. }else{
  83. cols_total += ' <tr><td align="right">合计数量</td>\n' +
  84. ' <td id="total_count"></td>\n' +
  85. ' <td align="right">备注</td>\n' +
  86. ' <td id="notes" colspan="3"></td>\n' +
  87. ' </tr>';
  88. }
  89. $('#table_total').html(cols_total);
  90. admin.req({
  91. url: '/material/deliver/detail/?id=' + id
  92. , done: function (data) {
  93. var main_data = data.data.main_data;
  94. var items_data = data.data.items_data;
  95. $('#no').html(main_data.no);
  96. $('#company').html(main_data.company);
  97. $('#create_user_name').html(main_data.create_user_name);
  98. $('#create_time').html(main_data.create_time);
  99. $('#receiver_name').html(main_data.receiver_name);
  100. $('#receiver_department_name').html(main_data.receiver_department_name);
  101. $('#total_count').html(main_data.total_count);
  102. if(utils.isHasPermissions('material.view_material_cost')){
  103. $('#total_cost').html(main_data.total_cost);
  104. }
  105. $('#warehouse').html(main_data.warehouse_name);
  106. $('#notes').html(main_data.notes);
  107. var cols = '';
  108. cols += '<tr>\n' +
  109. ' <td align="left" width="60">名称</td>\n' +
  110. ' <td align="left" width="60">代码</td>\n' +
  111. ' <td align="left" width="30">规格</td>\n' +
  112. ' <td align="left" width="100">入库单号</td>\n' +
  113. ' <td align="right" width="60">数量</td>';
  114. if (utils.isHasPermissions('material.view_material_cost')) {
  115. cols+= '<td align="right" width="100">成本合计</td>';
  116. }
  117. cols += '<td align="right" width="100">库存数量</td>\n' +
  118. '<td align="left" width="200">备注</td>\n' +
  119. ' </tr>';
  120. $('#tr_item_total').before(cols);
  121. for (var n in items_data) {
  122. var cols_data = '';
  123. cols_data += "<tr>\n" +
  124. " <td>" + items_data[n].name + "</td>\n" +
  125. " <td>" + items_data[n].model + "</td>\n" +
  126. " <td>" + items_data[n].unit + "</td>\n" +
  127. " <td>" + items_data[n].no + "</td>\n" +
  128. " <td align=\"right\">" + items_data[n].count + "</td>\n";
  129. if (utils.isHasPermissions('material.view_material_cost')) {
  130. cols_data+= " <td align=\"right\">" + items_data[n].total_cost + "</td>\n";
  131. }
  132. cols_data+=" <td align=\"right\">" + items_data[n].warehouse_stock_count + "</td>\n" +
  133. " <td>" + items_data[n].notes + "</td>\n" +
  134. " </tr>";
  135. $('#tr_item_total').before(cols_data);
  136. }
  137. }
  138. });
  139. });
  140. parent.layui.submitChild = function () {
  141. window.scrollTo(0,0);
  142. doPrint();
  143. parent.layui.onSubmitChild();
  144. };
  145. function doPrint() {
  146. var $ = layui.$;
  147. document.body.innerHTML=$('#print_div').html();
  148. window.print();
  149. }
  150. </script>
  151. </body>
  152. </html>