confirm.html 36.6 KB

原文件审查历史永久链接

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>订单提交</title>
    <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_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" />
    <style>
        .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;
        }
        .weui-picker__action:first-child {
            text-align: left;
            color: #888;
        }

        .sss {
            display: none;
        }
        /*.move3 {
            display: none;
        }*/

        .move {
            display: none;
        }

        .move_main {
            animation: move 0.18s;
        }

        @keyframes move {
            0% {
                height: 1rem;
            }
            50% {
                height: 4rem;
            }
            100% {
                height: 4.55rem;
            }
        }

        .move_main3 {
            animation: move 0.18s;
        }

        .mold_out {
            display: none;
        }
        .outtravel .chooseall button{
            right: 0;
            top:0;
        }
    </style>
</head>

<body>
<div class="taocan">
    套餐信息
</div>
<div class="information">
    <ul class="jai">
        <li class="mingcheng">
					<span>
						套餐名称
					</span >
            <span class="liang">
						{$data.activity.name}
					</span>
        </li>
        <li class="mingcheng ming pelpe">
            <div class='li_span'>
						<span>
							出行时间
					    </span>
                <span class="liang lian ">
                    <span class="showcang">{$data.choose.time_text}</span>
						</span>
            </div>
            <span>
							<i class="iconfont icon-common-jinru-copy"></i>
					</span>
        </li>
        <li class="mingcheng shuliang" id="shuliang">
					<span>
						购买数量
					</span>
            <div class="suan">
                <span class="reduce" id="del">-</span>
                <span class="val" id="quantity">1</span>
                <span class="add" id="add">+</span>
            </div>
        </li>
        <li class="mingcheng chu">
					<span class="chuxing">
						出行信息
					</span>

        </li>
    </ul>
</div>
<div class="chengke">
    <span>乘客信息</span>
    <div class="xuan">
					<span class="xuanze">
				 	请选则出行人
					 </span>
        <i class="iconfont icon-common-jinru-copy"></i>
    </div>
</div>

<div class="qita">
    其他信息
</div>
<!--优惠-->
<div class="you">
    <div class="chengke1">
        <span class="hui">优惠券</span>
        <div class="xuan3">
					<span class="xuanze1">
				 	请选择
					 </span>
            <i class="iconfont icon-common-jinru-copy"></i>
        </div>
    </div>
    <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>
            <i class="iconfont icon-common-jinru-copy"></i>
        </div>
    </div>
    <div class="t chengke1">
        <i class="iconfont icon-weixuanzhong1"></i>
        <span class="comx">我已同意购买<a href="agreement.html" class="aaa">协议和合同协议</a></span>
    </div>
</div>
<div class="zhezhao">
</div>
<footer>
    <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" />
    <!--</a>-->
</footer>

<div class='mold'>
    <div class='mold_main'>
				<span class="fon30">
					是否允许绑定手机号码？
				</span>
        <span>
					<span class="fon30" id="no">否</span>
				<span class="fon30 green" id="yes">允许</span>
				</span>
        <span class="fon26">
					注：绑定后可获得￥10代金券一张
				</span>
    </div>
</div>

<div class='move'>
    <div class='move_main'>
        <div class="change">
            <div class="fang">
						<span class="call">
								取消
							</span>
                <span class="single1">
								单人间&nbsp;&nbsp;(一人一房)
							</span>

                <span class="confirm">
									确定
						</span>
            </div>
        </div>
        <div class="required">
            <span class="yes">需要</span>
            <span>不需要</span>
        </div>

    </div>

</div>
<div class='move1'>
    <div class='move_main1'>
        <div class="shang2">
            <div class="shang1">
						<span class="choose">
							选择支付方式
						</span>
            </div>
            <div class="shang1 shan1 shang_list">
                <div class="shang1_inner">
                    <div class="img_out">
                        <img src="__TMPL__/static/images/yue.png" alt="" class="yue" />

                    </div>
                    <div>
                        余额支付
                    </div>
                </div>
                <div>
                    <i class='iconfont icon-xuanzhong2'></i>
                </div>
            </div>
            <div class="shang1 shan1">
                <div class="shang1_inner">
                    <div class="img_out">
                        <img src="__TMPL__/static/images/wei.png" alt="" class="yue" />

                    </div>
                    <div>
                        微信支付
                    </div>
                </div>
                <div>
                    <i class='iconfont'></i>
                </div>
            </div>
            <div class="shang1 shan1">
                <div class="shang1_inner">
                    <div class="img_out">
                        <img src="__TMPL__/static/images/zhi.png" alt="" class="yue" />

                    </div>
                    <div>
                        支付宝支付
                    </div>
                </div>
                <div>
                    <i class='iconfont'></i>
                </div>
            </div>
            <div class="agreepay">
                确认支付
            </div>
        </div>
    </div>
</div>
<div class='mold_out'>
    <div class='mold_center'>
        <div class="scroll_out">
            <div class="scroll">
                <volist name="data.schedule" id="vo">
                    <div class="money" data-id="{$vo.schedule_id}">
                        <div class="year_change">
                            <if condition="$vo['schedule_id'] eq $data['choose']['schedule_id']">
                                <img src="__TMPL__/static/images/circle1.png"/>
                                <else/>
                                <img src="__TMPL__/static/images/circle.png"/>
                            </if>
                            <span>{$vo.start_time}&nbsp;至&nbsp;{$vo.end_time}</span>
                        </div>
                        <div class="price">￥{$vo.price}</div>
                    </div>
                </volist>
            </div>
            <button class="bottom_button" value="">确定</button>
        </div>

    </div>

