Files
littleTiger/template/mobile/rainbow/cart/cart2.html
2019-02-28 19:48:21 +08:00

1469 lines
67 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<include file="public/header" title="填写订单" body="g4"/>
<include file="public/header_nav" title="填写订单" href="javascript:void(0);" back="back"/>
<script src="__PUBLIC__/js/md5.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/date.js"></script>
<script type="text/javascript" src="//api.map.baidu.com/api?ak=iR2qhnXd5vrFI9wUuIRG9AWGIqykVNok&type=lite&v=1.0"></script>
<div id="wrapBody">
<div id="pagePay">
<form name="cart2_form" id="cart2_form" method="post">
<input type="hidden" name="is_virtual" value="{$cartList[0]['goods']['is_virtual']?$cartList[0]['goods']['is_virtual']:0}">
<input type="hidden" name="coupon_id" value=""/>
<input type="hidden" id="wap_invoice_title" name="invoice_title" value="个人">
<input type="hidden" id="wap_taxpayer" name="taxpayer" value="">
<input type="hidden" id="invoice_desc" name="invoice_desc" value="商品明细">
<input type="hidden" name="address_id" value="" autocomplete="off"/> <!--收货地址id-->
<input type="hidden" name="pay_points" value="" autocomplete="off">
<input type="hidden" name="user_money" value="" autocomplete="off">
<input type="hidden" name="auth_code" value="{$Think.config.AUTH_CODE}"/>
<!--立即购买才会用到-s-->
<input type="hidden" name="action" value="{$Request.param.action}">
<input type="hidden" name="goods_id" value="{$Request.param.goods_id}">
<input type="hidden" name="item_id" value="{$Request.param.item_id}">
<input type="hidden" name="goods_num" value="{$Request.param.goods_num}">
<!--立即购买才会用到-e-->
<input type="hidden" name="pay_pwd" value=""/>
<input type="hidden" name="user_note" value="">
<input type="hidden" name="consignee" value="">
<input type="hidden" name="mobile" value="">
<input type="hidden" name="shop_id" value="">
<input type="hidden" name="take_time" value="">
</form>
<!--地址-s-->
<div class="edit_gtfix shipping_div" id="addressDefault">
<div class="namephone fl">
<div class="top">
<div class="le fl" id="default_address_consignee"></div>
<div class="lr fl" id="default_address_mobile"></div>
</div>
<div class="bot">
<i class="dwgp"></i>
<span id="default_address_text"></span>
</div>
</div>
<div class="fr youjter">
<i class="Mright"></i>
</div>
<div class="ttrebu">
<img src="__STATIC__/images/tt.png"/>
</div>
</div>
<!--地址-e-->
<!--商品信息-s-->
<div class="ord_list fill-orderlist p">
<div class="maleri30">
<volist name="cartList" id="cart">
<div class="shopprice">
<div class="img_or fl"><img src="{$cart[goods_id]|goods_thum_images=100,100,$cart[item_id]}"/></div>
<div class="fon_or fl">
<h2 class="similar-product-text">{$cart[goods_name]}</h2>
<div>{$cart[spec_key_name]}</div>
</div>
<div class="price_or fr">
<p class="red"><span></span><span>{$cart[member_goods_price]}</span></p>
<p class="ligfill">x{$cart[goods_num]}</p>
</div>
</div>
</volist>
</div>
</div>
<!--商品信息-e-->
<!--配送方式 上门自提s-->
<div class="z-select-wrap shipping_div">
<div class="z-select-title">
<div class="maleri30">
选择配送方式
</div>
</div>
<div class="maleri30 z-dispatching-wrap">
<div class="p z-dispatching border-none">
<div class="fl">
快速配送
</div>
<div class="fr">
<label class="dispatching-checkbox" >
<div id="express_delivery" class="dispatching-cont z-dispatching-cheng"></div>
</label>
</div>
</div>
<div class="z-dispatching-one dispatching-font1" style="display: block;">
工作日、双休日与节假日均可送货
</div>
<div class="p z-dispatching ma-top-1" id="door_to_door_div" style="display: none">
<div class="fl">
上门自提
</div>
<div class="fr">
<label class="dispatching-checkbox">
<div id="door_to_door" class="dispatching-cont">
</div>
</label>
</div>
</div>
<div class="z-dispatching-one dispatching-font2">
选择自提上门点并支付订单>收到提货短信>到自提点提货
</div>
<div class="dispatching-Package">
<!--自提时间-->
<div class="invoice list7">
<div class="myorder p">
<div class="content30">
<a class="remain">
<div class="order">
<div class="fl">
<span>自提时间</span>
</div>
<div class="fr">
<span class="invoice_Package" style="margin-top: 0.6rem;">
<input type="text" id="date_time_picker_mask" value="<?php echo date('Y-m-d H:00',strtotime('+1 day')); ?>"
data-options="{'type':'YYYY-MM-DD hh:mm','beginYear':2018,'endYear':2088}" >
<em id="date_time_day"></em>
</span>
<i class="Mright"></i>
</div>
</div>
</a>
</div>
</div>
</div>
<!--调用时间插件-->
<script>
$.date('#date_time_picker_mask');
$(document).on('click', '#date_time_day', function () {
$('#date_time_picker_mask').trigger('click');
});
</script>
<!--自提地点-->
<div class="invoice list7" id="replace_shop">
<div class="myorder p">
<div class="content30">
<a class="remain">
<div class="order">
<div class="fl">
<span>自提地点</span>
</div>
<div class="fr">
<span class="invoice_Package select-invoice-Package" style="margin-top: 0.6rem;" id="shop_address"></span>
<i class="Mright"></i>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--配送方式 上门自提e-->
<!--支持配送,发票信息-s-->
<div class="information_dr">
<div class="maleri30">
<div class="invoice list7">
<div class="myorder p">
<div class="content30">
<div class="order" id="invoiceDefault">
<div class="fl">
<span>发票信息</span>
</div>
<div class="fr">
<span class="invoice_title" style="margin-top: 0.6rem;">不开发票</span>
<i class="Mright"></i>
</div>
</div>
</div>
</div>
</div>
<!--使用余额-s-->
<div class="invoice list7">
<div class="myorder p">
<div class="content30">
<a class="remain" href="javascript:void(0);">
<div class="order">
<div class="fl">
<span>使用余额</span>
<p>余额:¥{$user['user_money']}</p>
</div>
<div class="fr z-toggle-btn">
<label class="z-toggle z-toggle-royal">
<input type="checkbox" id="user_money" value="{$user['user_money']}"/>
<div class="z-tarck">
<div class="z-handle">
</div>
</div>
</label>
</div>
</div>
</a>
</div>
</div>
</div>
<!--使用余额-e-->
<div class="invoice list7">
<div class="myorder p">
<div class="content30">
<a class="remain" href="javascript:void(0);">
<div class="order">
<div class="fl">
<span>使用积分</span>
<p>积分:{$user['pay_points']}<i>可抵扣:{$user['pay_points']|pay_point_money|round=2}元</i></p>
</div>
<div class="fr z-toggle-btn">
<label class="z-toggle z-toggle-royal">
<input type="checkbox" id="pay_points" value="{$user['pay_points']}"/>
<div class="z-tarck">
<div class="z-handle">
</div>
</div>
</label>
</div>
</div>
</a>
</div>
</div>
</div>
<!--使用余额、积分-s-->
<div id="balance-li" class="invoice list7">
<div class="myorder myorder-2 p" id="paypwd_view" style="display: none">
<div class="content30">
<label>
<div class="incorise">
<span>支付密码:</span>
<input type="password" id="pay_pwd" placeholder="请输入支付密码" autocomplete="off"/>
<if condition="empty($user['paypwd'])">
<a class="go-set-password" href="{:U('Mobile/User/paypwd')}?redirect_url={$redirect_url}">去设置支付密码?</a>
</if>
</div>
</label>
</div>
</div>
</div>
<!--使用余额、积分-e-->
</div>
</div>
<!--支持配送,发票信息-s-->
<!--优惠券-s-->
<div class="information_dr ma-to-20" id="coupon_div">
<div class="maleri30">
<div class="invoice list7">
<div class="myorder p">
<div class="content30 coupon_click" style="cursor:pointer">
<div class="order">
<div class="fl">
<span>优惠券</span>
<span class="couponssl"><em id="coupon_count">{$userCouponNum['usable_num']|default='0'}</em>张可用</span>
</div>
<div class="fr">
<span class="setalit counpn_name">{$checkconpon.name}</span>
<i class="Mright"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--优惠券-e-->
<!--卖家留言-s-->
<div class="customer-messa">
<div class="other-item no_shipping_div">
<div class="other-left">手机 :</div>
<div class="other-right leave-word-box">
<input class="leave-word tapassa user_note_txt" id="mobile_check" maxlength="13" placeholder="请输入手机号码,接受兑换码"/>
</div>
</div>
<div class="maleri30">
<p>用户备注50字</p>
<textarea class="tapassa" id="user_note" maxlength="50" placeholder="选填"></textarea>
<span class="xianzd"><em id="zero">50</em>/50</span>
</div>
</div>
<!--卖家留言-e-->
<!--订单金额-s-->
<div class="information_dr ">
<div class="z-monry">
<div class="maleri30">
<div class="p z-monry-cont">
<div class="fl">
订单优惠
</div>
<div class="fr">
<a><span id="order_prom_amount">0</span></a>
</div>
</div>
<div class="p z-monry-cont">
<div class="fl">
商品金额
</div>
<div class="fr">
<a><span id="total_fee">{$cartPriceInfo['total_fee']}</span></a>
</div>
</div>
<div class="p z-monry-cont shipping_div">
<div class="fl">
配送费用
</div>
<div class="fr">
<a><span id="postFee">0</span></a>
</div>
</div>
<div class="p z-monry-cont">
<div class="fl">
优惠券抵扣
</div>
<div class="fr">
<a><span id="couponFee">0</span></a>
</div>
</div>
<div class="p z-monry-cont">
<div class="fl">
积分抵扣
</div>
<div class="fr">
<a><span id="pointsFee">0</span></a>
</div>
</div>
<div class="p z-monry-cont">
<div class="fl">
余额抵扣
</div>
<div class="fr">
<a><span id="balance">0</span></a>
</div>
</div>
</div>
</div>
</div>
<!--订单金额 -e-->
<!--提交订单-s-->
<div class="mask-filter-div" style="display: none;"></div>
<div class="payit fillpay ma-to-20">
<div class="fr submit_price">
<a href="javascript:void(0)" onclick="submit_order()">提交订单</a>
</div>
<div class="fl">
<p><span class="pmo">应付金额:</span><span id="payables">0</span><span></span></p>
</div>
</div>
<!--提交订单-e-->
</div>
<div id="couponList" style="display: none">
<div class="c_uscoupon_bgs"></div>
<!--优惠券弹窗-s-->
<div class="chooseebitcard newchoosecar coupongg" style="bottom: 0;" >
<div class="choose-titr">
<span>优惠券<em id="cl"></em></span>
<i class="closer" onclick="closer()"></i>
</div>
<div class="soldout_cp p" id="emptyCoupon" style="display: none">
<img class="nmy" src="__STATIC__/images/nmy.png" alt=""/>
<p class="nzw">当前店铺暂无可使用的优惠券</p>
</div>
<div class="c_uscoupon">
<div class="maleri30">
<div class="no_get_coupon">
<p class="canus">可用优惠劵<span>(以下是当前店铺可使用的优惠劵)</span></p>
<volist name="userCartCouponList" id="userCoupon" key="k">
<if condition="$userCoupon.coupon[able] eq 1">
<div class="cuptyp" onclick="checkCoupon(this)" data-couponid="{$userCoupon[id]}"
data-conponname="{$userCoupon.coupon[name]}">
<a href="javascript:;">
<div class="le_pri">
<h1><em></em>{:round($userCoupon.coupon[money],0)}</h1>
<p>满{$userCoupon.coupon[condition]}元可用</p>
</div>
<div class="ri_int">
<div class="to_two">
<span class="ba">商城券</span>
<span>{$userCoupon.coupon[name]}</span>
</div>
<div class="bo_two">
<span class="cp9">有效期:{$userCoupon.coupon[use_start_time]|date='Y.m.d',###}-{$userCoupon.coupon[use_end_time]|date='Y.m.d',###}</span>
</div>
</div>
</a>
</div>
</if>
</volist>
</div>
</div>
</div>
</div>
<!--优惠券弹窗-e-->
</div>
<div id="shopList" style="display: none">
<!--选择提货人弹窗 s-->
<div class="pop-prkage-wraps p pop-prkage-ziti">
<div class="z-Package-hrader">
<i class="z-Package-icon Package-icon-close" id="shop_list_back"></i>
<h5>选择自提点</h5>
</div>
<div class="z-Package-wrap ">
<div class="z-Packageiphon-header p"></div>
<div class="z-SelectPackage-wrap">
<ul class="z-SelectPackage-ul" id="shop_list"></ul>
</div>
</div>
<div class="z-Package-footer-wrap">
<div class="Package-footer">
<div class="z-Package-footer p" id="shop_consignee_edit">
<div class="fl Package-foot-cont">提货人:<span id="consignee_txt"></span></div>
<div class="fl Package-foot-cont">电话:<span id="mobile_txt"></span></div>
<i class="Package-right-icon"></i>
</div>
<div class="Package-footer-btn">
<input type="button" id="shop_list_confirm" value="确定"/>
<label></label>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(".select-invoice-Package").click(function () {
$(".pop-prkage-ziti").show();
})
$(".pop-prkage-ziti .Package-icon-close").click(function () {
$(".pop-prkage-ziti").hide();
})
</script>
<!--选择提货人弹窗 e-->
</div>
<div id="map" style="display: none">
<!--地图定位弹窗s-->
<div class="pop-prkage-wraps p prkage-wraps-map">
<div class="z-Package-hrader Package-hrader-absolute">
<i class="z-Package-icon Package-icon-map" id="map_back"></i>
<h5>自提点地址</h5>
</div>
<div id="container" style="width:16rem;height: 20.2666rem;border:#ccc solid 1px;"></div>
<div class="parkage-plat-cont">
<div class="parkage-plat-title p">
<i class="fl"></i>
<p class="fl" id="shop_name"></p>
</div>
<ul class="parkage-plat-ul">
<li id="shop_address_text"></li>
<li>电话:<em id="phone"></em></li>
<li id="work_time_desc"></li>
</ul>
</div>
</div>
<script type="text/javascript">
var map;
function show_map()
{
var shop_item = $('.Package-radio-checked').parent().parent().parent();
var lnt = shop_item.data('longitude');
var lat = shop_item.data('latitude');
$("#shop_name").html(shop_item.find('.z-SelectPackage-title').html());
$("#shop_address_text").html('地址:'+shop_item.data('shop-address'));
$("#phone").html(shop_item.data('phone'));
$("#work_time_desc").html("营业时间:"+shop_item.data('work-time')+"<span>"+shop_item.data('work-day')+"</span>");
map = new BMap.Map("container");//在百度地图容器中创建一个地图
var poi = new BMap.Point(lnt, lat);//定义一个中心点坐标
map.centerAndZoom(poi, 17);//设定地图的中心点和坐标并将地图显示在地图容器中
//创建检索信息窗口对象
var marker = new BMap.Marker(poi); //创建marker对象
map.addOverlay(marker); //在地图中添加marker
}
</script>
<!--地图定位弹窗e-->
</div>
<div id="shopConsignee" style="display: none">
<!--修改提货人弹窗s-->
<div class="pop-prkage-wraps up-prkage-pop">
<div class="z-Package-hrader">
<i class="z-Package-icon up-thr-icons" id="shop_consignee_back"></i>
<h5>修改提货人</h5>
</div>
<div class="z-Package-wrap">
<form>
<div class="z-Package-cont ma-to-48">
<div class="fl z-Package-title">
提货人
</div>
<div class="fr z-Package-up">
<div class="up-cont">
<label></label>
<input type="text" id="consignee" value="" maxlength="30"/>
</div>
</div>
</div>
<div class="z-Package-cont ma-to-48">
<div class="fl z-Package-title">
联系方式
</div>
<div class="fr z-Package-up">
<div class="up-cont">
<label></label>
<input type="text" id="mobile" value="" maxlength="11"/>
</div>
</div>
</div>
<div class="Package-btn ma-to-535">
<label></label>
<input type="button" id="shop_consignee_save" value="保存"/>
</div>
</form>
</div>
</div>
<script type="text/javascript">
$(".z-Package-footer").click(function () {
$(".up-prkage-pop").show();
})
$(".up-thr-icons").click(function () {
$(".up-prkage-pop").hide();
})
</script>
<!--修改提货人弹窗e-->
</div>
<div id="addressList" style="display: none">
<!--地址-s-->
<div class="dizhi-pop">
<div class="z-Package-hrader">
<i class="z-Package-icon Package-icon-close" id="address_list_back"></i>
<h5>选择地址</h5>
</div>
<div id="address_list_html" style="height: 19.5rem;overflow: scroll;"></div>
<!--地址-e-->
<div class="createnew ">
<a id="add_address" >+新建地址</a>
</div>
</div>
</div>
<div id="invoicelist" style="display: none">
<!--发票内容-s-->
<div class="dizhi-pop">
<div class="z-Package-hrader">
<i class="z-Package-icon Package-icon-close" id="invoice_list_back"></i>
<h5>发票信息</h5>
</div>
<div class="invoice_con">
<div class="invoice_tit">
<h3>发票抬头</h3>
<div class="invoice_type">
<div class="intype_item"><input type="radio" name="radio_title" checked id="intype1" value="个人"><label for="intype1"></label><span>个人</span></div>
<div class="intype_item"><input type="radio" name="radio_title" id="intype2" value="单位"><label for="intype2"></label><span>单位</span></div>
</div>
</div>
<hr class="invoice_line">
<div class="invoice_deta">
<h3>发票内容</h3>
<div class="invoice_comdel" style="display: none;">
<input type="text" id="invoice_title" placeholder="请填写单位名称" value="">
<input type="text" id="taxpayer" placeholder="请在此填写纳税人识别号" value="">
<p>开企业抬头发票,请准确填写对应的“纳税人识别号”,以免影响您的发票报销.</p>
</div>
<div class="invoice_type">
<div class="intype_item"><input type="radio" name="radio_cont" checked id="intype3" value="商品明细"><label for="intype3"></label><span>商品明细</span></div>
<div class="intype_item"><input type="radio" name="radio_cont" id="intype4" value="商品类别"><label for="intype4"></label><span>商品类别</span></div>
<div class="intype_item"><input type="radio" name="radio_cont" id="intype5" value="不开发票"><label for="intype5"></label><span>不开发票</span></div>
</div>
</div>
<div class="invoice_confir"><input type="button" id="submit_invoice" value="确认"></div>
</div>
</div>
</div>
<div id="addressAdd" style="display: none">
<div class="dizhi-pop">
<div class="z-Package-hrader">
<i class="z-Package-icon Package-icon-close" id="address_add_back"></i>
<h5>新建/编辑地址</h5>
</div>
<div class="floor my p edit">
<form id="address_form">
<input type="hidden" value="" name="address_id"/>
<input type="hidden" value="" name="province"/>
<input type="hidden" value="" name="city"/>
<input type="hidden" value="" name="district"/>
<div class="content">
<div class="floor list7">
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)">
<div class="order">
<div class="fl">
<span>收货人:</span>
</div>
<div class="fl">
<input type="text" value="" name="consignee"/>
<span class="err" id="err_address_consignee"></span>
</div>
</div>
</a>
</div>
</div>
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)">
<div class="order">
<div class="fl">
<span>手机号码:</span>
</div>
<div class="fl">
<input type="tel" value="" name="mobile" onkeyup="this.value=this.value.replace(/[^\d]/g,'')"/>
</div>
</div>
</a>
</div>
</div>
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)" onclick="location_address(this);">
<div class="order">
<div class="fl">
<span>所在地区: </span>
</div>
<div class="fl">
<span id="area"></span>
</div>
<div class="fr">
<i class="Mright"></i>
</div>
</div>
</a>
</div>
</div>
<div class="myorder p">
<div class="content30">
<a href="javascript:void(0)">
<div class="order">
<div class="fl">
<span>详细地址:</span>
</div>
<div class="fl">
<input type="text" value="" name="address"/>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="createnew ">
<a id="address_form_confirm">确认</a>
</div>
</form>
</div>
<!--选择地区-s-->
<div class="container">
<div class="city">
<div class="screen_wi_loc">
<div class="classreturn loginsignup">
<div class="content">
<div class="ds-in-bl return seac_retu">
<a href="javascript:void(0);" onclick="close_location();"><img src="__STATIC__/images/return.png" alt="返回"></a>
</div>
<div class="ds-in-bl search center">
<span class="sx_jsxz">选择地区</span>
</div>
<div class="ds-in-bl suce_ok">
<a href="javascript:void(0);">&nbsp;</a>
</div>
</div>
</div>
</div>
<div class="province-list"></div>
<div class="city-list" style="display:none"></div>
<div class="area-list" style="display:none"></div>
</div>
</div>
<!--选择地区-e-->
</div>
<script src="__STATIC__/js/mobile-location.js"></script>
<script>
//选择地址回调
var address_form = $('#address_form');
function select_area_callback(province_name, city_name, district_name, province_id, city_id, district_id) {
var area = province_name + ' ' + city_name + ' ' + district_name;
$("#area").text(area);
address_form.find("input[name='province']").val(getCookie('province_id'));
address_form.find("input[name='city']").val(getCookie('city_id'));
address_form.find("input[name='district']").val(getCookie('district_id'));
}
</script>
</div>
</div>
<script type="text/javascript">
var is_shipping_able = true,shop_list_data,cart2_form = $('#cart2_form');
window.addEventListener('popstate', function () {
panel();
});
$(document).ready(function () {
var is_virtual = $("input[name='is_virtual']").val();
if(is_virtual == 0){
$('.no_shipping_div').hide();
$('.shipping_div').show();
}else{
$('.no_shipping_div').show();
$('.shipping_div').hide();
}
pay_pwd_view();
get_address_list();
});
//各种弹窗返回上一步
$(function () {
//主页面返回上一步
$(document).on('click', '#back', function () {
var action = cart2_form.find("input[name='action']");
var url = "/index.php?m=Mobile&c=Cart&a=index";
if (action.val() == 'buy_now') {
var goods_id = cart2_form.find("input[name='goods_id']");
var item_id = cart2_form.find("input[name='item_id']");
url = "/index.php?m=Mobile&c=Goods&a=goodsInfo&id="+goods_id.val()+'&item_id='+item_id.val();
}
window.location.href = url;
});
//地址弹窗返回上一步
$(document).on('click', '#address_list_back,#invoice_list_back,#address_add_back,#shop_list_back,#shop_consignee_back,#map_back', function () {
history.back(-1);
panel();
});
});
//点击地址
$(function () {
//点击地址
$(document).on('click', '#addressDefault', function () {
window.location.hash = "#addressList";
get_address_list();
panel();
});
//修改发票
$(document).on('click', '#invoiceDefault', function () {
window.location.hash = "#invoicelist";
panel();
});
//选择地址
$(document).on('click', '.select_address', function () {
var address_id = $(this).data('address-id');
var mobile = $(this).data('mobile');
var consignee = $(this).data('consignee');
var address_area = $(this).data('address-area');
var address = $(this).data('address');
var province_id = $(this).data('province-id');
var city_id = $(this).data('city-id');
var district_id = $(this).data('district-id');
var longitude = $(this).data('longitude');
var latitude = $(this).data('latitude');
cart2_form.find("input[name='address_id']").val(address_id);
$("#default_address_mobile").empty().html(mobile);
$("#default_address_consignee").empty().html(consignee);
$("#default_address_text").empty().html(address_area + ' '+ address);
window.location.hash = "#";
panel();
get_shop_list(province_id, city_id, district_id, '', longitude, latitude);
ajax_order_price();
});
//点击新建地址
$(document).on('click', '#add_address', function () {
address_form.find("input[name='address_id']").val('');
address_form.find("input[name='consignee']").val('');
address_form.find("input[name='address']").val('');
address_form.find("input[name='mobile']").val('');
address_form.find("input[name='province']").val('');
address_form.find("input[name='city']").val('');
address_form.find("input[name='district']").val('');
$('#area').html('');
window.location.hash = "#addressAdd";
panel();
});
//添加地址
$(document).on('click', '#address_form_confirm', function () {
$.ajax({
type: "POST",
url: '/index.php?m=Mobile&c=User&a=addressSave',
data: $("#address_form").serialize(),
dataType: "json",
success: function (data) {
if (data.status == 1) {
$("#address_add_back").trigger('click');
get_address_list(data.result.address_id);
} else {
var err_msg = data.msg;
$.each(data.result, function (index, item) {
err_msg = item;
});
layer.open({icon: 2, content: err_msg, time: 2});
}
}
});
});
//编辑地址弹窗事件
$(document).on("click", '.address_item', function (e) {
window.location.hash = "#addressAdd";
panel();
var select_address = $(this).parent().parent().find('.select_address');
address_form.find("input[name='address_id']").val(select_address.data('address-id'));
address_form.find("input[name='consignee']").val(select_address.data('consignee'));
address_form.find("input[name='address']").val(select_address.data('address'));
address_form.find("input[name='mobile']").val(select_address.data('mobile'));
address_form.find("input[name='province']").val(select_address.data('province-id'));
address_form.find("input[name='city']").val(select_address.data('city-id'));
address_form.find("input[name='district']").val(select_address.data('district-id'));
$('#area').html(select_address.data('address-area'));
})
});
//单页面显示
function panel(){
var hash = window.location.hash;
$('#wrapBody').children('div').hide();
if(hash == ''){
$('#pagePay').show();
}else{
$(hash).show();
}
}
//获取自提点列表
function get_shop_list(province_id, city_id, district_id, shop_address, longitude, latitude) {
$.ajax({
type: "POST",
url: "{:U('Home/Api/shop')}",
dataType: 'json',
data: {
province_id: province_id,
city_id: city_id,
district_id: district_id,
shop_address: shop_address,
longitude: longitude,
latitude: latitude
},
success: function (data) {
if(data.length > 0){
shop_list_data = data;
set_shop_list();
}else{
shop_list_data = [];
if($('#door_to_door').hasClass('z-dispatching-cheng')){
$('#express_delivery').trigger('click');
}
}
door_to_door_hide_or_show();
}
});
}
//上门自提按钮显示
function door_to_door_hide_or_show(){
var door_to_door_div = $('#door_to_door_div');
if(is_shipping_able == true && shop_list_data.length > 0){
door_to_door_div.show();
}else{
door_to_door_div.hide();
}
}
//自提点初始化
function set_shop_list() {
var shop_html = '';
var near_show_html = '';
for (var i = 0; i < shop_list_data.length; i++) {
if(i == 0){
near_show_html = '';
}else{
near_show_html = "style='display:none'";
}
shop_html += '<li class="p" data-shop-id="'+shop_list_data[i].shop_id+'" data-longitude="'+shop_list_data[i].longitude+'" data-latitude="'+shop_list_data[i].latitude+'"' +
' data-shop-address="'+shop_list_data[i].area_list[0].name+shop_list_data[i].area_list[1].name+shop_list_data[i].area_list[2].name+ shop_list_data[i].shop_address +'"' +
' data-phone="'+shop_list_data[i].phone+'" data-work-day="'+shop_list_data[i].work_day+'" ' +
'data-work-time="'+shop_list_data[i].work_time+'"> <div class="fl Package-radio-wrap"> <div class="Package-radio"> ' +
'<label class="Package-radio-label"></label> </div> </div> <div class="fl Package-radio-cont"> <div class="z-SelectPackage-title">' +
shop_list_data[i].shop_name + '</div> <div class="z-SelectPackage-nvg"><span>'+shop_list_data[i].shop_address+'</span></div> ' +
'<div class="z-SelectPackage-phon">电话:<em>' + shop_list_data[i].phone + '</em></div> </div> ' +
'<div class="fl Package-radio-Lately p"> <i class="Package-Lately fl" '+near_show_html+'> 离我最近 </i> <div class="Package-distance-wrap fr">' +
' <div class="Package-distance">' + shop_list_data[i].distance_text + '</div> <div class="p distance-icon-wrap"> <div class="Package-distance-icon fl"> ' +
'</div> <span class="Package-Location fl"></span> </div> </div> </div> </li>';
}
$("#shop_list").empty().append(shop_html);
initShop();
}
//自提点初始化数据
function initShopInfo() {
var consignee = cart2_form.find("input[name='consignee']");
var mobile = cart2_form.find("input[name='mobile']");
if(consignee.val() == ''){
var consignee_val = $('#default_address_consignee').html();
consignee.val(consignee_val);
}
if(mobile.val() == ''){
var mobile_val = $('#default_address_mobile').html();
mobile.val(mobile_val);
}
$('#consignee_txt').html(consignee.val());
$('#mobile_txt').html(mobile.val());
$('#mobile').val(mobile.val());
$('#consignee').val(consignee.val());
var shop_item = $('.Package-radio-checked').parent().parent().parent();
$('#shop_address').html(shop_item.find('.z-SelectPackage-title').html());
if($('#express_delivery').hasClass('z-dispatching-cheng')){
cart2_form.find("input[name='shop_id']").val('');
}
}
//选择上门自提时,初始化自提点
function initShop() {
var shop_list = $("#shop_list");
if(shop_list.find('Package-radio-checked').length == 0){
shop_list.children('li').eq(0).find(".Package-radio label").trigger('click');
}
$('#shop_list_confirm').trigger('click');
}
//获取地址列表
function get_address_list(select_address_id){
var address_id = cart2_form.find("input[name='address_id']");
$.ajax({
type: "get",
url: '/index.php?m=Mobile&c=User&a=ajaxAddressList',
dataType: "json",
success: function (data) {
var address_list_html = '';
for (var i = 0; i < data.length; i++) {
address_list_html += '<div class="jd_listaddless p "> <div class="maleri30"> <a class="select_address address_id_'+data[i].address_id+'" ' +
'data-address-id="'+data[i].address_id+'" data-mobile="'+ data[i].mobile +'" data-consignee="'+ data[i].consignee+'" ' +
'data-address-area="'+ data[i].address_area+'" data-address="'+ data[i].address+'" data-province-id="'+data[i].province+'" ' +
'data-city-id="'+data[i].city+'" data-district-id="'+data[i].district+'" data-town-id="'+data[i].twon+'" data-longitude="'+data[i].longitude+'" ' +
'data-latitude="'+data[i].latitude+'" > <div class="name fl"> <h1>'+data[i].consignee+'</h1> </div> <div class="numberaddress fl"> ' +
'<span class="number"><i class="number-dh">电话:</i>'+ data[i].mobile +'</span> <span class="similars">' + data[i].address_area + ' ' + data[i].address +'</span> ' +
'</div> </a> <div class="editdiv fl"> <a class="address_item"> <i class="eedit"></i> </a> </div> </div> </div>';
}
$("#address_list_html").empty().html(address_list_html);
if(data.length == 0){
$("#add_address").trigger('click');
}
if(data.length > 0 && address_id.val() == ''){
$("#address_list_html").find('.select_address').eq(0).trigger('click');
}
if(select_address_id > 0){
$("#address_list_html").find('.address_id_'+select_address_id).trigger('click');
}
}
});
}
function close_location(){
var province_div = $('.province-list');
var city_div = $('.city-list');
var area_div = $('.area-list');
if(area_div.is(":hidden") == false){
area_div.hide();
city_div.show();
province_div.hide();
return;
}
if(city_div.is(":hidden") == false){
area_div.hide();
city_div.hide();
province_div.show();
return;
}
if(province_div.is(":hidden") == false){
area_div.hide();
city_div.hide();
$('.container').animate({width: '0', opacity: 'show'}, 'normal',function(){
$('.container').hide();
});
undercover();
$('.mask-filter-div').css('z-index','inherit');
return;
}
}
function location_address(e){
$('.container').animate({width: '14.4rem', opacity: 'show'}, 'normal',function(){
$('.container').show();
});
if(!$('.container').is(":hidden")){
$('body').css('overflow','hidden')
cover();
$('.mask-filter-div').css('z-index','9999');
}
}
//自提点
$(function () {
//选择快递配送
$(document).on('click', '#express_delivery', function () {
$(".dispatching-cont").removeClass("z-dispatching-cheng");
$(this).addClass("z-dispatching-cheng");
$(".dispatching-font1").show().siblings(".dispatching-font2").hide();
$(".dispatching-Package").slideUp();
cart2_form.find("input[name='shop_id']").val('');
ajax_order_price();
});
//选择自提点
$(document).on('click', '#door_to_door', function () {
$(".dispatching-cont").removeClass("z-dispatching-cheng");
$(this).addClass("z-dispatching-cheng");
$(".dispatching-font2").show().siblings(".dispatching-font1").hide();
$(".dispatching-Package").slideDown();
initShop();
initShopTime();
ajax_order_price();
});
//点击自提点
$(document).on("click", '#replace_shop', function (e) {
window.location.hash = "#shopList";
panel();
})
//选择自提点切换
$(document).on("click", '.pop-prkage-wraps .Package-radio label', function (e) {
$(".pop-prkage-wraps .Package-radio label").removeClass("Package-radio-checked");
$(this).addClass("Package-radio-checked");
})
//点击编辑提货人事件
$(document).on('click', '#shop_consignee_edit', function () {
window.location.hash = "#shopConsignee";
panel();
});
//点击提货人保存按钮
$(document).on('click', '#shop_consignee_save', function () {
var consignee_val = $('#consignee').val();
var mobile_val = $('#mobile').val();
cart2_form.find("input[name='mobile']").val(mobile_val);
cart2_form.find("input[name='consignee']").val(consignee_val);
initShopInfo();
$('#shop_consignee_back').trigger('click');
});
//选择自提点确定按钮
$(document).on('click', '#shop_list_confirm', function () {
var shop_item = $('.Package-radio-checked').parent().parent().parent();
cart2_form.find("input[name='shop_id']").val(shop_item.data('shop-id'));
if(window.location.hash == '#shopList'){
$('#shop_list_back').trigger('click');
}
initShopInfo();
});
//确认选择自提点时间
$(document).on('click', '#d-confirm', function () {
initShopTime();
});
$(document).on('click', '.Package-distance-wrap', function () {
window.location.hash = "#map";
panel();
show_map();
});
})
//积分余额密码
$(function () {
//选择使用积分和余额
$(document).on('click', '#pay_points,#user_money', function () {
pay_pwd_view();
ajax_order_price();
});
//支付密码点击事件
$(document).on('blur', '#pay_pwd', function () {
var pay_pwd = md5($("input[name='auth_code']").val() + $.trim($('#pay_pwd').val()));
$('input[name="pay_pwd"]').val(pay_pwd);
})
})
//备注
$(function () {
//备注输入
$(document).on('keyup', '#user_note', function () {
$('input[name="user_note"]').val(this.value);
var len = this.value.length;
var limit = 50;
if(len > limit){
$(this).val($(this).val().substring(0,limit));
}
var num = limit - len;
if(num <= 0){
$("#zero").text(0);
}else{
$("#zero").text(num);
}
});
})
//支付密码是否显示
function pay_pwd_view() {
var user_money = $('#user_money');
var pay_points = $('#pay_points');
if (user_money.is(':checked')) {
$("input[name='user_money']").val(user_money.val());
}else{
$("input[name='user_money']").val('');
}
if (pay_points.is(':checked')) {
$("input[name='pay_points']").val(pay_points.val());
}else{
$("input[name='pay_points']").val('');
}
if (user_money.is(':checked') || pay_points.is(':checked')) {
$('#paypwd_view').show();
} else {
$('#paypwd_view').hide();
}
}
//兑换优惠券
function wield() {
var couponCode = $('#couponCode').val();
if (couponCode == '') {
layer.open({icon: 1, content: "请输入兑换码!", time: 2});
return ;
}
$.ajax({
type: "POST",
url: '/index.php?m=Home&c=Cart&a=cartCouponExchange',
data: {coupon_code: couponCode},
dataType: "json",
success: function (data) {
if (data.status != 1) {
layer.open({icon: 2, content: data.msg, time: 1, end:function(){
// 登录超时
if (data.status == -100) {
location.href = "{:U('Mobile/User/login')}";
}
}});
} else {
layer.open({icon: 1, content: data.msg, time: 1, end:function(){
window.location.reload();
}});
}
}
});
}
// 获取订单价格
function ajax_order_price() {
couponListHide();
var address_id = cart2_form.find("input[name='address_id']").val();
if(address_id == ''){
get_address_list();
}
$.ajax({
type: "POST",
url: '/index.php?m=Mobile&c=Cart&a=cart3',
data: cart2_form.serialize(),
dataType: "json",
success: function (data) {
is_shipping_able = true;
if(data.hasOwnProperty('code') && data.code == 301){
is_shipping_able = false;
door_to_door_hide_or_show();
}
if (data.status != 1) {
layer.open({icon: 2, content: data.msg, time: 1, end:function(){
// 登录超时
if (data.status == -100) {
location.href = "{:U('Mobile/User/login')}";
}
$('.submit_price a').addClass("disable");
}});
return false;
}else{
$('.submit_price a').removeClass("disable");
refresh_price(data);
}
}
});
}
//刷新价格
function refresh_price(data) {
if(typeof(data.result.user_money) != 'undefined'){
$("#balance").text(data.result.user_money.toFixed(2));// 余额
}
if(typeof(data.result.integral_money) != 'undefined'){
$("#pointsFee").text(data.result.integral_money.toFixed(2));// 积分支付
}
if(typeof(data.result.order_prom_amount) != 'undefined'){
$("#order_prom_amount").text(data.result.order_prom_amount.toFixed(2));// 订单 优惠活动
}
if(typeof(data.result.shipping_price) != 'undefined'){
$("#postFee").text(data.result.shipping_price.toFixed(2)); // 物流费
}
if(typeof(data.result.goods_price) != 'undefined'){
$("#total_fee").text(data.result.goods_price.toFixed(2)); // 商品总金额
}
if(typeof(data.result.coupon_price) != 'undefined'){
$("#couponFee").text(data.result.coupon_price.toFixed(2));// 优惠券
}
if(typeof(data.result.order_amount) != 'undefined'){
$("#payables").text(data.result.order_amount.toFixed(2));// 应付
}
}
//设置自提时间
function initShopTime() {
var date_time_picker_mask = $('#date_time_picker_mask').val();
date_time_picker_mask += ':00';
date = date_time_picker_mask.replace(/-/g, '/');
var d = new Date(date);
var timestamp = d.getTime().toString().substring(0, 10);
cart2_form.find("input[name='take_time']").val(timestamp);
var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
var day = weekDay[d.getDay()];
$('#date_time_day').html('【' + day + '】');
}
// 提交订单
var ajax_return_status = 1; // 标识ajax 请求是否已经回来 可以进行下一次请求
function submit_order() {
if ($('.submit_price a').hasClass("disable")) {
return;
}
if (ajax_return_status == 0){
return false;
}
ajax_return_status = 0;
$.ajax({
type: "POST",
url: "{:U('Mobile/Cart/cart3')}",//+tab,
data: cart2_form.serialize() + "&act=submit_order",// 你的formid
dataType: "json",
success: function (data) {
layer.closeAll();
if (data.status != 1) {
showErrorMsg(data.msg); //执行有误
// 登录超时
if (data.status == -100){
location.href = "{:U('Mobile/User/login')}";
}
ajax_return_status = 1; // 上一次ajax 已经返回, 可以进行下一次 ajax请求
return false;
}
$("#postFee").text(data.result.shipping_price); // 物流费
if (data.result.coupon_price == null) {
$("#couponFee").text(0);// 优惠券
} else {
$("#couponFee").text(data.result.coupon_price);// 优惠券
}
$("#balance").text(data.result.user_money);// 余额
$("#pointsFee").text(data.result.integral_money);// 积分支付
$("#payables").text(data.result.order_amount);// 应付
$("#order_prom_amount").text(data.result.order_prom_amount);// 订单 优惠活动
showErrorMsg('订单提交成功,跳转支付页面!');
location.href = "/index.php?m=Mobile&c=Cart&a=cart4&order_sn=" + data.result;
}
});
}
$(function () {
get_invoice();
$('.submits_de').click(function () {
$('.mask-filter-div').hide();
$('.losepay').hide();
})
//显示隐藏使用发票信息
$('.invoiceclickin').click(function () {
get_invoice();
$('#invoice').toggle(300);
})
})
function couponListHide(){
var displays= $("#couponList").css("display");
if(displays=="none"){
$('.mask-filter-div').hide();
}
}
//优惠券
$(function () {
$(document).on('click', '.coupon_click', function () {
window.location.hash = "#couponList";
panel();
cover();
$('.coupongg').show();
$('html,body').addClass('ovfHiden');
var coupon_length = {$userCouponNum['usable_num'] |default = '0'};
if (coupon_length == 0) {
$('.soldout_cp').show();
$('.no_get_coupon').hide();
} else {
$('.no_get_coupon').show();
$('.soldout_cp').hide();
}
})
})
//关闭优惠券弹窗
function closer() {
window.location.hash = "#";
panel();
undercover();
$('.newchoosecar').hide();
$('html,body').removeClass('ovfHiden');
}
//选择优惠券
function checkCoupon(obj) {
$(obj).toggleClass('checked').siblings('.cuptyp').removeClass('checked')
if ($(obj).hasClass('checked')) {
var conponname = $(obj).data('conponname');
var couponid = $(obj).data('couponid');
$('.counpn_name').text(conponname); //优惠券名称显示出来
$("input[name^='coupon_id']").val(couponid); //优惠券ID写到隐藏表单
} else {
$("input[name^='coupon_id']").val(''); //优惠券ID写到隐藏表单
$('.counpn_name').text('未使用');
}
closer();
ajax_order_price();
}
</script>
<!--发票优化-->
<script type="text/javascript">
//发票相关js
$("#intype1").click(function(){
$(".invoice_comdel").css("display","none");
$('#wap_invoice_title').val("");
$('#wap_taxpayer').val("");
});
$("#intype2").click(function(){
var radioCont = $('input[name="radio_cont"]:checked').val();
if(radioCont == '商品明细' || radioCont == '商品类别'){
$(".invoice_comdel").css("display","block");
}else{
$(".invoice_comdel").css("display","none");
}
});
$("#intype3,#intype4").click(function(){
$(".invoice_tit").css("display","block");
var radioTitle = $('input[name="radio_title"]:checked').val();
var radioCont = $('input[name="radio_cont"]:checked').val();
$("#invoice_desc").val(radioCont);
if(radioTitle == "个人"){
$(".invoice_comdel").css("display","none");
$('#wap_invoice_title').val("");
$('#wap_taxpayer').val("");
}else{
$(".invoice_comdel").css("display","block");
}
});
$("#intype5").click(function(){
var radioCont = $('input[name="radio_cont"]:checked').val();
$("#invoice_desc").val(radioCont);
$(".invoice_tit").css("display","none");
$(".invoice_comdel").css("display","none");
$('#wap_invoice_title').val("");
$('#wap_taxpayer').val("");
});
//填写发票确认按钮
$("#submit_invoice").click(function() {
var radioTitle = $('input[name="radio_title"]:checked').val();
var invoice_title = $("#invoice_title").val();
var taxpayer = $("#taxpayer").val();
var radioCont = $('input[name="radio_cont"]:checked').val();
if (radioTitle=="单位" && radioCont!="不开发票"){
if (invoice_title.length == 0) {
layer.open({icon: 1, content: "发票抬头不能为空!", time: 2});
return false;
}
if ((taxpayer.length == 15) || (taxpayer.length == 18) || (taxpayer.length == 20)) {
} else {
layer.open({icon: 1, content: "请输入正确的纳税人识别号!", time: 2});
return;
}
var addressCode = taxpayer.substring(0, 6);
// 校验地址码
var check = checkAddressCode(addressCode);
if (!check) {
layer.open({icon: 1, content: "请输入正确的纳税人识别号!", time: 2});
return;
}
// 校验组织机构代码
var orgCode = taxpayer.substring(6, 9);
check = orgcodevalidate(orgCode);
if (!check) {
layer.open({icon: 1, content: "请输入正确的纳税人识别号!", time: 2});
return;
}
$('#wap_taxpayer').val(taxpayer);
$('#wap_invoice_title').val(invoice_title);
}else{
$('#wap_taxpayer').val("");
$('#wap_invoice_title').val("");
}
var str = "";
if(radioCont!="不开发票"){
if(radioTitle=="单位"){
str = "纸质("+invoice_title+"-"+radioCont+"";
}else {
str = "纸质(个人-"+radioCont+"";
}
}else{
str = "不开发票";
}
$(".invoice_title").html(str);
save_invoice();
window.location.hash = "#";
});
//获取发票信息
function get_invoice() {
var str = "";
$.get("{:U('Cart/invoice')}", function (json) {
var data = eval("(" + json + ")");
if (data.status > 0) {
if (data.result.invoice_title != "") {
$('#wap_invoice_title').val(data.result.invoice_title);
$('#wap_taxpayer').val(data.result.taxpayer);
$('#invoice_title').val(data.result.invoice_title);
$("#invoice_desc").val(data.result.invoice_desc);
$("#taxpayer").val(data.result.taxpayer);
str = "纸质(" + data.result.invoice_title + "-"+data.result.invoice_desc+"";
}
if (data.result.invoice_title == "个人" && data.result.invoice_desc != "不开发票") {
$('#wap_invoice_title').val("个人");
$('#wap_taxpayer').val("");
$('#invoice_title').val("");
$("#taxpayer").val("");
$(".invoice_title").html("纸质(个人-"+data.result.invoice_desc+"");
str = "纸质(个人-"+data.result.invoice_desc+"";
}
if (data.result.invoice_desc == "不开发票") {
$(".invoice_tit").css("display","none");
$(".invoice_comdel").css("display","none");
$("#intype5").attr("checked", "checked");
$('#wap_invoice_title').val("");
$('#wap_taxpayer').val("");
$('#invoice_title').val("");
$("#invoice_desc").val(data.result.invoice_desc);
$("#taxpayer").val("");
str = "不开发票";
}
//加载之前发票信息
$(".invoice_title").html(str);
if(data.result.invoice_title == "单位" && data.result.taxpayer == ""){
$("#intype1").attr("checked", "checked");
}
if(data.result.taxpayer != ""){
$(".invoice_comdel").css("display","block");
$("#intype2").attr("checked", "checked");
}
if(data.result.invoice_desc == "商品明细") {
$("#intype3").attr("checked", "checked");
}
if(data.result.invoice_desc == "商品类别") {
$("#intype4").attr("checked", "checked");
}
$(".invoice_title").html(str);
} else {
$("#intype1").attr("checked", "checked");
$("#intype3").attr("checked", "checked");
}
});
}
//修改发票信息
function save_invoice() {
var invoice_desc = $('#invoice_desc').val();
if(invoice_desc != "不开发票") {
var invoice_title = $('input[name="radio_title"]:checked').val();
if (invoice_title == "单位") {
var invoice_title = $('#wap_invoice_title').val();
var taxpayer = $('#wap_taxpayer').val();
}
}
var data = {invoice_title: invoice_title, taxpayer: taxpayer, invoice_desc: invoice_desc};
$.post("{:U('Cart/save_invoice')}", data, function (json) {
var data = eval("(" + json + ")");
$("#invoice").hide();
});
}
$(document).on('keyup', '#mobile_check', function() {
$('input[name="mobile"]').val(this.value);
})
</script>
</body>
</html>