pfhwyigou/frontend/views/public/reduced.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/5/29
 * Time: 上午9:46
 */

?>
<link rel="stylesheet" href="/overseas/css/reduced.css">

<div class="yv2_reduced js_yv2_reduced">
    <div class="yv2_reducedBox">
        <div class="yv2_reduced_main">
            <div class="yv2_reduced_title js_yv2_reduced_title">报名看房</div>
            <div class="yv2_reduced_ico js_yv2_reduced_ico"><img src="/overseas/img/v2image/bm_ico1_1.png" alt=""></div>
            <div class="yv2_reduced_text js_yv2_reduced_text">独家渠道优惠，省心省力省钱！</div>
            <div class="yv2_reduced_form js_yv2_reduced_form">
                <form class="submit_area">
                    <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名，其它为楼盘ID，有时默认为0有可能通过JS修改为楼盘ID-->
                    <input type="hidden" name="source" value="0">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
                    <input type="hidden" name="equipment" value="2">        <!--来源设备 （ PC端  2,手机端   1 ）-->
                    <div class="in_text js_in_text">
                        <img src="/overseas/img/v2image/bm_ico3.png" alt="">
                        <input type="text" name="name" placeholder="请输入您的姓名">
                    </div>
                    <div class="in_text">
                        <img src="/overseas/img/v2image/bm_ico2.png" alt="">
                        <input type="text" name="mobile" placeholder="请输入您的号码">
                    </div>
                    <div class="in_xuanze js_in_xuanze1">
                        <p class="in_text_top js_in_xuanze_bud">
                            <img src="/overseas/img/v2image/bm_ico6.png" alt="">
                            <input type="text" name="budget" placeholder="您的置业单价">
                            <i></i>
                        </p>
                        <div class="in_text_show js_in_text_show_bud">
                            <a href="javascript:;">4000元以下</a>
                            <a href="javascript:;">4000-6000元</a>
                            <a href="javascript:;">6000-8000元</a>
                            <a href="javascript:;">8000-10000元</a>
                            <a href="javascript:;">1-1.5万</a>
                            <a href="javascript:;">1.5-2万</a>
                            <a href="javascript:;">2-2.5万</a>
                            <a href="javascript:;">2.5-3万</a>
                            <a href="javascript:;">3-5万</a>
                            <a href="javascript:;">5-7万</a>
                            <a href="javascript:;">7万以上</a>
                        </div>
                    </div>
                    <div class="in_xuanze js_in_xuanze2">
                        <p class="in_text_top js_in_xuanze_city">
                            <img src="/overseas/img/v2image/bm_ico5.png" alt="">
                            <input type="text" name="intention_city" placeholder="您的置业意向区域">
                            <i></i>
                        </p>
                        <div class="in_text_show js_in_text_show_city">
                            <a href="javascript:;">三亚市</a>
                            <a href="javascript:;">海口市</a>
                            <a href="javascript:;">陵水县</a>
                            <a href="javascript:;">万宁市</a>
                            <a href="javascript:;">文昌市</a>
                            <a href="javascript:;">澄迈县</a>
                            <a href="javascript:;">临高县</a>
                            <a href="javascript:;">东方市</a>
                            <a href="javascript:;">五指山市</a>
                            <a href="javascript:;">琼海市</a>
                            <a href="javascript:;">儋州市</a>
                            <a href="javascript:;">乐东县</a>
                            <a href="javascript:;">保亭县</a>
                            <a href="javascript:;">定安县</a>
                            <a href="javascript:;">琼中县</a>
                            <a href="javascript:;">屯昌县</a>
                            <a href="javascript:;">昌江县</a>
                            <a href="javascript:;">白沙县</a>
                        </div>
                    </div>
                    <div class="yv2_reduced_buttom">
                         <a href="javascript:;" class="apply_submit js_apply_submit">立即提交</a>
                    </div>
                    <div class="js_yv2_reduced_text_foot">订阅后会有置业顾问致电并提供服务</div>
                </form>
            </div>
        </div>
        <div class="yv2_reduced_gb"><a onclick="btnCloses();" href="javascript:;"><img src="/overseas/img/v2image/bm_ico4.png" alt=""></a></div>
    </div>
</div>
<div class="yv2_reduced_bg" onclick="btnCloses();"></div>





<script>
    $(function(){
        // console.log(puicBm_title+'--'+puicBm_hid+'--'+puicBm_source+'--'+puicBm_text)
        $('.js_yv2_reduced_title').html(puicBm_title)
        $('.js_apply_submit').html(puicBm_buttom)
        $('.js_yv2_reduced_text').html(puicBm_text)
        switch(puicBm_title)
        {
        case '报名看房':
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_1.png');
        break;
        case '获取楼盘航拍/VR资料':
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_3.png');
        break;
        case '降价通知':
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_4.png');
        break;
        case '锁定折扣优惠':
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_4.png');
        break;
        case '户型报价':
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_1.png');
        break;
        case '开盘通知':
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_6.png');
        break;
        case '免费资料':
            $('.js_yv2_reduced_form .js_yv2_reduced_text_foot').show();
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_9.png');
        break;
        case '帮我找房':
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_7.png');
        break;
        case '免费回电':
            $('.js_yv2_reduced_form .js_yv2_reduced_text_foot').show();
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_1.png');
        break;
        default:
            $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_1.png');
        }
        if (puicBm_title=='帮我找房') {
            $('.js_yv2_reduced_form .js_in_text').hide();
            $('.js_yv2_reduced_form .js_in_xuanze1').show();
            $('.js_yv2_reduced_form .js_in_xuanze2').show();
        };

        // 帮你找房
        $('.js_in_xuanze1').on('click','.js_in_xuanze_bud',function(){
            $('.js_in_text_show_bud').show();
        })
        $(document).click(function() {
            $('.js_in_text_show_bud').hide();
        })
        $('.js_in_xuanze1').on('click',function(e){
          e?e.stopPropagation():event.cancelBubble = true;
        })
        $('.js_in_text_show_bud').on('click','a',function(){
            var cityTxt=$(this).text();
            $(this).addClass('on').siblings().removeClass('on');
            $('.js_in_xuanze_bud input').val(cityTxt);
            $('.js_in_text_show_bud').hide();
        })


        $('.js_in_xuanze2').on('click','.js_in_xuanze_city',function(){
            $('.js_in_text_show_city').show();
        })
        $(document).click(function() {
            $('.js_in_text_show_city').hide();
        })
        $('.js_in_xuanze2').on('click',function(e){
          e?e.stopPropagation():event.cancelBubble = true;
        })
        $('.js_in_text_show_city').on('click','a',function(){
            var cityTxt=$(this).text();
            $(this).addClass('on').siblings().removeClass('on');
            $('.js_in_xuanze_city input').val(cityTxt);
            $('.js_in_text_show_city').hide();
        })

        //报名验证提交的调用
        var fun = {
            "error" : function(){
                PublicAction.hint("提交末成功！");        //编写需要操作的方法
            },
            "success" : function(){
                PublicAction.hint("提交成功！");            //编写需要操作的方法
                $('body input[type="text"]').val('')
                RemoveDiv();            //数据提交成功后关闭弹出层
            }
        }
        PublicAction.AjaxSend({CORID:'apply_submit'},fun);
    })
</script>