ViewPurchaseOrder.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>
  6. 查看采购订单
  7. </title>
  8. <link rel="stylesheet" type="text/css" href="../apps/com.awspaas.user.apps.donenow_ivt/base.css">
  9. <link rel="stylesheet" type="text/css" href="../apps/com.awspaas.user.apps.donenow_ivt/bootstrap.min.css">
  10. <link href="../apps/com.awspaas.user.apps.donenow_ivt/index.css" rel="stylesheet">
  11. <link href="../apps/com.awspaas.user.apps.donenow_ivt/style.css" rel="stylesheet">
  12. <style>
  13. label {
  14. font-weight: normal;
  15. font-size: 12px;
  16. }
  17. .lableLeft {
  18. width: 110px;
  19. font-weight: bold;
  20. padding-left: 10px;
  21. text-align: left;
  22. }
  23. .itemTable td {
  24. text-align: left;
  25. border: solid 1px #d3d3d3;
  26. }
  27. .itemTable th {
  28. text-align: center;
  29. border: solid 1px #d3d3d3;
  30. }
  31. .infoTable td {
  32. text-align: left;
  33. vertical-align: top;
  34. }
  35. #tableTitle td {
  36. text-align: left;
  37. }
  38. #tableTitle td:first-child {
  39. text-align: right;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div class="header" style="">查看采购订单</div>
  45. <div class="header-title" style="min-width: 400px;">
  46. <ul>
  47. <li id="Print">
  48. <input type="button" value="打印" onclick="PrintOrder()">
  49. </li>
  50. <li id="Close" onclick="closeDialog()">
  51. <input type="button" value="关闭">
  52. </li>
  53. </ul>
  54. </div>
  55. <form id="form1">
  56. <div style="width: 700px;">
  57. <div style="margin-top: 60px; margin-left: 340px;">
  58. <label style="font-size: 20px;">采购订单</label><br>
  59. </div>
  60. <div style="width: 100%; padding: 20px 20px 20px 40px;">
  61. <!--采购订单信息-->
  62. <table id="tableTitle">
  63. <tbody>
  64. <tr>
  65. <td style="width: 100px;">采购订单号:
  66. </td>
  67. <td>
  68. <#purchase_order_no>
  69. </td>
  70. <td style="text-align: right;">创建人:</td>
  71. <td style="width: 120px;">
  72. <#create_user_name>
  73. </td>
  74. <td style="text-align: right;">创建日期:</td>
  75. <td>
  76. <#create_time>
  77. </td>
  78. </tr>
  79. <tr>
  80. <td style="width: 100px; text-align: right;">外部订单号:</td>
  81. <td>
  82. <#external_purchase_order_no>
  83. </td>
  84. </tr>
  85. <tr style="height: 10px;"></tr>
  86. <tr>
  87. <td>供应商:</td>
  88. <td colspan="7">
  89. <#vendor_name>
  90. </td>
  91. </tr>
  92. <tr>
  93. <td>联系方式:</td>
  94. <td colspan="7">
  95. <#vendor_phone>
  96. </td>
  97. </tr>
  98. <tr style="height: 10px;"></tr>
  99. <tr>
  100. <td>客户名称:</td>
  101. <td colspan="7">
  102. <#account_name>
  103. </td>
  104. </tr>
  105. <tr>
  106. <td>联系方式:</td>
  107. <td colspan="7">
  108. <#account_phone>
  109. </td>
  110. </tr>
  111. <tr style="height: 10px;"></tr>
  112. <tr>
  113. <td>合同:</td>
  114. <td colspan="7">
  115. <#contract>
  116. </td>
  117. </tr>
  118. <tr>
  119. <td>其他信息:</td>
  120. <td colspan="8">
  121. <#other_info>
  122. </td>
  123. </tr>
  124. <tr>
  125. <td>收货地址:</td>
  126. <td colspan="7"></td>
  127. </tr>
  128. <tr>
  129. <td>联系方式:</td>
  130. <td colspan="7">
  131. <#order_phone>
  132. </td>
  133. </tr>
  134. <tr style="height: 10px;"></tr>
  135. <tr>
  136. <td>支付期限:</td>
  137. <td colspan="7">
  138. <label style="width: 100px;">
  139. <#payment_term>
  140. </label>
  141. 配送类型:<label style="width: 100px;">
  142. <#shipping_type>
  143. </label>
  144. 配送日期:<#expected_ship_date>
  145. </td>
  146. </tr>
  147. <tr>
  148. <td>备注:</td>
  149. <td colspan="7">
  150. <#note>
  151. </td>
  152. </tr>
  153. </tbody>
  154. </table>
  155. </div>
  156. <div style="width: 100%; padding: 0 35px 10px 35px;">
  157. <table class="itemTable">
  158. <tbody>
  159. <tr style="background-color: #cecee4;" id="itemTableHeader">
  160. <th style="width: 90px;">产品名称</th>
  161. <th>产品描述</th>
  162. <th>成本</th>
  163. <th>含税成本</th>
  164. <th>采购数量</th>
  165. <th style="width: 70px;">总价</th>
  166. </tr>
  167. <tr>
  168. <td colspan="5" style="text-align: right;">总额</td>
  169. <td style="text-align: right;">
  170. <#total_cost>
  171. </td>
  172. </tr>
  173. </tbody>
  174. </table>
  175. </div>
  176. <div style="padding-left: 50px;">
  177. <label style="font-size: 14px;">总经理:</label><label style="width: 120px;">&nbsp;</label>
  178. <label style="font-size: 14px;">财务:</label><label style="width: 120px;">&nbsp;</label>
  179. <label style="font-size: 14px;">采购:</label><label style="width: 120px;">&nbsp;</label>
  180. <label style="font-size: 14px;">日期:</label><label style="width: 80px;">&nbsp;</label>
  181. </div>
  182. </div>
  183. </form>
  184. <script language="JavaScript" src="../commons/js/jquery/scripts/jquery.js"></script>
  185. <script language="JavaScript" src="../commons/js/awsui.js"></script>
  186. <script src="../apps/com.awspaas.user.apps.donenow_ivt/common.js"></script>
  187. <script src="../apps/com.awspaas.user.apps.donenow_ivt/layer.js" type="text/javascript"></script>
  188. <script>
  189. const items = '<#items>';
  190. $(function () {
  191. var pros = JSON.parse(items);
  192. let html = '';
  193. for (var i = 0; i < pros.length; i++) {
  194. var item = pros[i];
  195. html += "<tr>";
  196. html += "<td>" + item.name + "</td>";
  197. html += "<td>" + item.note + "</td>";
  198. html += "<td>" + item.unit_cost + "</td>";
  199. html += "<td>" + item.tax_cost + "</td>";
  200. html += "<td>" + item.quantity + "</td>";
  201. html += "<td>" + item.total_cost + "</td>";
  202. html += "</tr>";
  203. }
  204. $("#itemTableHeader").after(html);
  205. })
  206. function PrintOrder() {
  207. $(".header").hide();
  208. $(".header-title").hide();
  209. window.print();
  210. $(".header").show();
  211. $(".header-title").show();
  212. }
  213. function closeDialog() {
  214. parent.document.querySelector(".el-overlay>.el-overlay-dialog[aria-label='采购订单']>div.full-center-dialog>.show-close>.el-dialog__headerbtn").click();
  215. }
  216. </script>
  217. </body>
  218. </html>