purchase_payment_print.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  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">
  25. <tr>
  26. <td id="no" class="cell">付款单号</td>
  27. <td id="supplier_name" class="cell">供应商</td>
  28. <td id="supplier_account" class="cell">供应商账号</td>
  29. </tr>
  30. <tr>
  31. <td id="supplier_bank" class="cell">供应商开户行</td>
  32. <td id="status_text" class="cell">状态</td>
  33. <td id="amount" class="cell">应付金额</td>
  34. </tr>
  35. <tr>
  36. <td id="amount_CNY" class="cell">应付金额大写</td>
  37. <td id="apply_amount" class="cell">申请金额</td>
  38. <td id="apply_amount_CNY" class="cell">申请金额大写</td>
  39. </tr>
  40. <tr>
  41. <td id="actual_amount" class="cell">实付金额</td>
  42. <td id="actual_amount_CNY" class="cell" colspan="2">实付金额大写</td>
  43. </tr>
  44. <tr>
  45. <td id="notes" class="cell" colspan="3">备注</td>
  46. </tr>
  47. </table>
  48. <table class="layui-table">
  49. <tr>
  50. <td>序号</td>
  51. <td>产品名称</td>
  52. <td>产品代码</td>
  53. <td>合同号</td>
  54. <td align="right">数量</td>
  55. <td align="right">单价</td>
  56. <td align="right">历史成本</td>
  57. <td align="right">金额</td>
  58. </tr>
  59. <tr id="tr_total">
  60. <td colspan="7" align="right">合计:</td>
  61. <td align="right" id="td_amount"></td>
  62. </tr>
  63. </table>
  64. <table class="table-embed" border='0' width='100%' height="50px">
  65. <tr style="height: 80px;">
  66. <td align="center" width="25%">申请人:<span id="create_user"></span></td>
  67. <td align="center" width="25%">审核人:<span id="check_user"></span></td>
  68. </tr>
  69. </table>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  77. <script>
  78. layui.config({
  79. base: '../../../layuiadmin/' //静态资源所在路径
  80. }).extend({
  81. index: 'lib/index' //主入口模块
  82. }).use(['index', 'table'], function(){
  83. var $ = layui.$
  84. ,admin = layui.admin;
  85. var data = JSON.parse(JSON.stringify(parent.layui.table.editdata));
  86. $('#create_user').html(data.create_user_text + ',' + data.create_time);
  87. if (data.check_user_text) {
  88. $('#check_user').html(data.check_user_text+ ',' + data.check_time);
  89. }
  90. $('.cell').each(function (index, element) {
  91. element.innerHTML += ':' + (data[element.id]||'')
  92. });
  93. admin.req({
  94. url: '/purchase/purchase_payment/detail/?id='+data.id
  95. ,done: function(data){
  96. var company = data.data.company;
  97. var data = data.data.data;
  98. var amount = 0;
  99. for(var n in data){
  100. var m = parseInt(n) + 1;
  101. amount += parseFloat(data[n].amount);
  102. $('#tr_total').before("<tr>\n" +
  103. " <td>"+m+"</td>\n" +
  104. " <td>"+data[n].name+"</td>\n" +
  105. " <td>"+data[n].model+"</td>\n" +
  106. " <td>"+data[n].order_no+"</td>\n" +
  107. " <td>"+data[n].count+"</td>\n" +
  108. " <td>"+data[n].price+"</td>\n" +
  109. " <td>"+data[n].avg_cost_price+"</td>\n" +
  110. " <td align=\"right\">"+data[n].amount+"</td>\n" +
  111. " </tr>");
  112. }
  113. $('#td_amount').html(amount.toFixed(2));
  114. $('#company').html(company);
  115. }
  116. });
  117. });
  118. parent.layui.submitChild = function () {
  119. window.scrollTo(0,0);
  120. doPrint();
  121. parent.layui.onSubmitChild();
  122. };
  123. function doPrint() {
  124. var $ = layui.$;
  125. document.body.innerHTML=$('#print_div').html();
  126. window.print();
  127. }
  128. </script>
  129. </body>
  130. </html>