show.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>合同</title>
  6. </head>
  7. <body>
  8. <div class="content">
  9. <div class="title"> 销售合同</div>
  10. <div class="flex-s">
  11. <div class="flex-left">甲方:{$jiafang}</div>
  12. <div class="flex-left" style="width: 500px;text-align: left">合同号:{$no}</div>
  13. </div>
  14. <div class="flex-s">
  15. <div class="flex-left">乙方:苏州屏酷电子商务有限公司 </div>
  16. <div class="flex-left" style="width: 500px;text-align: left">签订日期:{$order.create_time|date='Y-m-d H:i:s',###}</div>
  17. </div>
  18. <div class="flex-s">
  19. <div class="flex-left">兹经甲乙双方同意按照以下条款签订订货合同书:</div>
  20. </div>
  21. <div class="flex-s">
  22. <div class="flex-left bold">一:产品及服务价格(含增值税):</div>
  23. </div>
  24. <div class="tables">
  25. <div class="tables-top">
  26. <div class="name">名称</div>
  27. <div class="name">数量</div>
  28. <div class="name">单价(元)</div>
  29. <div class="name" style="border-right: none">金额</div>
  30. </div>
  31. {foreach name="order.info" item='a'}
  32. <div class="tables-bottom">
  33. <div class="name tops goodsName">{$a.goods_name}-{$a.sku_name}</div>
  34. <div class="name tops">{$a.num}</div>
  35. <div class="name tops">{$a.amount}</div>
  36. <div class="name tops" style="border-right: none">{$a.amount_goods_real}</div>
  37. </div>
  38. <div class="tables-bottom">
  39. <div class="name tops goodsName">{$a.goods_name}-{$a.sku_name}安装</div>
  40. <div class="name tops">{$a.num_install}</div>
  41. <div class="name tops">{:$a['amount_install']>0?bcdiv($a['amount_install'],$a['num_install']):0}</div>
  42. <div class="name tops" style="border-right: none">{$a.amount_install}</div>
  43. </div>
  44. {/foreach}
  45. <div class="tables-bottom">
  46. <div class="name tops">总计金额(元):{$order.amount_pay}</div>
  47. <div class="name tops" style="border-right: none">(大写):{:convertAmountToCn($order['amount_pay'])}</div>
  48. </div>
  49. <div class="tables-bottom">
  50. <div class="name tops">
  51. <span style="float: left;padding: 0 20px;">优惠金额(元):</span>
  52. <span style="float: right;padding: 0 20px;">{$order.amount_discount}</span>
  53. </div>
  54. </div>
  55. </div>
  56. <table>
  57. <thead>
  58. <tr>
  59. <td>名称</td>
  60. <td>数量</td>
  61. <td>单价(元)</td>
  62. <td>金额</td>
  63. </tr>
  64. </thead>
  65. <tbody>
  66. {foreach name="order.info" item='a'}
  67. <tr>
  68. <td>{$a.goods_name}-{$a.sku_name}</td>
  69. <td>{$a.num}</td>
  70. <td>{$a.amount}</td>
  71. <td class="name tops" style="border-right: none">{$a.amount_goods_real}</td>
  72. </tr>
  73. <tr>
  74. <td>{$a.goods_name}-{$a.sku_name}安装</td>
  75. <td>{$a.num_install}</td>
  76. <td>{:$a['amount_install']>0?bcdiv($a['amount_install'],$a['num_install']):0}</td>
  77. <td class="name tops" style="border-right: none">{$a.amount_install}</td>
  78. </tr>
  79. {/foreach}
  80. </tbody>
  81. </table>
  82. <div class="flex-s">
  83. <div class="flex-left bold">二:产品质量及包装要求:</div>
  84. </div>
  85. <div class="views">
  86. 1:产品的质量要求与包装要求:以乙方提供的标准或生产厂家提供的标准为准。
  87. </div>
  88. <div class="views">
  89. 2:甲乙双方对“该产品”的质量产生争议,应当共同委托第三方权威检测机构进行检验,其检验结果是最终的,费用由责任方承担。
  90. </div>
  91. <div class="flex-s">
  92. <div class="flex-left bold">三:付款方式及交货期:</div>
  93. </div>
  94. <div class="views">
  95. 1:甲方在屏酷(ID:{$order.user.username|default='-'})平台上下单支付全款,乙方收到全款之日起两个工作日内发货。若甲方要求乙方适当延后发货,甲方需提供盖章后的书面申请文件,在征得乙方同意后,在合理期限内,乙方予以配合。
  96. </div>
  97. <div class="flex-s" style="width: 1200px;text-align: left">
  98. <div class="flex-1 ">2:收货人:{$order.address.name}</div>
  99. <div class="flex-1 ">联系方式:{$order.address.mobile}</div>
  100. <div class="flex-1 ">交货地点:{$order.address.address}</div>
  101. </div>
  102. <div class="views">
  103. 3:运费承担:乙方安排物流并承担运费。
  104. </div>
  105. <div class="flex-s bold">
  106. 四:验收标准及方法
  107. </div>
  108. <div class="views">
  109. 1:甲方认可在物流签收单上签字者为甲方授权之签收人,该签字作为甲方对收货日期、供货数量、货物质量验收合格的依据。
  110. </div>
  111. <div class="views">
  112. 2:甲方签收前,应对产品的外观及相应功能进行检验,当场开箱并将液晶屏通电点亮,经甲方检验确认签收后视为“该产品”外观及相应功能质量合格。如发现划伤、断裂、凹陷、磕碰、碎屏等外观以及使用不符合要求的产品,甲方应当在当天第一时间通知乙方。乙方在收到甲方通知之日起10个工作日内,对外观不合格及使用有缺陷的“该产品‘’予以更换。若乙方暂无“该产品‘’同型号库存现货用于更换,则双方可协商另期交付或用替代品更换。
  113. </div>
  114. <div class="views">
  115. 3:如果甲方未按照规定要求和规定期限进行验收,且未提出任何异议的,则视为对“该产品”外观质量及功能验收合格。
  116. </div>
  117. <div class="flex-s bold">
  118. 五:保修条款:
  119. </div>
  120. <div class="views">
  121. 保修期为12个月,从货物签收之日起计算;保修期内乙方提供免费维修服务,但因甲方人为因素或使用环境不当等原因引起的产品损坏或故障,甲方承担维修费用。
  122. </div>
  123. <div class="flex-s bold">六:违约责任:</div>
  124. <div class="views">
  125. 1:迟延履约:乙方如未按合同约定按期交货,则逾期每日按照迟延交货部分的“该产品”价款的千分之一向甲方支付迟延履约违约金。甲方如未按合同约定按期付款,则逾期每日按照迟延支付部分的“该产品”价款的千分之一向乙方支付迟延履约违约金,且不免除甲方继续履行合同的义务。
  126. </div>
  127. <div class="views">
  128. 2:终止合同:若甲方超过20个工作日未打款或因甲方原因造成合同无法继续履行,乙方有权终止合同,甲方须支付乙方合同金额的20%作为违约赔偿金,若赔偿金无法覆盖甲方违约给乙方造成的损失,乙方有权进一步向甲方追偿,乙方通过法院起诉,仲裁等途径维权所产生的包括但不限于律师费,诉讼费,保全费等所有费用由甲方承担。
  129. </div>
  130. <div class="flex-s bold">
  131. 七:其他约定:
  132. </div>
  133. <div class="views">
  134. 1:风险的转移:本合同项下“该产品”损毁、丢失的风险在交付甲方之前由乙方承担,在交付甲方之后由甲方承担。
  135. </div>
  136. <div class="views">
  137. 2:“该产品”所有权:在甲方未付清合同全款及交付之前归乙方,甲方付清合同全款及交付之后归甲方。
  138. </div>
  139. <div class="flex-s bold">
  140. 八:诉讼:
  141. </div>
  142. <div class="views">
  143. 凡因执行本合同而引起的一切争议,应由双方通过友好协商来解决。在解决不了时可向乙方所在地人民法院提起诉讼。
  144. </div>
  145. <div class="flex-s bold">
  146. 九:合同的生效、解除和终止:
  147. </div>
  148. <div class="views">
  149. 甲乙双方协商一致可以解除合同。合同有效期内,甲乙双方均不得单方面随意变更或者解除合同。合同如有未尽事宜,需经甲乙双方共同协商,做出补充规定,补充规定和本合同具有同等效力。本合同一式两份,双方各执一份,经双方授权代表签字加盖章之日起生效(传真、扫描件均有效,手改无效)。
  150. </div>
  151. <div class="flex-s">
  152. <div class="flex-left">甲方(盖章):{$tax_name}</div>
  153. <div class="flex-left" style="margin-right: 252px"> 乙方(盖章):苏州屏酷电子商务有限公司</div>
  154. </div>
  155. <div class="flex-s">
  156. <div class="flex-left">纳税人识别号:{$tax_no}</div>
  157. <div class="flex-left" style="margin-right: 238px"> 纳税人识别号:9132 0507 MABN 0GLU 00</div>
  158. </div>
  159. <div class="flex-s">
  160. <div class="flex-left"> 开户行及账号:{$order['tax']['bank_name']|default=''} {$order['tax']['bank_no']|default=''}</div>
  161. <div class="flex-left" style="display: flex;margin-right: 253px"> 开户行及账号:
  162. <div class="flex-left">
  163. <div>
  164. 工商银行苏州高铁新城支行
  165. </div>
  166. <div style="text-align: left;margin-top: 10px">
  167. 1102 2658 0900 0056
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="flex-s">
  173. <div class="flex-left">授权代表:{$order.user.real_name|default=''}</div>
  174. <div class="flex-left"> 联系方式:{$order.user.mobile|default=''}</div>
  175. <div class="flex-left" style="margin-right: 210px;display: flex">
  176. <div class="flex-left"> 授权代表: 周晋 </div>
  177. <div class="flex-left" style="margin-left: 30px"> 联系方式:0512-68029891</div>
  178. </div>
  179. </div>
  180. </div>
  181. </body>
  182. <script>
  183. </script>
  184. <style>
  185. .flex-1{
  186. flex: 1;
  187. font-size: 20px;
  188. }
  189. .bold{
  190. font-weight: bold;
  191. }
  192. .views{
  193. text-align: left;
  194. font-size: 20px;
  195. margin-bottom: 10px;
  196. }
  197. .content{
  198. text-align: center;
  199. padding: 30px 0;
  200. }
  201. .title{
  202. font-size: 40px;
  203. font-weight: bold;
  204. }
  205. .flex-s{
  206. display: flex;
  207. justify-content: space-between;
  208. margin: 20px 0;
  209. font-size: 20px;
  210. }
  211. .tables{
  212. width: 80%;
  213. margin: 0 auto;
  214. /*height: 200px;*/
  215. border: 1px solid #333;
  216. }
  217. .tables-top{
  218. display: flex;
  219. }
  220. .tables-bottom{
  221. display: flex;
  222. }
  223. .name{
  224. flex: 1;
  225. height: 50px;
  226. border-right: 1px solid #333;
  227. line-height: 50px;
  228. font-size: 20px;
  229. }
  230. .tops{
  231. flex: 1;
  232. height: 50px;
  233. border-top: 1px solid #333;
  234. line-height: 50px;
  235. font-size: 20px;
  236. }
  237. .goodsName{
  238. font-size: 15px;
  239. height: auto;
  240. }
  241. </style>
  242. </html>