暂无描述
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

shop_under_order.htm 21KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  1. <!DOCTYPE HTML>
  2. <html>
  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 content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  9. <link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  10. {eyou:static file="users/skin/css/bootstrap.min.css" /}
  11. {eyou:static file="users/skin/css/eyoucms.css" /}
  12. {eyou:static file="users/skin/css/basic.css" /}
  13. {eyou:static file="users/skin/css/shop_under_order.css"/}
  14. {eyou:static file="users/skin/css/element/index.css" /}
  15. {eyou:static file="users/skin/css/e-user.css" /}
  16. {eyou:include file="users/skin/css/diy_css.htm"/}
  17. {eyou:static file="/public/static/common/js/jquery.min.js"/}
  18. {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
  19. {eyou:static file="/public/static/common/js/tag_global.js"/}
  20. <style>
  21. #yezf_balance_tips {
  22. position: absolute;
  23. bottom: 0;
  24. }
  25. #verify_store_name {
  26. font-weight: 700;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="ey-cart-header">
  32. <div class="ey-cart-header-con">
  33. <div class="ey-logo"></div>
  34. <div class="ey-cart-title"><h2>确认订单</h2></div>
  35. <div class="ey-cart-header-r">
  36. {egt name='$php_servicemeal' value='1'}
  37. <div class="right-item user-news">
  38. <a href="{:url('user/UsersNotice/index')}">
  39. <span class="num hide" id="users_unread_num" {gt name="$unread_num" value="0"} style="display: block !important;" {/gt}>{$unread_num}</span>
  40. <span class="icon"><i class="el-icon-bell"></i></span>
  41. </a>
  42. </div>
  43. {/egt}
  44. <div class="right-item user-photo">
  45. <a href="{eyou:Diyurl link='user/Users/index' /}"><img src="{$users.head_pic|get_head_pic=###}"/></a>
  46. <div class="user-drop">
  47. <ul>
  48. <li><a href="{eyou:Diyurl link='user/Users/index' /}">个人中心</a></li>
  49. {eyou:if condition="getUsersConfigData('shop.shop_open') == 1"}
  50. <li><a href="{eyou:Diyurl link='user/Shop/shop_centre' /}">我的订单</a></li>
  51. {/eyou:if}
  52. <li><a href="{eyou:Diyurl link='user/Users/collection_index' /}">我的收藏</a></li>
  53. <li><a href="{eyou:Diyurl link='user/Users/logout' /}">安全退出</a></li>
  54. </ul>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="ey-body-bg">
  61. <div class="ey-body" style="padding: 0;">
  62. <div class="ey-container w1226">
  63. <form action="" name='theForm' id="theForm" method="post">
  64. {eyou:spsubmitorder id="field"}
  65. <div class="mi-checkout page-main">
  66. <div class="container">
  67. <div class="checkout-wrap">
  68. <div class="checkout-main">
  69. <div class="checkout-detail">
  70. <div class="detail-section address-detail">
  71. <div class="ey-con-inside">
  72. {eyou:empty name="$field.PromType"}
  73. <div class="section-options section-shipment">
  74. <div class="options-desc options-header"><div class="title">配送方式</div></div>
  75. <div class="options-desc options-body mt20">
  76. <div class="options-list">
  77. {eyou:if condition="!empty($field.onlyVerify)"}
  78. <span class="delivery-type-item on" {$field.selectVerify}>到店自提<i class="el-icon-check"></i></span>
  79. {eyou:elseif condition="!empty($field.onlyDelivery)"/}
  80. <span class="delivery-type-item on" {$field.selectDelivery}>快递配送<i class="el-icon-check"></i></span>
  81. {eyou:elseif condition="!empty($field.allLogisticsType)"/}
  82. <span class="delivery-type-item on" {$field.selectDelivery}>快递配送<i class="el-icon-check"></i></span>
  83. <span class="delivery-type-item" {$field.selectVerify}>到店自提<i class="el-icon-check"></i></span>
  84. {/eyou:if}
  85. </div>
  86. </div>
  87. </div>
  88. <div class="column-title line30 mb20" {$field.selectVerifyID}>
  89. <div class="column-name mb10"><a href="JavaScript:void(0);" onclick="selectVerifyStore(false);" class="el-button el-button--primary el-button--small">选择自提门店</a></div>
  90. <div id="verify_store_name"></div>
  91. </div>
  92. <div class="el-row" {$field.selectVerifyInfo}>
  93. <div class="el-row">
  94. <label class="el-form-item__label" style="width: 100px;">姓名</label>
  95. <input class="form-control" type="text" name="buyer" autocomplete="off" style="width: 300px;">
  96. </div>
  97. <div class="el-row">
  98. <label class="el-form-item__label" style="width: 100px;">预留手机号</label>
  99. <input class="form-control" type="text" name="phone" style="width: 300px;" autocomplete="off" maxlength="11" onkeyup="this.value=this.value.replace(/[^\d]/g, '');" onpaste="this.value=this.value.replace(/[^\d]/g, '');">
  100. </div>
  101. </div>
  102. <div {$field.selectDeliveryAddress}>
  103. {notempty name="$field.shop_prompt"}<div class="mb20 red">温馨提示:{$field.shop_prompt}</div>{/notempty}
  104. <div style="padding: 0 0 14px 0;" class="address-list show-less-list" {$field.UlHtmlId}>
  105. {eyou:spaddress id="addr_field" key="addr_i"}
  106. {$addr_field.DefaultHidden}
  107. <div class="address-item" {$addr_field.SelectEd} {$addr_field.ul_il_id} style="{eyou:gt name='$addr_i' value='4'}display: none;{/eyou:gt}">
  108. <div class="address-info">
  109. <div class="name" {$addr_field.ConsigneeId}>{$addr_field.consignee}</div>
  110. <div class="tel" {$addr_field.MobileId}>{$addr_field.mobile}</div>
  111. <div class="address-con">
  112. <span {$addr_field.InfoId}>{$addr_field.Info}</span>
  113. <span class="info" {$addr_field.AddressId}>{$addr_field.address}</span>
  114. </div>
  115. <div class="address-action">
  116. <span {$addr_field.ShopEditAddr}>修改</span>
  117. <span {$addr_field.ShopDelAddr}>删除</span>
  118. </div>
  119. </div>
  120. <div class="address-info-solt" style="display: none;"></div>
  121. </div>
  122. {/eyou:spaddress}
  123. <div class="address-item" {$field.ShopAddAddr} style="{eyou:egt name='$addr_i' value='4'}display: none;{/eyou:egt}">
  124. <div class="add-desc"><i class="iconfont iconfont-plus"></i><span>添加新地址</span></div>
  125. </div>
  126. <div class="more-btn" id="addressShowHide" data-showhide="hide" style="display: none;"><span>显示更多地址<i class="iconfont-normal"></i></span></div>
  127. </div>
  128. </div>
  129. {eyou:else/}
  130. <div class="el-row">
  131. <!-- 虚拟商品提示信息 -->
  132. <div class="el-row">
  133. <div class="mb20 red">
  134. 该商品为虚拟商品,仅支持在线支付且无需选择收货地址及运费计算。若商品是充值类商品,请将您的手机号或需充值的卡号填入留言中。
  135. </div>
  136. </div>
  137. </div>
  138. {/eyou:empty}
  139. </div>
  140. </div>
  141. <div class="detail-section">
  142. <div class="detail-header" id="goods-list_html">商品</div>
  143. <div class="goods-list">
  144. {eyou:spordergoods id="goods"}
  145. <div class="good-item">
  146. <div class="item-desc good-img"><img src="{$goods.litpic}"></div>
  147. <div class="item-desc good-name">
  148. <a href="{$goods.arcurl}" >
  149. <span>{$goods.title}&nbsp; {eyou:volist name='$goods.product_spec_list' id='spec'}{$spec.value}&nbsp;{/eyou:volist}</span>
  150. </a>
  151. </div>
  152. <div class="item-desc price-box">
  153. <div class="item-desc good-price">{$goods.users_price}元 x {$goods.product_num}</div>
  154. <div class="item-desc good-status"></div>
  155. <div class="item-desc good-total">{$goods.subtotal}元</div>
  156. </div>
  157. </div>
  158. {$goods.ProductHidden}
  159. {/eyou:spordergoods}
  160. </div>
  161. </div>
  162. <div class="confirm-pay">
  163. <div class="section section-payment">
  164. <div class="payment-box">
  165. <div class="payment-header clearfix">
  166. <div class="title" style="color: #333; font-size: 18px; line-height: 38px; font-weight: normal;">{eyou:eq name="$field.use_pay_type" value="0"}未开启支付方式{eyou:else/}支付方式{/eyou:eq}</div>
  167. </div>
  168. <div class="payment-body">
  169. {$field.PayTypeHidden}
  170. <div class="pay-type">
  171. <div class="li_div">
  172. <div class="pay-con" style="overflow: hidden; padding: 10px 0; display: flex; flex-direction: row;">
  173. {eyou:sppayapilist id='vo'}
  174. {eyou:notempty name="$vo.pay_id"}
  175. <div>
  176. <div class="pay-type-item" data-type="zxzf_{$vo.pay_mark}" onclick="selectPayType(this);">
  177. <img src="{$vo.pay_img}" alt="{$vo.pay_name}"> <i class="el-icon-check"></i>
  178. </div>
  179. </div>
  180. {/eyou:notempty}
  181. {$vo.hidden}
  182. {/eyou:sppayapilist}
  183. <input type="hidden" id="PayID">
  184. <input type="hidden" id="PayMark">
  185. <input type="hidden" id="PayType">
  186. {eyou:if condition="empty($field.shop_open_offline) && empty($field.PromType)"}
  187. <div>
  188. <div class="pay-type-item" data-type="hdfk_payOnDelivery" onclick="selectPayType(this);">
  189. <img src="{eyou:static file='users/skin/images/pay_hdfk.png' /}" alt="货到付款">
  190. <i class="el-icon-check"></i>
  191. </div>
  192. </div>
  193. {/eyou:if}
  194. {eyou:eq name="$field.pay_balance_open" value="1"}
  195. <div>
  196. <div class="pay-type-item" data-type="yezf_balance" onclick="selectPayType(this);">
  197. <img src="{eyou:static file='users/skin/images/pay_yiyou.png' /}" alt="余额支付">
  198. <i class="el-icon-check"></i>
  199. </div>
  200. <div class="fc9 " id="yezf_balance_tips" style="display: none;">可用{$field.UsersMoney}元</div>
  201. {/eyou:eq}
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. <div class="detail-section count-detail">
  210. <div class="section-message">
  211. <textarea class="el-textarea__inner" rows="3" name="message" placeholder="给商家留言,选填"></textarea>
  212. </div>
  213. <div class="section-bill">
  214. {$field.TotalAmountOld}
  215. <div class="bill-item">
  216. <div class="bill-name">商品件数:</div>
  217. <div class="bill-money">{$field.TotalNumber}件</div>
  218. </div>
  219. <div class="bill-item">
  220. <div class="bill-name">商品总价:</div>
  221. <div class="bill-money"><span>{$field.TotalAmount}</span>元</div>
  222. </div>
  223. <div class="bill-item">
  224. <div class="bill-name">运费:</div>
  225. <div class="bill-money">{$field.ShippingMoney} 元</div>
  226. </div>
  227. <div class="bill-item total-price">
  228. <div class="bill-name">应付总额:</div>
  229. <div class="bill-money"><em {$field.TotalAmountId}>{$field.TotalAmount}</em>元</div>
  230. </div>
  231. </div>
  232. </div>
  233. <div class="detail-section footer-detail clearfix">
  234. <div class="handle-action">
  235. <div class="operating-button">
  236. <a href="javascript:void(0);" class="btn btn-primary" {$field.ShopPaymentPage} >去结算</a>
  237. {eyou:eq name="$field.submit_order_type" value="0"}
  238. <a href="{$field.ReturnCartUrl}" class="btn btn-return">返回购物车</a>
  239. {/eyou:eq}
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. {$field.TokenValue}
  249. {$field.hidden}
  250. {/eyou:spsubmitorder}
  251. </form>
  252. </div>
  253. </div>
  254. </div>
  255. {eyou:static file="users/skin/js/shop_under_order.js"/}
  256. {eyou:include file="users/users_footer.htm" /}