demand_print.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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 type="text/css">
  12. .layui-table td{border-color:#000;}
  13. </style>
  14. </head>
  15. <style>
  16. h3, td, th{color: #000000}
  17. .layui-table td, .layui-table th {border-color: #000000;height: 1px}
  18. </style>
  19. <body style="background-color: #fff;height: 100%;min-height: 100%;">
  20. <div class="layui-fluid">
  21. <div class="layui-card">
  22. <div class="layui-card-body" pad15>
  23. <div class="layui-row layui-col-space15">
  24. <div class="layui-col-md12">
  25. <div id="print_div">
  26. <h3 align="center" style="font-weight: bold;letter-spacing:8px;"><span id="company"></span></br>销售订单</h3>
  27. <table class="layui-table">
  28. <tr>
  29. <td id="no" class="cell">订单号</td>
  30. <td id="customer_name" class="cell">客户姓名</td>
  31. <td id="customer_tel" class="cell">客户电话</td>
  32. </tr>
  33. <tr>
  34. <td id="create_user_text" class="cell">下单人员</td>
  35. <td id="create_time" class="cell">下单时间</td>
  36. <td id="demand_date" class="cell">需求时间</td>
  37. </tr>
  38. <tr>
  39. <td id="notes" class="cell" colspan="3">备注</td>
  40. </tr>
  41. </table>
  42. <table class="layui-table">
  43. <tr>
  44. <td>产品名称</td>
  45. <td>产品代码</td>
  46. <td>质量标准</td>
  47. <td align="right" width="70">单价</td>
  48. <td align="right" width="70">数量</td>
  49. <td align="right" width="70">金额</td>
  50. </tr>
  51. <tr id="tr_total">
  52. <td colspan="4" align="right">合计:</td>
  53. <td align="right" id="td_count"></td>
  54. <td align="right" id="td_amount"></td>
  55. </tr>
  56. </table>
  57. <table class="table-embed" border='0' width='100%' height="50px">
  58. <tr style="height: 80px;">
  59. <td align="center">制单人签字:__________</td>
  60. <td align="center">审核人签字:__________</td>
  61. <td align="center">财务签字:__________</td>
  62. <td align="center">总经理签字:__________</td>
  63. </tr>
  64. </table>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  72. <script>
  73. layui.config({
  74. base: '../../../layuiadmin/' //静态资源所在路径
  75. }).extend({
  76. index: 'lib/index' //主入口模块
  77. }).use(['index', 'table'], function(){
  78. var $ = layui.$
  79. ,admin = layui.admin;
  80. var data = JSON.parse(JSON.stringify(parent.layui.table.editdata));
  81. $('.cell').each(function (index, element) {
  82. element.innerHTML += ':' + (data[element.id]||'')
  83. });
  84. admin.req({
  85. url: '/plan/demand/detail/?id='+data.id
  86. ,done: function(data){
  87. var company = data.data.company;
  88. var items_data = data.data.items_data;
  89. var count = 0
  90. ,amount = 0;
  91. for(var n in items_data){
  92. count += parseFloat(items_data[n].count);
  93. amount += parseFloat(items_data[n].amount);
  94. $('#tr_total').before("<tr>\n" +
  95. " <td>"+items_data[n].name+"</td>\n" +
  96. " <td>"+items_data[n].model+"</td>\n" +
  97. " <td>"+items_data[n].quality_request_text+"</td>\n" +
  98. " <td align=\"right\">"+items_data[n].price+"</td>\n" +
  99. " <td align=\"right\">"+items_data[n].count+"</td>\n" +
  100. " <td align=\"right\">"+items_data[n].amount+"</td>\n" +
  101. " </tr>");
  102. }
  103. $('#td_count').html(parseFloat(count).toFixed(2));
  104. $('#td_amount').html(parseFloat(amount).toFixed(4));
  105. $('#company').html(company);
  106. }
  107. });
  108. parent.layui.submitChild = function () {
  109. window.scrollTo(0,0);
  110. doPrint();
  111. parent.layui.onSubmitChild();
  112. };
  113. function doPrint() {
  114. var $ = layui.$;
  115. document.body.innerHTML=$('#print_div').html();
  116. window.print();
  117. }
  118. });
  119. </script>
  120. </body>
  121. </html>