</div>

<!--点击输入要绑定的手机号-->
<div class='move3'>
    <div class='move_main3'>
        <span class="tie_phone">输入绑定的手机号：</span>
        <input type="text" class="phone_input" placeholder="请输入手机号" />
        <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>&nbsp;&nbsp;&nbsp; &nbsp;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>&nbsp;&nbsp;&nbsp; &nbsp;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>&nbsp;&nbsp;&nbsp; &nbsp;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>
    $('.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() {
        //获取选择出行人页面的数据

        var name = decodeURI(getQueryString('name')).replace(/,/g, ' ');
        if(!name) {
            $('.xuanze').html('请选择出行人');
        } else {
            $('.xuanze').html(name);
        }

        function getQueryString(name) {
            var reg = new RegExp("(^|&)" +
                name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r) return unescape(r[2]);
            //return null;
            return '请选择出行人';
        }

        $('.money').click(function(event) {
            $(this).find('img').attr("src", "/themes/simpleboot3/static/images/circle1.png");
            $(this).siblings().find('img').attr("src", "/themes/simpleboot3/static/images/circle.png");
            schedule_id = $(this).attr('data-id');
        });
        //获取选择选择代金券的数据

        var price = decodeURI(getQueryString_money('price')).replace(/,/g);
        if(!price) {
            $('.waitmoney').html('请选择代金券');
        } else {
            $('.waitmoney').html('代金券￥' + price);
        }

        function getQueryString_money(price) {
            var reg = new RegExp("(^|&)" +
                price + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r) return unescape(r[2]);
            return '';
        }

        var mold = $('.mold');
        $('.mold').click(function() {
            $(this).hide();
        })

        $('.mold_main').click(function(e) {
            e.stopPropagation();
        })
        $('.move_main3').click(function(e) {
            e.stopPropagation();
        })
        $('.move3').click(function() {
            $(this).hide();
        })


        //点击增加
        $("#add").click(function() {
            var num =  parseInt($("#quantity").html());
            var aloowMax = parseInt(max);
            if(num >= aloowMax) {
                alert('名额超出');
            }else {
                numAdd();
                $.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) {
                        $("#down_price").html(data.data.down_price);
                        $("#total").html(data.data.total);
                    }
                })
            }
        });
        $("#del").click(function() {
            numDec();
            $.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) {
                    $("#down_price").html(data.data.down_price);
                    $("#total").html(data.data.total);
                }
            })
        });


        /*商品数量+1*/
        function numAdd() {

            var num_add = parseInt($("#quantity").html()) + 1;
            $("#quantity").html(num_add);
        }
        /*商品数量-1*/
        function numDec() {
            if($("#quantity").html() <= 1) {
                return false;
            }
            var num_dec = parseInt($("#quantity").html()) - 1;
            $("#quantity").html(num_dec);

        }

        //我已同意购买协议和合同协议
        $(".danxuan").click(function() {
            if($('.icon-duigou').css('display') == 'none') {
                $('.icon-duigou').css('display', 'block');
            } else {
                $('.icon-duigou').css('display', 'none');
            }
        });
        $('.sub').click(function() {
            if(is_first == 1) {
                $('.mold').css('display', 'block');
            }else {
                $('.move1').css('display', 'block');
            }
        })


        $(".agreepay").click(function () {
            $.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);
                }
            })
        })


        $('.dan').click(function() {
            $('.move').css('display', 'block');

        })
        $('#yes').click(function() {
            $('.mold').css('display', 'none');
            if($('.mold').css('display') == 'none') {
                $('.move3').css('display', 'block');
            }
        })
        $('#no').click(function() {
            $('.mold').css('display', 'none');
            if($('.mold').css('display') == 'none') {
                $('.move1').css('display', 'block');
            }
        })

        $('.move_main').click(function(e) {
            e.stopPropagation();
        })
        $('.move_main1').click(function(e) {
            e.stopPropagation();
        })

        $('#sub').click(function() {

        })

        var liangVal = $('.lian2').html();
        var tem = '';
        $('.required span').click(function(e) {

            tem = $(this).html();

            $(this).css('color', 'red');
            $(this).siblings().css('color', '#000');
        });
        $('.call').click(function() {
            $('.lian2').html(liangVal);
        })

        $('.confirm').click(function(e) {
            $('.lian2').html(tem);
            liangVal = tem;
            $('.move').css('display', 'none');

        })
        $('.call').click(function(e) {
            $('.move').css('display', 'none');

        })
        $('.move').click(function(e) {
            $('.move').css('display', 'none');

        })

    })

    $('.pelpe').click(function() {
        $('.mold_out').css('display', 'block');
    })


    var index = 0;
    var num = 0;


    $('.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") =="__TMPL__/static/images/circle1.png") {
                num = num + 1;
                index = i;
            }
        }
        if(1 == 1) {
            $('.mold_out').css('display', 'none');
            $("#quantity").html(1);
            $.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) {
                    $(".showcang").html(data.data.choose.time_text);
                    $("#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');
        }
    })
    $('.shan1').click(function() {
        $(this).find('i').attr('class', 'iconfont icon-xuanzhong2');
        $(this).siblings().find('i').attr('class', 'iconfont');
    })
    $('.move1').click(function() {
        $(this).css('display', 'none');
    })
    $('.phone_btn').click(function() {
        $('.move3').css('display', 'none');
    })
    $('.dainji').click(function(){
        $('.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>

</html>