RFQ_form.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{{ title }}</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <link rel="stylesheet" href="../static/css/bootstrap.min.css">
  8. <script src="../static/js/jquery.min.js"></script>
  9. <script src="../static/js/popper.min.js"></script>
  10. <script src="../static/js/bootstrap.min.js"></script>
  11. <link rel="stylesheet" href="../static/css/font-awesome.min.css">
  12. </head>
  13. <script>
  14. var PR_Form_number = '{{PR_Form_number}}';
  15. console.log("PR_Form_number: " + PR_Form_number);
  16. var RFQ_datas_sn = 0;
  17. console.log("RFQ_datas_sn: " + RFQ_datas_sn);
  18. </script>
  19. <style>
  20. .input-cond-delete {
  21. background: #E43030;
  22. border: 1px solid #CFCFCF;
  23. box-sizing: border-box;
  24. border-radius: 5px;
  25. margin-left: 5px;
  26. width: 65px;
  27. height: 33px;
  28. font-size: 16px;
  29. text-align: center;
  30. line-height: 16px;
  31. color: #FFFFFF;
  32. }
  33. .input-cond-add {
  34. background: #008CBA;
  35. border: 1px solid #CFCFCF;
  36. box-sizing: border-box;
  37. border-radius: 5px;
  38. margin-left: 5px;
  39. width: 65px;
  40. height: 33px;
  41. font-size: 16px;
  42. text-align: center;
  43. line-height: 16px;
  44. color: #FFFFFF;
  45. }
  46. .table_dark_bg {
  47. background-color: rgb(102, 102, 102);
  48. color: #FFF;
  49. font-weight: bold;
  50. }
  51. .table_RFQ_title {
  52. font-weight: bold;
  53. }
  54. .table-css {
  55. border: 1px solid #dee2e6;
  56. width: 100%;
  57. }
  58. .table-css td,th {
  59. padding: 0.5rem;
  60. }
  61. </style>
  62. <body>
  63. <table class="table-css table-bordered" style="font-size: 14px; padding: 0.5rem;">
  64. {% for sup in sup_datas %}
  65. <tr>
  66. <td colspan="11" style="text-align: center; font-size: 12px;">
  67. <img src="../static/img/ALMIGHTY_RAY.jpg" width="90px"><br>
  68. 瑞智精技股份有限公司<br>
  69. 台北市南港區南港路一段 287 巷 2 弄 8 號<br>
  70. service.gitc@gmail.com<br>
  71. (02) 2788 - 8158<br>
  72. </td>
  73. </tr>
  74. <tr>
  75. <td colspan="11" class="table_dark_bg" style="text-align: center;">詢價單</td>
  76. </tr>
  77. <tr>
  78. <td colspan="7">
  79. <span class="table_RFQ_title">僅致 : </span>
  80. <span id="RFQ_sup_company">{{sup[0]}}</span>
  81. </td>
  82. <td colspan="4">
  83. <span class="table_RFQ_title">統一編號 : </span>
  84. {% if sup[6] == None %}
  85. <span></span>
  86. {% else %}
  87. <span>{{sup[6]}}</span>
  88. {% endif %}
  89. </td>
  90. </tr>
  91. <tr>
  92. <td colspan="7">
  93. <span class="table_RFQ_title">聯絡人 : </span>
  94. {% if sup[1] == None %}
  95. <span></span>
  96. {% else %}
  97. <span>{{sup[1]}}</span>
  98. {% endif %}
  99. </td>
  100. <td colspan="4">
  101. <span class="table_RFQ_title"></span>
  102. <span id=""></span>
  103. </td>
  104. </tr>
  105. <tr>
  106. <td colspan="7">
  107. <span class="table_RFQ_title">地址 : </span>
  108. {% if sup[2] == None %}
  109. <span></span>
  110. {% else %}
  111. <span>{{sup[2]}}</span>
  112. {% endif %}
  113. </td>
  114. <td colspan="4">
  115. <span class="table_RFQ_title">日期 : </span>
  116. <span id=""></span>
  117. </td>
  118. </tr>
  119. <tr>
  120. <td colspan="7">
  121. <span class="table_RFQ_title">電話 : </span>
  122. {% if sup[3] == None %}
  123. <span></span>
  124. {% else %}
  125. <span>{{sup[3]}}</span>
  126. {% endif %}
  127. </td>
  128. <td colspan="4">
  129. <span class="table_RFQ_title">廠商編號 : </span>
  130. {% if sup[7] == None %}
  131. <span></span>
  132. {% else %}
  133. <span>{{sup[7]}}</span>
  134. {% endif %}
  135. </td>
  136. </tr>
  137. <tr>
  138. <td colspan="7">
  139. <span class="table_RFQ_title">傳真 : </span>
  140. {% if sup[4] == None %}
  141. <span></span>
  142. {% else %}
  143. <span>{{sup[4]}}</span>
  144. {% endif %}
  145. </td>
  146. <td colspan="4">
  147. <span class="table_RFQ_title">請購單號 : </span>
  148. <span id="">請購單號</span>
  149. </td>
  150. </tr>
  151. <tr>
  152. <td colspan="7">
  153. <span class="table_RFQ_title">email : </span>
  154. {% if sup[5] == None %}
  155. <span></span>
  156. {% else %}
  157. <span>{{sup[5]}}</span>
  158. {% endif %}
  159. </td>
  160. <td colspan="4">
  161. <span class="table_RFQ_title">詢價單號 : </span>
  162. <span id="">詢價單號</span>
  163. </td>
  164. </tr>
  165. {% endfor %}
  166. <tr class="table_dark_bg" style="text-align: center;">
  167. <th>編號</th>
  168. <th>內部料號</th>
  169. <th>零件名稱</th>
  170. <th>原廠料號</th>
  171. <th>圖號</th>
  172. <th>幣別</th>
  173. <th>單價</th>
  174. <th>數量</th>
  175. <th>單位</th>
  176. <th>總價</th>
  177. <th>備註</th>
  178. </tr>
  179. {% for PR in PR_datas %}
  180. <tr style="text-align: center;">
  181. <td id="{{PR[0]}}_RFQ_sn">no.</td>
  182. <td>{{PR[0]}}</td>
  183. <td>{{PR[1]}}</td>
  184. <td>{{PR[2]}}</td>
  185. <td>{{PR[3]}}</td>
  186. <td></td>
  187. <td></td>
  188. <td>{{PR[4]}}</td>
  189. <td>{{PR[5]}}</td>
  190. <td></td>
  191. <td></td>
  192. </tr>
  193. <script>
  194. RFQ_datas_sn = RFQ_datas_sn+1;
  195. // console.log("[++]RFQ_datas_sn: " + RFQ_datas_sn);
  196. $("#{{PR[0]}}_RFQ_sn").text(RFQ_datas_sn);
  197. </script>
  198. {% endfor %}
  199. <tr style="text-align: center;">
  200. <td colspan="7" rowspan="3"></td>
  201. <td>合計</td>
  202. <td colspan="3" style="text-align: right;"></td>
  203. </tr>
  204. <tr style="text-align: center;">
  205. <td>稅額</td>
  206. <td colspan="3" style="text-align: right;"></td>
  207. </tr>
  208. <tr style="text-align: center;">
  209. <td>總計</td>
  210. <td colspan="3" style="text-align: right;"></td>
  211. </tr>
  212. </table>
  213. </body>
  214. </html>