3-购物车-结算.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  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>黑龙江昆仑盛和安体检中心</title>
  6. <link rel="stylesheet" type="text/css" href="../style/common.css">
  7. <link rel="stylesheet" type="text/css" href="../style/shop.css">
  8. <!--[if lt IE 9]>
  9. <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  10. <![endif]--><!--窗口自适应适配低端IE-->
  11. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  12. </head>
  13. <body>
  14. <div class="bgF4 h32 lh32">
  15. <div class="wp">
  16. <div class="top_z l">昆仑医疗集团</div>
  17. <div class="topWx y">官方微信&nbsp;</div><div class="y"><a href="#" class="mr20 topYy">预约体检</a><a href="#" class="mr20 topBg">报告查询</a></div><div class="y topLogin mr20"><a href="#"><strong>您好!张橙</strong></a><span></span></div>
  18. </div>
  19. </div>
  20. <div class="h60 bgFF pt25 pb40">
  21. <div class="wp h60 positionR">
  22. <div class="logo l"><img src="../style/logo-n.png" /></div>
  23. <div class="Cart y"><!--当购物车大于0时,输出class="Cart y"--><a href="#"><strong class="l">2</strong><span>我的购物车</span></a></div>
  24. <div class="y mr40"><div class="mt10 f12 c999 text-r">服务电话</div><div class="mt10 f14 c666">400-897-9898</div></div>
  25. <div class="y mr40"><div class="mt10 f12 c999 text-r">中心地址</div><div class="mt10 f14 c666">哈尔滨市南岗区学府路239号 / 英伦名邸1A栋</div></div>
  26. <div class="nav wp">
  27. <ul>
  28. <li><a href="#">首页</a></li>
  29. <li><a href="#">体检套餐</a></li>
  30. <li><a href="#">医技检查</a></li>
  31. <li><a href="#">中心专家</a></li>
  32. <li><a href="#">设备介绍</a></li>
  33. </ul>
  34. <div class="search-box">
  35. <div id="search" class="search">
  36. <form>
  37. <input class="search-input" placeholder="查找体检套餐..." type="search" value="" name="search" id="search">
  38. <input class="search-submit" type="submit" value="">
  39. <span class="icon-search"></span>
  40. </form>
  41. </div>
  42. <script src="../js/classie.js"></script>
  43. <script src="../js/uisearch.js"></script>
  44. <script>
  45. new UISearch( document.getElementById( 'search' ) );
  46. </script>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="wp">
  52. <div class="main bgFF">
  53. <div class="bread-nav"><a href="#" class="index">首页</a><em>/</em><a href="#">我的购物车</a><em>/</em><span>结算</span></div>
  54. <div class="d-view">
  55. <!--如果是体检项,则没有收货人信息
  56. <div class="f14 bgF4 h32 lh32 pl20 mt20">收货人信息(您所购买的商品中包含实物商品,请您填写收货人信息)</div>
  57. <button class="btn">新建收货人信息</button>
  58. <p class="mt15">
  59. <div class="o-rdo">
  60. <input name="n1" checked="checked" type="radio" value="" id="n1" />
  61. <label for="n1">谢广坤</label>
  62. </div>
  63. <div class="f12 lh32">北京市丰台区槐房北路2号院88号楼三单元902室<span class="ml20">18810863696</span><a href="####" class="ml20 cBlue">编辑</a><a href="####" class="ml20 cBlue">删除</a></div>
  64. </p>
  65. <p class="mt15">
  66. <div class="o-rdo">
  67. <input name="n1" type="radio" value="" id="n2" />
  68. <label for="n2">赵玉田</label>
  69. </div>
  70. <div class="f12 lh32">北京市丰台区槐房北路2号院88号楼三单元902室<span class="ml20">18810863696</span><a href="####" class="ml20 cBlue">编辑</a><a href="####" class="ml20 cBlue">删除</a></div>
  71. </p>
  72. <p class="mt15">
  73. <div class="o-rdo">
  74. <input name="n1" type="radio" value="" id="n3" />
  75. <label for="n3">刘能</label>
  76. </div>
  77. <div class="f12 lh32">北京市丰台区槐房北路2号院88号楼三单元902室<span class="ml20">18810863696</span><a href="####" class="ml20 cBlue">编辑</a><a href="####" class="ml20 cBlue">删除</a></div>
  78. </p>-->
  79. <div class="f14 bgF4 h32 lh32 pl20 mt20">商品清单</div>
  80. <table class="tab-1-EEE mt15">
  81. <thead>
  82. <tr>
  83. <td>商品</td>
  84. <td>单价</td>
  85. <td>数量</td>
  86. </tr>
  87. </thead>
  88. <tbody>
  89. <tr>
  90. <td><img src="" class="bor-img w60 h60 l mr5" /><span class="f12 c666">阿斯蒂芬阿斯阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬蒂芬</span></td>
  91. <td>¥500</td>
  92. <td>x2</td>
  93. </tr>
  94. <tr>
  95. <td><img src="" class="bor-img w60 h60 l mr5" /><span class="f12 c666">阿斯蒂芬阿斯阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬蒂芬</span></td>
  96. <td>¥500</td>
  97. <td>x2</td>
  98. </tr>
  99. </tbody>
  100. </table>
  101. <div class="mt20 cOrange f12 fb">购买体检商品后您可以在个人中心直接预约体检时间</div>
  102. <div class="f14 bgF4 h32 lh32 pl20 mt20">发票信息</div>
  103. <div class="tab-fb mt20">
  104. <div class="o-rdo">
  105. <input name="fapiao" checked="checked" type="radio" value="0" id="t1" class="fapiao" />
  106. <label for="t1">不需要发票</label>
  107. </div>
  108. <div class="o-rdo">
  109. <input name="fapiao" type="radio" value="1" id="t2" class="fapiao" />
  110. <label for="t2">需要发票</label>
  111. </div>
  112. </div>
  113. <div class="clearfix"></div>
  114. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  115. <script type="text/javascript">
  116. $(function(){
  117. $(".fapiao").click(function(){
  118. if($(this).attr("value")=="1")
  119. $("#show").show();
  120. else
  121. $("#show").hide();
  122. });
  123. });
  124. </script>
  125. <div class="fp-view" id="show" style="display:none; ">
  126. <h3>发票信息</h3>
  127. <dl><dt>发票抬头:</dt><dd><input name="" type="text" class="txt" /></dd></dl>
  128. <dl><dt>纳税人识别号:</dt><dd><input name="" type="text" class="txt" placeholder="非个人开票请必须填写" /></dd></dl>
  129. <dl><dt>注册地址:</dt><dd><input name="" type="text" class="txt" /></dd></dl>
  130. <dl><dt>注册电话:</dt><dd><input name="" type="text" class="txt" /></dd></dl>
  131. <dl><dt>开户银行:</dt><dd><input name="" type="text" class="txt" /></dd></dl>
  132. <dl><dt>银行账户:</dt><dd><input name="" type="text" class="txt" /></dd></dl>
  133. <dl><dt>发票明细:</dt><dd>体检服务</dd></dl>
  134. <dl><dt>收件人:</dt><dd><input name="" type="text" class="txt" /></dd></dl>
  135. <dl><dt>快递地址:</dt><dd><input name="" type="text" class="txt" /></dd></dl>
  136. <dl><dt>联系电话:</dt><dd><input name="" type="text" class="txt" /></dd></dl>
  137. </div>
  138. <div class="f14 bgF4 h32 lh32 pl20 mt20">支付方式</div>
  139. <div class="clearfix ov-h mt20">
  140. <div class="o-rdo alzf">
  141. <input name="zhifu" checked="checked" type="radio" value="1" id="z1" />
  142. <label for="z1"></label>
  143. </div>
  144. <div class="o-rdo wxzf">
  145. <input name="zhifu" type="radio" value="1" id="z2" />
  146. <label for="z2"></label>
  147. </div>
  148. <div class="o-rdo wyzf">
  149. <input name="zhifu" type="radio" value="1" id="z3" />
  150. <label for="z3"></label>
  151. </div>
  152. </div>
  153. <div class="lineDDD mt20"></div>
  154. <div class="d-view-list">
  155. <div class="clearfix ov-h">
  156. <dl><dt>共计 <em class="cOrange">2</em> 件商品:</dt><dd>¥2000</dd></dl>
  157. <dl><dt>应付金额:</dt><dd>¥2000</dd></dl>
  158. </div>
  159. <div class="h50 mt10 bgF4"><button>支付</button><span class="f24">商品总计:<strong>¥2000</strong></span></div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="wp">
  165. <div class="links">
  166. <p><strong>友情链接:</strong><a href="####">黑龙江省卫计委</a><a href="####">哈尔滨市卫计委</a></p>
  167. </div>
  168. <table class="footer">
  169. <tr>
  170. <td width="390">
  171. <dl>
  172. <dt>中心介绍</dt>
  173. <dd><a href="#">关于我们</a></dd>
  174. <dd><a href="#">设备介绍</a></dd>
  175. <dd><a href="#">中心专家</a></dd>
  176. </dl>
  177. <dl>
  178. <dt>顾客服务</dt>
  179. <dd><a href="#">预约体检</a></dd>
  180. <dd><a href="#">报告查询</a></dd>
  181. <dd><a href="#">常见问题</a></dd>
  182. </dl>
  183. <dl>
  184. <dt>官方商城</dt>
  185. <dd><a href="#">体检套餐</a></dd>
  186. <dd><a href="#">医技检查</a></dd>
  187. <dd><a href="#">订单查询</a></dd>
  188. </dl>
  189. </td>
  190. <td class="news">
  191. <ul>
  192. <li><a href="####">昆仑盛和安体检中心通过安全消防审查</a></li>
  193. <li><a href="####">全国爱牙日来临之际,昆仑盛和安体检中心诚邀您关爱口腔健康</a></li>
  194. <li><a href="####">昆仑医疗集团妇儿医院成功进行奠基仪式</a></li>
  195. </ul>
  196. </td>
  197. <td width="140">
  198. <div class="wx"><img src="../images/qrcode.png" /><p>官方微信</p></div>
  199. </td>
  200. </tr>
  201. </table>
  202. <div class="lineDDD mt30"></div>
  203. <div class="bottom">
  204. <p><strong>黑龙江昆仑盛和安体检中心</strong></p>
  205. <p>黑ICP备 + 黑公网安备 + 黑卫网审</p>
  206. <p>+ 互联网医疗保健信息服务相关证号 +</p>
  207. <p>信息化支持单位:<a href="http://www.pacsonline.cn" target="_blank">北京中世康恺科技有限公司</a></p>
  208. </div>
  209. </div>
  210. <div class="wxPopup"></div>
  211. </body>
  212. </html>