Authored by 郝肖肖

立即购买 门票 订单确认页面

... ... @@ -2,6 +2,7 @@
<div class="order-ensure-page yoho-page clearfix">
{{# orderEnsure}}
<div class="order-edit">
<div class="order-title">
<ul>
<li class="first">立即购买</li>
... ... @@ -13,16 +14,26 @@
<div class="order-edit-main" id="order-edit-main" {{#isNewUser}}data-new="new"{{/isNewUser}} cartType="{{cartType}}">
<h2 class="title">请填写并核对以下信息</h2>
<div class="order-content">
<div class="order-selection pay-time">
<div class="ticket-selection">
<h2>支付及发劵时间:</h2>
<ul class="modity-pay-info">
<li>付款方式:<span>在线支付</span></li>
<li>发劵时间:<span>自动发货-在您支付成功后,系统将立即为您发放二维码,您可以在您的订单中查看。</span></li>
<li>手机号:<span>否</span></li>
<li>发劵时间:<span>自动发货 - 在您支付成功后,系统将立即为您发放二维码,您可以在您的订单中查看。</span></li>
<li>手机号:
<span class="show-ticket-mobile hide">
<span class="ticket-mobile"></span><span class="ticket-modify-btn">[修改]</span>
</span>
<span class="set-ticket-mobile">
<input type="text" value="" class="ticket-mobile-input"/>
<input type="button" value="确定" class="ticket-mobile-btn"/>
<span class="ticket-mobile-tip">请填写正确手机号以便于接收票条信息</span>
</span>
</li>
</ul>
</div><!--/order-selection pay-time-->
</div><!--/order-content-->
</div><!--/order-edit-main-->
</div>
<!-- 订单提示-->
... ...
... ... @@ -271,7 +271,7 @@ exports.newAddress = function(id, code) {
var provinceId = $province.val();
if (provinceId !== '0') {
if (typeof provinceId !== 'undefined' && provinceId !== '0') {
//如果获取的省有默认选中项则获取市
getAddress({
... ...
... ... @@ -755,11 +755,51 @@ var Order = {
}
};
//立即购买-门票
var TicketCat = {
el: {
$showTicketMobile: $('.show-ticket-mobile'),
$ticketMobile: $('.ticket-mobile'),
$ticketModifyBtn: $('.ticket-modify-btn'),
$setTicketMobile: $('.set-ticket-mobile'),
$ticketMobileBtn: $('.ticket-mobile-btn'),
$ticketMobileInput: $('.ticket-mobile-input')
},
init: function() {
var el = this.el;
if (el.$ticketModifyBtn.length === 0) {
return false;
}
//修改手机号按钮
el.$ticketModifyBtn.click(function() {
el.$showTicketMobile.addClass('hide');
el.$setTicketMobile.removeClass('hide');
});
//保存手机号按钮
el.$ticketMobileBtn.click(function() {
var val = el.$ticketMobileInput.val(),
phoneReg = /^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
if (!phoneReg.test(val)) {
new dialog.Alert('请输入正确的手机号!').show();
return;
}
el.$showTicketMobile.removeClass('hide');
el.$setTicketMobile.addClass('hide');
el.$ticketMobile.text(val);
});
}
};
Order.Data.activity = 0;
Order.Data.carriage = 0;
Order.UI.init();
Order.Bll.init();
TicketCat.init();
address.getUserAddressList();
... ...
... ... @@ -117,6 +117,51 @@
font-size: 12px;
color: #333;
.ticket-selection {
padding-top: 10px;
ul {
margin: 10px 0px;
li {
height: 10px;
padding: 10px 20px;
}
}
.ticket-modify-btn {
font-size: 14px;
color: #e8044f;
text-decoration: underline;
cursor: pointer;
margin-left: 5px;
}
.ticket-mobile-input {
border: 1px solid #000;
width: 150px;
height: 20px;
}
.ticket-mobile-btn {
text-align: center;
color: #fff;
background: #DA0045;
cursor: pointer;
padding: 5px 15px;
border: none;
font-size: 14px;
border-radius: 3px;
}
.ticket-mobile-tip {
color: #999;
margin-left: 15px;
}
}
.order-selection {
border-bottom: 1px dashed #ccc;
padding: 15px 0 0 0;
... ...