zhengxifeng
/
zc100
Sledovat 1
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Activity
Bez popisu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
6 Revize
3 Větve
Strom: 770368dfb4
Větve Značky
${ item.name }
Create branch ${ searchTerm }
from '770368dfb4'
${ noResults }
zc100/template/mobile/users/shop_under_order.htm

shop_under_order.htm 18KB
Historie Surový

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276 
  1. <!DOCTYPE HTML>

  2. <html>

  3.     <head>

  4.         <meta charset="utf-8" />

  5.         <title>下单页-{eyou:global name='web_name' /}</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.         <!-- 新样式 2020-12-8 -->

  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.         <style type="text/css">

  18.             .tabs {

  19.                 display: flex;

  20.                 justify-content: center;

  21.             }

  22.             .tab {

  23.                 flex: 1;

  24.                 text-align: center;

  25.                 height: 38px;

  26.                 line-height: 38px;

  27.                 font-size: 15px;

  28.                 color: #000;

  29.                 background: #f0f0f0;

  30.                 border-top-right-radius: 4px;

  31.                 border-top-left-radius: 4px;

  32.             }

  33.             .tab.active {

  34.                 background: #ffc169;

  35.                 color: #fff;

  36.             }

  37.            

  38.             .tabContent {

  39.                 display: none;

  40.                 padding: 10px;

  41.             }

  42.             .tabContent.active {

  43.                 display: block;

  44.             }

  45.         </style>

  46.         {eyou:static file="/public/static/common/js/jquery.min.js"/}

  47.         {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}

  48.         {eyou:static file="/public/static/common/js/tag_global.js"/}

  49.         {eyou:static file="/public/static/common/js/mobile_global.js"/}

  50.     </head>

  51. 

  52.     <body>

  53.         {eyou:include file="users/users_header.htm" /}

  54.         <div class="ey-header-status">

  55.             <div class="header-status-l"><a href="javascript:history.go(-1);"><i class="el-icon-arrow-left"></i></a></div>

  56.             <div class="header-status-m">提交订单</div>

  57.             <div class="header-status-r"><a href="{eyou:url link='user/Users/index' /}"><i class="el-icon-user"></i></a></div>

  58.         </div>

  59. 

  60.         <div class="h50"></div>

  61.         <div class="ey-container">

  62.             <div class="el-row">

  63.                 <div data-plugin="selectable" data-selectable="selectable">

  64.                     <form name='theForm' id="theForm" method="post">

  65.                     {eyou:spsubmitorder id="field"}

  66.                         <div class="el-row p10 bgfff mt10">

  67.                             {eyou:empty name="$field.PromType"}

  68.                                 {eyou:if condition="!empty($field.onlyVerify)"}

  69.                                 <div class="column-title">

  70.                                     <div class="column-name" {$field.selectVerify}>到店自提</div>

  71.                                 </div>

  72.                                 {eyou:elseif condition="!empty($field.onlyDelivery)"/}

  73.                                 <div class="column-title">

  74.                                     <div class="column-name" {$field.selectDelivery}>快递配送</div>

  75.                                 </div>

  76.                                 {eyou:elseif condition="!empty($field.allLogisticsType)"/}

  77.                                 <div class="tabs">

  78.                                     <div class="tab active" {$field.selectDelivery}>快递配送</div>

  79.                                     <div class="tab" {$field.selectVerify}>到店自提</div>

  80.                                 </div>

  81.                                 {/eyou:if}

  82.                                 <div class="tabContents">

  83.                                     <!-- 到店自提 -->

  84.                                     <div class="ey-row-box" {$field.selectVerifyID}>

  85.                                         <div class="wb100 pt10 pb20">

  86.                                             <a href="JavaScript:void(0);" onclick="selectVerifyStore(false);" class="wb100 f16 block">请选择自提门店<span class="fr"><i class="el-icon-arrow-right"></i></span></a>

  87.                                         </div>

  88.                                     </div>

  89.                                     <div {$field.selectVerifyInfo} style="display: none;">

  90.                                         <ul class="address-con pd0">

  91.                                             <li class="el-col el-col-24" >

  92.                                                 <div class="address-item flex box" onclick="selectVerifyStore(false);">

  93.                                                     <div class="address-item-l">

  94.                                                         <div class="txt-row f16 fb"><span id="verify_store_name"></span></div>

  95.                                                         <div class="txt-row"><span id="verify_prov_city_area"></span></div>

  96.                                                         <div class="txt-row"><span class="info" id="verify_store_address"></span></div>

  97.                                                     </div>

  98.                                                     <div class="address-item-r">

  99.                                                         <i class="el-icon-arrow-right"></i>

  100.                                                     </div>

  101.                                                 </div>

  102.                                             </li>

  103.                                         </ul>

  104.                                         <div class="mt5">

  105.                                             <div class="el-row block">

  106.                                                 <input class="form-control wb100" type="text" name="buyer" placeholder="预留姓名">

  107.                                             </div>

  108.                                             <div class="el-row block mt10">

  109.                                                 <input class="form-control wb100" type="text" name="phone" autocomplete="off" maxlength="11" onkeyup="this.value=this.value.replace(/[^\d]/g, '');" onpaste="this.value=this.value.replace(/[^\d]/g, '');" placeholder="预留手机号">

  110.                                             </div>

  111.                                         </div>

  112.                                     </div>

  113.                                     <!-- 到店自提 end -->

  114.                                     <!-- 快递配送 -->

  115.                                     {eyou:empty name="$field.ShopAddressInfo"}

  116.                                     <div class="ey-row-box mt20" {$field.selectDeliveryID}>

  117.                                         <div class="wb100 pt10 pb20">

  118.                                             <a href="JavaScript:void(0);" {$field.goAddressList} class="wb100 f16 block">请设置收货地址<span class="fr"><i class="el-icon-arrow-right"></i></span></a>

  119.                                         </div>

  120.                                     </div>

  121.                                     {eyou:else/}

  122.                                     <ul class="address-con" {$field.selectDeliveryAddress}>

  123.                                         {eyou:volist name='$field.ShopAddressInfo' id='addr_field'}

  124.                                             <input type="hidden" name="addr_id" id="addr_id" value="{$addr_field.addr_id}">

  125.                                             <li class="el-col el-col-24" {$addr_field.ul_il_id}>

  126.                                                 <div class="address-item flex" {$field.goAddressList}>

  127.                                                     <div class="address-item-l">

  128.                                                         <div class="txt-row f16">

  129.                                                             <span id="addr_consignee">{$addr_field.consignee}</span>

  130.                                                             <span id="addr_mobile">{$addr_field.mobile}</span>

  131.                                                         </div>

  132.                                                         <div class="txt-row"><span id="addr_Info">{$addr_field.Info}</span></div>

  133.                                                         <div class="txt-row"><span class="info" id="addr_address">{$addr_field.address}</span></div>

  134.                                                     </div>

  135.                                                     <div class="address-item-r">

  136.                                                         <i class="el-icon-arrow-right"></i>

  137.                                                     </div>

  138.                                                 </div>

  139.                                             </li>

  140.                                         {/eyou:volist}

  141.                                     </ul>

  142.                                     {/eyou:empty}

  143.                                     <!-- 快递配送 end -->

  144.                                 </div>

  145.                                 {eyou:if condition="empty($field.onlyVerify) && !empty($field.shop_prompt)"}

  146.                                 <!-- [商城中心]-[商城配置]-[商家提示] -->

  147.                                 <div class="ey-row pd0 bgfff" id="shop_prompt">

  148.                                     <div class="el-row">

  149.                                         <div class="red">温馨提示：{$field.shop_prompt}</div>

  150.                                     </div>

  151.                                 </div>

  152.                                 {/eyou:if}

  153.                             {eyou:else/}

  154.                                 <div class="ey-row bgfff">

  155.                                 <!-- 虚拟商品提示信息 -->

  156.                                     <div class="el-row"> 

  157.                                         <div class="red"> 该商品为虚拟商品，仅支持在线支付且无需选择收货地址及运费计算。若商品是充值类商品，请将您的手机号或需充值的卡号填入留言中。 </div> 

  158.                                     </div>

  159.                                 </div>

  160.                             {/eyou:empty}

  161.                         </div>

  162. 

  163.                         <div class="el-row p10 bgfff mt10">

  164.                             <div class="column-title"><div class="column-name">商品信息</div></div>

  165.                             <div class="mt20 mb10 order-goods goods-con">

  166.                                 <div class="goods-item">

  167.                                     <div class="item-main">

  168.                                         <!-- 获取订单商品 -->

  169.                                         {eyou:spordergoods id="shop_field"}

  170.                                         <div class="item-con">

  171.                                             <div class="item-con-l"><a href="{$shop_field.arcurl}" class="pro-pic"><img src="{$shop_field.litpic}"></a></div>

  172.                                             <div class="item-con-m">

  173.                                                 <a href="{$shop_field.arcurl}">{$shop_field.title}</a>

  174.                                                 <div class="info mt5">{$shop_field.product_spec}</div>

  175.                                                 <div class="price-info mt5"><span class="users_price"><i class="f12">￥</i>{$shop_field.users_price}</span><span class="product_num"><i class="f12">x</i>{$shop_field.product_num}</span></div>

  176.                                             </div>

  177.                                         </div>

  178.                                         {$shop_field.ProductHidden}

  179.                                         {/eyou:spordergoods}

  180.                                     </div>

  181.                                 </div>

  182.                             </div>

  183.                         </div>

  184. 

  185.                         {notempty name="$field.TotalAmount"}

  186.                         <div class="el-row p10 bgfff mt10">

  187.                             <div class="column-title">

  188.                                 <div class="column-name">{eyou:eq name="$field.use_pay_type" value="0"}未开启支付方式{eyou:else/}支付方式{/eyou:eq}</div>

  189.                             </div>

  190.                             {$field.PayTypeHidden}

  191.                             <div class="pay-type">

  192.                                 <div class="li_div">

  193.                                     <div class="pay-con pt10 pb10">

  194.                                         <!-- 支付API列表，套板请务必将整块代码一起复制，包含隐藏域 -->

  195.                                         {eyou:sppayapilist id='vo'}

  196.                                         {eyou:notempty name="$vo.pay_id"}

  197.                                         <label class="radio-label pt10 pb10 pl0 e-label mb0 radio-label-flex phpSelectPayRadio" data-id="{$vo.pay_id}" data-type="zxzf_{$vo.pay_mark}" onclick="selectPayType(this);">

  198.                                             <span><img class="pay_img" src="{$vo.pay_img}" alt="{$vo.pay_name}">{$vo.pay_name} </span>

  199.                                             <input class="radio" type="radio" name='pay_id' value="{$vo.pay_id}" {eyou:eq name="$key" value="0"} checked {/eyou:eq}>

  200.                                             <span class="check-mark ri0"></span>

  201.                                         </label>

  202.                                         {/eyou:notempty}

  203.                                         {$vo.hidden}

  204.                                         {/eyou:sppayapilist}

  205.                                         <input type="hidden" id="PayID">

  206.                                         <input type="hidden" id="PayMark">

  207.                                         <input type="hidden" id="PayType">

  208.                                         <!-- END -->

  209. 

  210.                                         {eyou:if condition="empty($field.shop_open_offline) && empty($field.PromType) && empty($field.onlyVerify)"}

  211.                                         <label class="radio-label pt10 pb10 pl0 mb0 e-label radio-label-flex phpSelectPayRadio" data-type="hdfk_payOnDelivery" onclick="selectPayType(this);">

  212.                                             <span><img class="pay_img" src="{eyou:static file='users/skin/images/hdfk.png' /}" alt="货到付款">货到付款 </span>

  213.                                             <input class="radio" type="radio" name='pay_id' value="0">

  214.                                             <span class="check-mark ri0"></span>

  215.                                         </label>

  216.                                         {/eyou:if}

  217. 

  218.                                         {eyou:eq name="$field.pay_balance_open" value="1"}

  219.                                         <label class="radio-label pt10 pb10 pl0 mb0 e-label radio-label-flex phpSelectPayRadio" data-type="yezf_balance" onclick="selectPayType(this);">

  220.                                             <span><img class="pay_img" src="{eyou:static file='users/skin/images/pay_yiyou.png' /}" alt="余额支付">余额支付 <span class="fc9 f14">可用{$field.UsersMoney} 元</span></span>

  221.                                             <input class="radio" type="radio" name='pay_id' value="0">

  222.                                             <span class="check-mark ri0"></span>

  223.                                         </label>

  224.                                         {/eyou:eq}

  225.                                     </div>

  226.                                 </div>

  227.                             </div>

  228.                         </div>

  229.                         {/notempty}

  230. 

  231.                         <div class="el-row p10 bgfff mt10">

  232.                             <div class="column-title">

  233.                                 <div class="column-name">留言备注</div>

  234.                             </div>

  235.                             <div class="mt10 mb10">

  236.                                 <textarea class="el-textarea__inner" rows="3" name="message" placeholder="给商家留言，选填"></textarea>

  237.                             </div>

  238.                         </div>

  239. 

  240.                         <div class="el-row p10 bgfff mt10">

  241.                             <div class="order-cell pt10">

  242.                                 <div class="tit">商品金额</div>

  243.                                 <div class="box"><span class="unit">¥</span><span class="money">{$field.TotalAmount}</span></div>

  244.                             </div>

  245.                             <div class="order-cell">

  246.                                 <div class="tit">快递费用</div>

  247.                                 <div class="box"><span class="money">{$field.Shipping}</span></div>

  248.                             </div>

  249.                         </div>

  250. 

  251.                         <div class="h50"></div>

  252.                         <div class="shopcar-footer">

  253.                             {$field.TotalAmountOld}

  254.                             <div class="shopcar-footer-l">共{$field.TotalNumber}件商品 <span class="ml10 price">合计:<i>￥</i><em {$field.TotalAmountId}>{$field.TotalAmount}</em></span></div>

  255.                             <div class="shopcar-footer-r">

  256.                                 

  257.                                 {eyou:eq name="is_wechat" value='2'}

  258.                                 <input type="button" name="submit" value="提交订单" class="el-button el-button--primary el-button--medium" {$field.ShopPaymentPage}>

  259.                                 {eyou:else/}

  260.                                 <input type="button" name="submit" value="提交订单" class="el-button el-button--primary el-button--medium" {$field.wechatJsApiPay}>

  261.                                 {/eyou:eq}

  262.                             </div>

  263.                         </div>

  264.                         {$field.TokenValue}

  265.                         {$field.hidden}

  266.                     {/eyou:spsubmitorder}

  267.                     </form>

  268.                 </div>

  269.             </div>

  270.             <input type="hidden" id="unified_id">

  271.             <input type="hidden" id="unified_number">

  272.             <input type="hidden" id="transaction_type">

  273.         </div>

  274.         {eyou:static file="users/skin/js/shop_under_order.js"/}

  275.     </body>

  276. </html>