sale_print.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  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 align="right">单号</td>
  27. <td id="no"></td>
  28. <td align="right">客户</td>
  29. <td id="customer"></td>
  30. <td align="right">手机号</td>
  31. <td id="mobile"></td>
  32. </tr>
  33. <tr>
  34. <td align="right">公司名称</td>
  35. <td id="company_name"></td>
  36. <td align="right">公司电话</td>
  37. <td id="company_tel"></td>
  38. <td align="right">信用代码</td>
  39. <td id="credit_code"></td>
  40. </tr>
  41. <tr>
  42. <td align="right">地址</td>
  43. <td id="address"></td>
  44. <td align="right">状态</td>
  45. <td id="status_text"></td>
  46. <td align="right">审核人</td>
  47. <td id="check_user"></td>
  48. </tr>
  49. <tr>
  50. <td align="right">审核时间</td>
  51. <td id="check_time"></td>
  52. <td align="right">下单时间</td>
  53. <td id="create_time"></td>
  54. <td align="right">备注</td>
  55. <td id="td_notes"></td>
  56. </tr>
  57. </table>
  58. <table class="layui-table">
  59. <tr>
  60. <td colspan="8" align="center" style="font-weight: bold;letter-spacing:8px;">产品明细</td>
  61. </tr>
  62. <tr>
  63. <td align="left" width="60">产品名称</td>
  64. <td align="left" width="60">产品代码</td>
  65. <td align="left" width="60">质量要求</td>
  66. <td align="right" width="30">数量</td>
  67. <td align="right" width="60">单价</td>
  68. <td align="left" width="100">需求时间</td>
  69. </tr>
  70. <tr id="tr_item_total"></tr>
  71. </table>
  72. <table class="table-embed" border='0' width='100%' height="50px">
  73. <tr style="height: 80px;">
  74. <td align="center">制单人签字:__________</td>
  75. <td align="center">审核人签字:__________</td>
  76. <td align="center">财务签字:__________</td>
  77. <td align="center">总经理签字:__________</td>
  78. </tr>
  79. </table>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  87. <script>
  88. layui.config({
  89. base: '../../../layuiadmin/' //静态资源所在路径
  90. }).extend({
  91. index: 'lib/index' //主入口模块
  92. }).use(['index', 'table'], function() {
  93. var $ = layui.$
  94. , admin = layui.admin;
  95. var id = layui.view.getParameterByName('id');
  96. admin.req({
  97. url: '/plan/sale/detail/?id=' + id
  98. , done: function (data) {
  99. var sale_data = data.data.sale_data;
  100. var items = data.data.goods_items;
  101. $('#no').html(sale_data.no);
  102. $('#customer').html(sale_data.name);
  103. $('#company').html(sale_data.company);
  104. $('#mobile').html(sale_data.mobile);
  105. $('#company_name').html(sale_data.company_name);
  106. $('#credit_code').html(sale_data.credit_code);
  107. $('#address').html(sale_data.address);
  108. $('#status_text').html(sale_data.status);
  109. $('#check_user').html(sale_data.check_user);
  110. $('#check_time').html(sale_data.check_time);
  111. $('#create_time').html(sale_data.create_time);
  112. $('#td_notes').html(sale_data.notes);
  113. for (var n in items) {
  114. $('#tr_item_total').before("<tr>\n" +
  115. " <td>" + items[n].name + "</td>\n" +
  116. " <td>" + items[n].model + "</td>\n" +
  117. " <td>" + items[n].quality_request_text + "</td>\n" +
  118. " <td align=\"right\">" + items[n].require_count + "</td>\n" +
  119. " <td align=\"right\">" + items[n].price + "</td>\n" +
  120. " <td width='100'>" + items[n].require_time + "</td>\n" +
  121. " </tr>");
  122. }
  123. }
  124. });
  125. });
  126. parent.layui.submitChild = function () {
  127. window.scrollTo(0,0);
  128. doPrint();
  129. parent.layui.onSubmitChild();
  130. };
  131. function doPrint() {
  132. var $ = layui.$;
  133. document.body.innerHTML=$('#print_div').html();
  134. window.print();
  135. }
  136. </script>
  137. </body>
  138. </html>