...
|
...
|
@@ -7,7 +7,7 @@ |
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
|
|
<link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/swiper-3.4.2.min.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_3se1rq7vwl5.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_lmxwdl64j4h.css" />
|
|
|
<script type="text/javascript" src="__TMPL__/static/assets/font/iconfont.js"></script>
|
|
|
<script type="text/javascript" src="__TMPL__/static/js/base.js"></script>
|
|
|
<link rel="stylesheet" href="__TMPL__/static/css/orders_submitted.css" />
|
...
|
...
|
@@ -15,6 +15,39 @@ |
|
|
.weui-picker__group {
|
|
|
font-size: 0.3rem;
|
|
|
}
|
|
|
.people li {
|
|
|
display: block;
|
|
|
align-items: center;
|
|
|
height: 2.04rem;
|
|
|
padding: 0.36rem 0.31rem 0.1rem 0.32rem;
|
|
|
border-bottom: 1px solid #F6F6F6;
|
|
|
}
|
|
|
.mold {
|
|
|
display: none;
|
|
|
}
|
|
|
.weui-picker__action:first-child {
|
|
|
text-align: left;
|
|
|
color: #888;
|
|
|
}
|
|
|
.weui-toast {
|
|
|
line-height: 1rem;
|
|
|
height: 1rem;
|
|
|
font-size: 0.3rem;
|
|
|
position: fixed;
|
|
|
z-index: 5000;
|
|
|
width: 3rem;
|
|
|
min-height: 1em;
|
|
|
top: 180px;
|
|
|
left: 50%;
|
|
|
margin-left: -3.8em;
|
|
|
background: hsla(0,0%,7%,.7);
|
|
|
text-align: center;
|
|
|
border-radius: 5px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.weui-picker__group {
|
|
|
font-size: 0.3rem;
|
|
|
}
|
|
|
.mold {
|
|
|
display: none;
|
|
|
}
|
...
|
...
|
@@ -57,6 +90,10 @@ |
|
|
.mold_out {
|
|
|
display: none;
|
|
|
}
|
|
|
.outtravel .chooseall button{
|
|
|
right: 0;
|
|
|
top:0;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
...
|
...
|
@@ -65,7 +102,7 @@ |
|
|
套餐信息
|
|
|
</div>
|
|
|
<div class="information">
|
|
|
<ul>
|
|
|
<ul class="jai">
|
|
|
<li class="mingcheng">
|
|
|
<span>
|
|
|
套餐名称
|
...
|
...
|
@@ -105,8 +142,7 @@ |
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<a href="Pedestrian_choice.html">
|
|
|
<div class="chengke">
|
|
|
<div class="chengke">
|
|
|
<span>乘客信息</span>
|
|
|
<div class="xuan">
|
|
|
<span class="xuanze">
|
...
|
...
|
@@ -114,63 +150,46 @@ |
|
|
</span>
|
|
|
<i class="iconfont icon-common-jinru-copy"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
|
|
|
<div class="qita">
|
|
|
其他信息
|
|
|
</div>
|
|
|
|
|
|
<ul class="youhui">
|
|
|
<a href="discountCoupon.html">
|
|
|
<li class="you">
|
|
|
<span>
|
|
|
优惠券
|
|
|
</span >
|
|
|
|
|
|
<div class="wu">
|
|
|
<span class="liang lian waitmoney" >
|
|
|
¥5代金券
|
|
|
<!--优惠-->
|
|
|
<div class="you">
|
|
|
<div class="chengke1">
|
|
|
<span class="hui">优惠券</span>
|
|
|
<div class="xuan3">
|
|
|
<span class="xuanze1">
|
|
|
请选择
|
|
|
</span>
|
|
|
<span>
|
|
|
<i class="iconfont icon-common-jinru-copy"></i>
|
|
|
</span>
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
</a>
|
|
|
<li class="shang titles">
|
|
|
<div>
|
|
|
商家备注 <span>(限十字以内)</span>
|
|
|
</div>
|
|
|
|
|
|
<input type="text" placeholder="点击可给商家留言" class="liang lian1"/>
|
|
|
</li>
|
|
|
<li class="dan jus">
|
|
|
<span>
|
|
|
单房差(一人一房)
|
|
|
</span >
|
|
|
<div class='dan_box'>
|
|
|
<span class="liang lian2" >
|
|
|
<div class="chengke1">
|
|
|
<span class="hui">商家备注(10字以内)</span>
|
|
|
<div class="xuan2">
|
|
|
<input type="text" placeholder="点击可给商家留言" class="dian_text">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="chengke1">
|
|
|
<span class="hui">单房差(一人一房)</span>
|
|
|
<div class="xuan1">
|
|
|
<span class="xuanze2 xuandan">
|
|
|
请选择
|
|
|
</span>
|
|
|
<span>
|
|
|
<i class="iconfont icon-common-jinru-copy"></i>
|
|
|
</span>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="dan1 me">
|
|
|
<div class="danxuan">
|
|
|
<i class="iconfont icon-duigou"></i>
|
|
|
</div>
|
|
|
<div class="wo">我已同意
|
|
|
<a href="agreement.html" class="phurse">购买协议和合同协议</a>
|
|
|
<div class="t chengke1">
|
|
|
<i class="iconfont icon-weixuanzhong1"></i>
|
|
|
<span class="comx">我已同意购买<a href="agreement.html" class="aaa">协议和合同协议</a></span>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="zhezhao">
|
|
|
</div>
|
|
|
<footer>
|
|
|
<span>定金:¥<span id="down_price">{$data.down_price}</span></span>
|
|
|
<span class="jin">定金:¥<span id="down_price">{$data.down_price}</span></span>
|
|
|
<span>总价:¥<span id="total">{$data.total}</span></span>
|
|
|
<!--<a href="orderPay.html">-->
|
|
|
<input type="button" value="提交订单" class="sub" id="sub" />
|
...
|
...
|
@@ -305,18 +324,285 @@ |
|
|
<span class="phone_btn"><span class="agreed">确认</span></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!--选择出行人弹窗-->
|
|
|
<div class="outtravel">
|
|
|
<div class="chuxing">
|
|
|
<ul class="people">
|
|
|
<li class="userInfo">
|
|
|
<div class="guo">
|
|
|
<div class="gli">
|
|
|
<!--<div>-->
|
|
|
<div class="circle circle_chu">
|
|
|
<i class="iconfont icon-duigou"></i>
|
|
|
</div>
|
|
|
<!--</div>-->
|
|
|
<!--<i class="iconfont icon-yuancircle46"></i>-->
|
|
|
<div class="xin">
|
|
|
<span class="guoxin">
|
|
|
<span class="name">郭新宇</span> 136120645435</span>
|
|
|
<span>身份证:123543546576868</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bian">
|
|
|
|
|
|
<div class="bianji">
|
|
|
<i class="iconfont icon-bianji"></i>编辑
|
|
|
</div>
|
|
|
|
|
|
<div class="delete">
|
|
|
<i class="iconfont icon-shanchu"></i> 删除
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="userInfo">
|
|
|
<div class="guo">
|
|
|
<div class="gli">
|
|
|
<div class="circle circle_chu">
|
|
|
<i class="iconfont icon-duigou"></i>
|
|
|
</div>
|
|
|
|
|
|
<!--</div>-->
|
|
|
<!--<i class="iconfont icon-yuancircle46"></i>-->
|
|
|
<div class="xin">
|
|
|
<span class="guoxin">
|
|
|
<span class="name">郭新宇</span> 136120645435</span>
|
|
|
<span>身份证:123543546576868</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bian">
|
|
|
|
|
|
<div class="bianji">
|
|
|
<i class="iconfont icon-bianji"></i>编辑
|
|
|
</div>
|
|
|
|
|
|
<div class="delete">
|
|
|
<i class="iconfont icon-shanchu"></i>删除
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="userInfo">
|
|
|
<div class="guo">
|
|
|
<div class="gli">
|
|
|
<div class="circle circle_chu">
|
|
|
<i class="iconfont icon-duigou"></i>
|
|
|
</div>
|
|
|
|
|
|
<!--</div>-->
|
|
|
<!--<i class="iconfont icon-yuancircle46"></i>-->
|
|
|
<div class="xin">
|
|
|
<span class="guoxin">
|
|
|
<span class="name">郭新宇</span> 136120645435</span>
|
|
|
<span>身份证:123543546576868</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bian">
|
|
|
|
|
|
<div class="bianji">
|
|
|
<i class="iconfont icon-bianji"></i>编辑
|
|
|
</div>
|
|
|
|
|
|
<div class="delete">
|
|
|
<i class="iconfont icon-shanchu"></i>删除
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="quanxuan chooseall">
|
|
|
<div class="check">
|
|
|
<div class="circle circle_chu" id="selectAll">
|
|
|
<i class="iconfont icon-duigou"></i>
|
|
|
</div>
|
|
|
<span>全选</span>
|
|
|
</div>
|
|
|
<button class="agree" onclick="agreeFun()">
|
|
|
确定
|
|
|
</button>
|
|
|
</div>
|
|
|
<div class="tianjia ok ok_xing">
|
|
|
添加出行人
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--选择优惠券=============================================-->
|
|
|
<div class="choose_waitquan">
|
|
|
<!--待使用优惠券-->
|
|
|
<div class="wai1" id="wai1">
|
|
|
<div class="wai" data-id="1">
|
|
|
<div class="youhui">
|
|
|
<div class="circle1">
|
|
|
<i class="iconfont icon-duigou"></i>
|
|
|
</div>
|
|
|
|
|
|
<div class="quan">
|
|
|
<img src="__TMPL__/static/images/f2.png" alt="" />
|
|
|
<div class="dai">
|
|
|
<div class="money">¥<span class="money_five">20</span></div>
|
|
|
<div class="date">
|
|
|
<span>代金券</span>
|
|
|
<span class="you">有效期:2018.08.06-2018.08.08</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="wai">
|
|
|
<div>
|
|
|
<div class="youhui">
|
|
|
<div class="circle1">
|
|
|
<i class="iconfont icon-duigou "></i>
|
|
|
</div>
|
|
|
<div class="quan">
|
|
|
<img src="__TMPL__/static/images/f2.png" alt="" />
|
|
|
<div class="dai">
|
|
|
<div class="money">¥<span class="money_five">6</span></div>
|
|
|
<div class="date">
|
|
|
<span>代金券</span>
|
|
|
<span class="you">有效期:2018.08.06-2018.08.08</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--已过期代金券-->
|
|
|
<div id="wai2">
|
|
|
<div class="wai">
|
|
|
<div class="youhui">
|
|
|
<div class="quan">
|
|
|
<img src="__TMPL__/static/images/f2.png" alt="" />
|
|
|
<div class="dai">
|
|
|
<span class="outdate"><img src="__TMPL__/static/images/outdate.png" alt="" /></span>
|
|
|
<div class="money">¥5</div>
|
|
|
<div class="date">
|
|
|
<span>代金券</span>
|
|
|
<span class="you">有效期:2018.08.06-2018.08.08</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="youhui">
|
|
|
|
|
|
<div class="quan">
|
|
|
<img src="__TMPL__/static/images/f2.png" alt="" />
|
|
|
<div class="dai">
|
|
|
<span class="outdate"><img src="__TMPL__/static/images/outdate.png" alt="" /></span>
|
|
|
<div class="money">¥5</div>
|
|
|
<div class="date">
|
|
|
<span>代金券</span>
|
|
|
<span class="you">有效期:2018.08.06-2018.08.08</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--已使用代金券-->
|
|
|
<div id="wai3">
|
|
|
<div class="wai">
|
|
|
<div class="youhui">
|
|
|
|
|
|
<div class="quan">
|
|
|
<img src="__TMPL__/static/images/f2.png" alt="" />
|
|
|
<div class="dai">
|
|
|
<span class="outdate"><img src="__TMPL__/static/images/use.png" alt="" /></span>
|
|
|
<div class="money">¥5</div>
|
|
|
<div class="date">
|
|
|
<span>代金券</span>
|
|
|
<span class="you">有效期:2018.08.06-2018.08.08</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="youhui">
|
|
|
|
|
|
<div class="quan">
|
|
|
<img src="__TMPL__/static/images/f2.png" alt="" />
|
|
|
<div class="dai">
|
|
|
<span class="outdate"><img src="__TMPL__/static/images/use.png" alt="" /></span>
|
|
|
<div class="money">¥5</div>
|
|
|
<div class="date">
|
|
|
<span>代金券</span>
|
|
|
<span class="you">有效期:2018.08.06-2018.08.08</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="agree3 ok" onclick="agreeFun3()">确定使用</div>
|
|
|
</div>
|
|
|
<!--添加出行人-->
|
|
|
<div class="jia_travel" style='display: none;'>
|
|
|
<ul class="list">
|
|
|
<li>
|
|
|
<span class="real ">真实姓名</span>
|
|
|
<input class="add name_1 chu" placeholder="请填写真实姓名"/>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="real">性别</span>
|
|
|
<div class="xuanze_sex">
|
|
|
<div class="sex se">
|
|
|
<img src="__TMPL__/static/images/circle.png" class="yuan yu"><span>男</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="sex">
|
|
|
<img src="__TMPL__/static/images/circle1.png" class="yuan yu1"><span>女</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="real">手机号</span>
|
|
|
<input class="add phone chu" placeholder="请填写手机号码" />
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="real">微信号码</span>
|
|
|
<input class="add chu wei " placeholder="请填写微信号码"/>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="real ">身份证号</span>
|
|
|
<input class="add confirm chu zfzid" placeholder="请填写身份证号"/>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<!--====底部=====-->
|
|
|
<footer class="foot ok ok_chu" id="foot">
|
|
|
保存
|
|
|
</footer>
|
|
|
</div>
|
|
|
<div id="toast" style='display: none;'>
|
|
|
<div class="weui-mask_transparent"></div>
|
|
|
<div class="weui-toast">
|
|
|
<!--<i class="weui-icon-success-no-circle weui-icon_toast"></i>-->
|
|
|
<p class="weui-toast__content">已完成</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script>
|
|
|
<script type="text/javascript" src="__TMPL__/static/assets/js/swiper-3.4.2.min.js"></script>
|
|
|
<script type="text/javascript" src="__TMPL__/static/assets/js/weui.js"></script>
|
|
|
<script type="text/javascript" src="__TMPL__/static/assets/js/myweui.js"></script>
|
|
|
<script type="text/javascript" src="__TMPL__/static/index.js"></script>
|
|
|
<script type="text/javascript" src="__TMPL__/static/assets/js/common.js"></script>
|
|
|
<script type='text/javascript' src='__TMPL__/static/assets/js/Augly_Verification.js'></script>
|
|
|
<script>
|
|
|
var schedule_id='{$data.choose.schedule_id}'
|
|
|
$('.xuandan').click(function(){
|
|
|
$('.move').css('display','block');
|
|
|
})
|
|
|
var schedule_id='{$data.choose.schedule_id}';
|
|
|
var activity_id='{$data.activity.activity_id}';
|
|
|
var max = '{$data.choose.allowMaximum}';
|
|
|
var is_first='{$data.is_first}';
|
|
|
$(function() {
|
...
|
...
|
@@ -452,12 +738,29 @@ |
|
|
}else {
|
|
|
$('.move1').css('display', 'block');
|
|
|
}
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
$(".agreepay").click(function () {
|
|
|
alert('提交订单');
|
|
|
$.ajax({
|
|
|
url:"{:url('order/Order/done')}",
|
|
|
data:{
|
|
|
activity_id:activity_id,
|
|
|
schedule_id:schedule_id,
|
|
|
num:$("#quantity").html(),
|
|
|
escort:'9,10',
|
|
|
payment:1,
|
|
|
discount_coupon_id:'',
|
|
|
desc:$('.dian_text').val(),
|
|
|
room:$('.xuandan').html()
|
|
|
},
|
|
|
type:"POST",
|
|
|
dataType:"JSON",
|
|
|
|
|
|
success: function (data) {
|
|
|
console.log(data);
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
|
...
|
...
|
@@ -531,12 +834,12 @@ |
|
|
$('.bottom_button').click(function() {
|
|
|
var inputLength = $('.mold_center').find('img').length;
|
|
|
for(var i = 0; i < inputLength; i++) {
|
|
|
if($('.mold_center').find('img').eq(i).attr("src") =="../images/circle1.png") {
|
|
|
if($('.mold_center').find('img').eq(i).attr("src") =="__TMPL__/static/images/circle1.png") {
|
|
|
num = num + 1;
|
|
|
index = i;
|
|
|
}
|
|
|
}
|
|
|
if(num == 0) {
|
|
|
if(1 == 1) {
|
|
|
$('.mold_out').css('display', 'none');
|
|
|
$("#quantity").html(1);
|
|
|
$.ajax({
|
...
|
...
|
@@ -554,10 +857,8 @@ |
|
|
$("#down_price").html(data.data.down_price);
|
|
|
$("#total").html(data.data.total);
|
|
|
max = data.data.choose.allowMaximum;
|
|
|
}
|
|
|
})
|
|
|
|
|
|
|
|
|
}})
|
|
|
} else {
|
|
|
$('.showcang').html($('.mold_center').find('span').eq(index).html());
|
|
|
$('.mold_out').css('display', 'none');
|
...
|
...
|
@@ -577,6 +878,290 @@ |
|
|
$('.dainji').css('display', 'none');
|
|
|
$('.texteare1').focus();
|
|
|
})
|
|
|
//我已同意购买协议和合同协议
|
|
|
$(" .t .iconfont").click(function() {
|
|
|
if($(this).attr('class')=='iconfont icon-weixuanzhong1') {
|
|
|
$(this).attr('class','iconfont icon-xuanzhong3')
|
|
|
} else {
|
|
|
$(this).attr('class','iconfont icon-weixuanzhong1')
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
// 选择出行人
|
|
|
$('.delete').click(function(){
|
|
|
$(this).parents('.userInfo').remove();
|
|
|
})
|
|
|
var num= $('.people li').length;
|
|
|
var count = 0;
|
|
|
var circle=$('.circle');
|
|
|
var nameArr = [];
|
|
|
circle.click(function(){
|
|
|
if($(this).find('.icon-duigou').hasClass("now")){
|
|
|
|
|
|
$(this).find('.icon-duigou').removeClass("now");
|
|
|
$(this).find('.icon-duigou').css('color','rgba(255, 255, 255)');
|
|
|
$(this).css('border','0.02rem solid #999');
|
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
|
$(this).find('.icon-duigou').addClass("now");
|
|
|
$(this).find('.icon-duigou').css('color','rgb(254, 10, 1)');
|
|
|
$(this).css('border','0.02rem solid rgb(254, 10, 1)');
|
|
|
|
|
|
}
|
|
|
|
|
|
var len=$(".people").find('.icon-duigou.now').length;
|
|
|
console.log(len);
|
|
|
if(num == len) {
|
|
|
$("#selectAll").css('border','0.02rem solid rgb(254, 10, 1)');
|
|
|
$("#selectAll").find('.icon-duigou').css('color','rgba(254, 10, 1)');
|
|
|
|
|
|
}else{
|
|
|
$("#selectAll").css('border','0.02rem solid rgb(153, 153, 153)');
|
|
|
$("#selectAll").find('.icon-duigou').css('color','rgb(255, 255, 255)');
|
|
|
}
|
|
|
|
|
|
})
|
|
|
//全选反选
|
|
|
|
|
|
|
|
|
$("#selectAll").click(function(){
|
|
|
if(circle.find('.icon-duigou').css('color')=='rgb(255, 255, 255)'){
|
|
|
circle.find('.icon-duigou').css('color','rgb(254, 10, 1)');
|
|
|
circle.css('border','0.02rem solid rgb(254, 10, 1)');
|
|
|
}else{
|
|
|
circle.find('.icon-duigou').css('color','rgb(255, 255, 255)');
|
|
|
circle.css('border','0.02rem solid #999');
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
var arr=[];
|
|
|
$('.agree').click(function(){
|
|
|
$('.outtravel').css('display','none');
|
|
|
})
|
|
|
$('.xuan').click(function(){
|
|
|
$('.outtravel').css('display','block');
|
|
|
})
|
|
|
|
|
|
|
|
|
// 点击确定时,出行人名字添加到数组,回显到订单提交页面;
|
|
|
function agreeFun() {
|
|
|
var nameArr = [];
|
|
|
for (var i = 0; i < $(".userInfo").length; i++ ) {
|
|
|
|
|
|
if($(".userInfo").eq(i).find(".icon-duigou").hasClass("now")) {
|
|
|
var name = $(".userInfo").find(".name").html();
|
|
|
if(nameArr.length >= 2) {
|
|
|
break;
|
|
|
|
|
|
}else {
|
|
|
nameArr.push(name);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
console.log(nameArr)
|
|
|
console.log(nameArr[0])
|
|
|
if(nameArr[0]!=undefined&&nameArr[1]==undefined){
|
|
|
$('.xuanze').html(nameArr[0]);
|
|
|
}else if(nameArr[0]!=undefined&&nameArr[1]!=undefined){
|
|
|
$('.xuanze').html(nameArr[0]+' '+nameArr[1]);
|
|
|
}else {
|
|
|
$('.xuanze').html('请选择出行人');
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// var name=encodeURI(encodeURI(nameArr));
|
|
|
// var url="orders_submitted.html?name="+name;
|
|
|
// window.location.href = url;
|
|
|
}
|
|
|
// 添加出行人
|
|
|
function getQueryString(name) {
|
|
|
var reg = new RegExp("(^|&)" +
|
|
|
name + "=([^&]*)(&|$)");
|
|
|
var r = window.location.search.substr(1).match(reg);
|
|
|
if(r != null) return unescape(r[2]);
|
|
|
//return null;
|
|
|
return '请选择出行人';
|
|
|
}
|
|
|
function add(){
|
|
|
var arrlist=decodeURI(getQueryString('arrlist')).replace(/,/g ,' ');
|
|
|
//$("#parentIndustryUL").append(" <li value="+industry.xyIndustryId+">"+industry.industryName+"</li>");
|
|
|
}
|
|
|
add();
|
|
|
// 选择优惠券
|
|
|
var wai1 = $('#wai1');
|
|
|
var wai2 = $('#wai2');
|
|
|
var wai3 = $('#wai3');
|
|
|
var nouse = $('#nouse');
|
|
|
var outdata = $('#outdata');
|
|
|
var used = $('#used');
|
|
|
$('#nouse').click(function() {
|
|
|
wai1.css('display', 'block');
|
|
|
wai2.css('display', 'none');
|
|
|
wai3.css('display', 'none');
|
|
|
nouse.css('color', '#FE0A01');
|
|
|
outdata.css('color', '#252729');
|
|
|
used.css('color', '#252729');
|
|
|
})
|
|
|
$('#outdata').click(function() {
|
|
|
wai1.css('display', 'none');
|
|
|
wai2.css('display', 'block');
|
|
|
wai3.css('display', 'none');
|
|
|
nouse.css('color', '#252729');
|
|
|
outdata.css('color', '#FE0A01');
|
|
|
used.css('color', '#252729');
|
|
|
})
|
|
|
$('#used').click(function() {
|
|
|
wai1.css('display', 'none');
|
|
|
wai2.css('display', 'none');
|
|
|
wai3.css('display', 'block');
|
|
|
nouse.css('color', '#252729');
|
|
|
outdata.css('color', '#252729');
|
|
|
used.css('color', '#FE0A01');
|
|
|
})
|
|
|
var circle1 = $('.wai1 .youhui .circle1');
|
|
|
circle1.click(function() {
|
|
|
if($(this).find('.icon-duigou').css('color') == 'rgb(255, 255, 255)') {
|
|
|
// alert(1)
|
|
|
$(this).find('.icon-duigou').css('color', 'rgb(254, 10, 1)');
|
|
|
$(this).css('border', '0.02rem solid rgb(254, 10, 1)');
|
|
|
$(this).parents('.wai').siblings().find('.icon-duigou').css('color', 'rgb(255, 255, 255)');
|
|
|
$(this).parents('.wai').siblings().find('.circle1').css('border', '0.02rem solid #999');
|
|
|
} else {
|
|
|
// alert(2)
|
|
|
$(this).find('.icon-duigou').css('color', 'rgb(255, 255, 255)');
|
|
|
$(this).css('border', '0.02rem solid #999');
|
|
|
}
|
|
|
})
|
|
|
$('.xuan3').click(function(){
|
|
|
$.ajax({
|
|
|
url:"{:url('order/Order/confirm')}",
|
|
|
data:{
|
|
|
activity_id:'{$data.activity.activity_id}',
|
|
|
schedule_id:schedule_id,
|
|
|
num:$("#quantity").html()
|
|
|
},
|
|
|
type:"POST",
|
|
|
dataType:"JSON",
|
|
|
|
|
|
success: function (data) {
|
|
|
console.log(data.data.coupons);
|
|
|
$('.choose_waitquan').css('display','block');
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
// // 点击确定时,出行人名字添加到数组,回显到订单提交页面;
|
|
|
function agreeFun3() {
|
|
|
var arr = []
|
|
|
for(var i = 0; i < $(".wai1 .wai").length; i++) {
|
|
|
if($(".wai1 .wai").eq(i).find('.icon-duigou').css('color') == 'rgb(254, 10, 1)') {
|
|
|
var price = $(".wai1 .wai").eq(i).find('.money_five').html();
|
|
|
arr.push(price);
|
|
|
}
|
|
|
}
|
|
|
$('.choose_waitquan').css('display','none');
|
|
|
$('.xuanze1').html('¥'+arr[0]+'代金券');
|
|
|
|
|
|
}
|
|
|
|
|
|
$('.ok_chu').click(function() {
|
|
|
if($('.name_1').val() == '') {
|
|
|
toast('请填入您的姓名');
|
|
|
} else if($('.phone').val() == '') {
|
|
|
toast('请输入电话号码');
|
|
|
} else if(!AuglyTest_phone.test($('.phone').val())) {
|
|
|
toast('电话号码格式不正确');
|
|
|
} else if($('.wei').val() == '') {
|
|
|
toast('请输入微信号码');
|
|
|
} else if($('.zfzid').val() == '') {
|
|
|
toast('请输入身份证号');
|
|
|
} else if(!AuglyTest_ID.test($('.zfzid').val())) {
|
|
|
toast('身份证号输入不正确');
|
|
|
} else {
|
|
|
toast('验证通过');
|
|
|
$('.jia_travel').css('display','none');
|
|
|
}}
|
|
|
)
|
|
|
|
|
|
$('.ok_xing').click(function(){
|
|
|
$('.jia_travel').css('display','block')
|
|
|
})
|
|
|
|
|
|
$('.yu').click(function() {
|
|
|
|
|
|
if ($(this).attr('src') == '__TMPL__/static/images/circle.png') {
|
|
|
|
|
|
$(this).attr('src','__TMPL__/static/images/circle1.png') ;
|
|
|
$('.yu1').attr('src','__TMPL__/static/images/circle.png') ;
|
|
|
} else {
|
|
|
$(this).attr('src').attr('src','__TMPL__/static/images/circle.png') ;
|
|
|
$('.yu1').attr('src').attr('src','__TMPL__/static/images/circle1.png') ;
|
|
|
}
|
|
|
})
|
|
|
$('.yu1').click(function() {
|
|
|
|
|
|
if ($(this).attr('src') == '__TMPL__/static/images/circle.png') {
|
|
|
|
|
|
$(this).attr('src','__TMPL__/static/images/circle1.png') ;
|
|
|
$('.yu').attr('src','__TMPL__/static/images/circle.png') ;
|
|
|
} else {
|
|
|
$(this).attr('src').attr('src','__TMPL__/static/images/circle.png') ;
|
|
|
$('.yu').attr('src').attr('src','__TMPL__/static/images/circle1.png') ;
|
|
|
}
|
|
|
})
|
|
|
|
|
|
var liangVal = $('.xuandan').html();
|
|
|
var tem = '';
|
|
|
$('.required span').click(function(e) {
|
|
|
tem = $(this).html();
|
|
|
$(this).css('color', 'red');
|
|
|
$(this).siblings().css('color', '#000');
|
|
|
|
|
|
});
|
|
|
$('.call').click(function() {
|
|
|
$('.xuandan').html(liangVal);
|
|
|
})
|
|
|
|
|
|
$('.confirm').click(function() {
|
|
|
|
|
|
$('.xuandan').html(tem);
|
|
|
console.log($('.xuandan').html(tem))
|
|
|
liangVal = tem;
|
|
|
if(tem==''){
|
|
|
$('.xuandan').html('请选择');
|
|
|
}
|
|
|
$('.move').css('display', 'none');
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
$('.bianji').click(function(){
|
|
|
$('.jia_travel').css('display','block');
|
|
|
|
|
|
})
|
|
|
|
|
|
$('.agreed').click(function () {
|
|
|
$.ajax({
|
|
|
url:"{:url('portal/Index/bindMobile')}",
|
|
|
data:{
|
|
|
tel:$('.phone_input').val()
|
|
|
},
|
|
|
type:"POST",
|
|
|
dataType:"JSON",
|
|
|
|
|
|
success: function () {
|
|
|
is_first=0;
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
</script>
|
|
|
|
|
|
</body>
|
...
|
...
|
|