Files
littleTiger/template/mobile/rainbow/cart/cart2.html

1469 lines
67 KiB
HTML
Raw Normal View History

2019-02-28 19:48:21 +08:00
<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>