
<!doctype html>
<html>
<head>
<title>金融产品列表页</title>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="Author" content="wenqing_gz huangrongtao_gz"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!--忽略数字自动识别为电话号码-->
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="canonical" href="http://jr.pcauto.com.cn/" ><!-- 适配页，即和pc同权重页面 -->
<link href="http://js.3conline.com/pcauto/2015/chedaiwap/css/ngoods.css" rel="stylesheet" type="text/css" />
</head>
<script>if(!window._addIvyID) document.write("<scr"+"ipt src='http://www.pconline.com.cn/_hux_/auto/default/index.js'><\/scr"+"ipt>");</script>
<body>
<!--栏目计数器-->
<script>document.body.insertBefore(document.createElement("script"),document.body.firstChild).src="http://count.pcauto.com.cn/count.php?channel={{{@root.pageCountId}}}&screen="+screen.width+"*"+screen.height+"&refer="+encodeURIComponent(document.referrer)+"&anticache="+new Date().getTime()+"&url="+encodeURIComponent(location.href)+"&from=cms"+"&uuid="+encodeURIComponent({{serialGroupId}}+":1");</script>
<div class="g-doc" id="JimgLoad">
    <!--头部-->
    <script src="http://www.pcauto.com.cn/global/wap/header_js/" charset="utf-8" class=" defer"></script>
    <!--/头部-->
    <div class="header-bg"> 
            <a onclick="history.back(-1);" class="header-back" title=""></a>
            <div class="header-title">
                <span class="header-title-nav"><a href="http://{{{@root.host}}}/">首页&gt;<a href="http://{{{@root.host}}}/choose/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">选车系</a>&gt;产品列表</span>
                <a href="http://m.pcauto.com.cn/x/selectcity/jr/?returns=http://{{{@root.host}}}{{{path4city}}}{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/" class="m-ipcity" id="Jselect">广州</a>
            </div>
        </div>
    <ul class="m-plst bg-white" id="Jplst">
        <li class="m-plst-a">
            <img src="{{{icon}}}" width="100" height="75" alt=""/>
            <div class="des txt-hide">
                <p class="pTit">经销商平均报价：<span class="red">{{{price}}}万</span></p>
                <p>
                    <em class="gray">首付：{{{firstPay}}}万&nbsp;&nbsp;</em>
                    <em class="gray">贷款金额：{{{loanAmount}}}万</em>
                </p>
            </div>
        </li>   
        <li class="m-plst-b txt-hide blue" id="JselectC">{{{name}}}</li>     
        <li class="m-plst-c">
            <div class="selectX" id="JselectX">
                <div class="item-wrap" id="JitemWrap">

                    <div class="item item1">
                        <a class="tit">
                            <span class="mark txt-hide">首付</span>
                            <span class="icon"></span>                            
                        </a>
                    </div>
                    <div class="item item2">
                        <a class="tit">
                            <span class="mark txt-hide">期限</span>
                            <span class="icon"></span>
                        </a>
                    </div>
                </div>

                <div class="pop-wrap-1" id="JpopWrap">
                    <div class="select-wrap" id="Jselect1">
                        <div class="selectConA">                            
                            <div class="sel-th">首付</div>
                            <input type="hidden" name="" value="" id="Jsf"> 
                            <i><a href="{{{prefix}}}{{{path4item}}}-s20-p{{{term}}}/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">20%</a></i>
                            <i><a href="{{{prefix}}}{{{path4item}}}-s30-p{{{term}}}/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">30%</a></i>
                            <i><a href="{{{prefix}}}{{{path4item}}}-s40-p{{{term}}}/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">40%</a></i>
                            <i><a href="{{{prefix}}}{{{path4item}}}-s50-p{{{term}}}/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">50%</a></i>
                            <i><a href="{{{prefix}}}{{{path4item}}}-s60-p{{{term}}}/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">60%</a></i>
                        </div>
                    </div>
                    <div class="select-wrap" id="Jselect2">
                        <div class="selectConA">                            
                            <div class="sel-th">期限</div>
                            <input type="hidden" name="" value="" id="Jqx"> 
                            <i><a href="{{{prefix}}}{{{path4item}}}-s{{{prepay}}}-p12/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">12期</a></i>
                            <i><a href="{{{prefix}}}{{{path4item}}}-s{{{prepay}}}-p18/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">18期</a></i>
                            <i><a href="{{{prefix}}}{{{path4item}}}-s{{{prepay}}}-p24/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">24期</a></i>
                            <i><a href="{{{prefix}}}{{{path4item}}}-s{{{prepay}}}-p36/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">36期</a></i>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>


    <!--选车-->
    <div class="popCar" id="JpopCar">
        <div class="pop-bg"></div>
        <div class="pop-inner" id="Jpop-inner">
            <div class="pop-list">
                <div class="pop-th gray">选择车型</div>
                    {{#if models}}
                        {{#each models}}
                            <ul class="item item1">
                                <li class="item-th">{{{year}}}</li>
                                {{#if data}}
                                    {{#each data}}
                                       <li><a href="{{{../../../../prefix}}}/{{{../../../../type}}}/r{{{../../../../rId}}}/sg{{{../../../../sgId}}}-m{{{id}}}-s{{{../../../../prepay}}}-p{{{../../../../term}}}/{{#equal @root.browser 'wx'}}wx/{{/equal}}f{{{@root.flow}}}/">
                                            <em class="brand txt-hide">{{{title}}}</em><em class="red">{{{price}}}万</em>
                                        </a></li>
                                    {{/each}}
                                {{/if}}
                            </ul>
                        {{/each}}
                    {{/if}}
                </div>
            <div class="pop-icon bg-white">
                <em></em>
                <em></em>
            </div>
        </div>
    </div>
    <!--/选车-->
    <!--以上为公共部分-->
    <div class="m-section m-form">
        <div class="u-info">抱歉，暂时没有符合您的金融产品。<br>为您推荐以下经销商办理车贷并提供购车咨询：</div>
        <form>
            <div class="u-txt"><input type="text" placeholder="请输入手机号" id="telephone"><i class="tred"></i></div>
            <div class="u-txt"><input type="text" placeholder="请输入您的称呼（如夏先生）" id="chenghu"><i class="tred"></i></div>
            <a href="javascript:" class="u-btn" id="u-btn">提交</a>
            <div style="color: red;text-align:center;margin: 5px auto;" id="confirmResult"></div>
        </form>
    </div>

    {{#if dealers}}
    <div class="m-section m-delist">
        <div class="m-th">选择多个经销商对比，可获更全面的参考</div>
        <ul id="Jdelist">
                {{#each dealers}}

                    <li {{#compare 1 @index}}class="cur"{{/compare}} data-li="{{dealerId}}" name="jxs" value="{{dealerId}}">
                        <span>[{{agent}}]{{name}}</span>
                        <span class="txt-hide">地址：{{address}}</span>
                    </li>
                {{/each}}
        </ul>
    </div>
    {{/if}}



    <div class="m-popbox" id="m-popbox">
        <div class="m-bg"></div>
        <div class="m-pop">
            <div class="m-th">
                <p id="m-poptxt"></p>
            </div>
            <div class="m-tb" id="m-tb" onclick="closePop()">确定</div>
        </div>
    </div>


    <!-- 公共底部-->
    <script src="http://www.pcauto.com.cn/global/wap/footer_js/" charset="utf-8" class=" defer"></script>
    <!--/公共底部-->
</div>
</div>
<script src="http://js.3conline.com/min2/temp/v2/plugin-location2.js" charset="utf-8"></script>
<script src="http://js.3conline.com/wap/2013/common/js/zepto.min.js"></script>
<script src="http://js.3conline.com/pcauto/2015/chedaiwap/js/good.js"></script>

<script>

// 保存选项值与索引的关系value-index
//var featureMap={0:0,1:1,6:2,2:3,7:4,12:5,8:6,5:7,11:8,9:9,3:10,4:11,10:12,13:13,14:14}
var prepayMap={20:0,30:1,40:2,50:3,60:4}
var termMap={12:0,18:1,24:2,36:3}

/****************更新选择条件******************/
setOptions('{{{prepay}}}','{{{term}}}');

function setOptions(prepay,term){
  //  var fIndex=featureMap[feature];
    var pIndex=prepayMap[prepay];
    var tIndex=termMap[term];
    getStr(pIndex,tIndex);
}

// 提交数据
function formSub(){
    //具体获取表单可以通过这里提交，已经检查过数据了。
   // openPop("验证通过，执行ajax,开发在这里操作");
   //var modelId = document.getElementById('moderId').value;
    var url="http://{{{@root.host}}}/jrproxy/price.pcauto.com.cn/dealer/action/add_order.jsp?ad={{{@root.askCountId}}}";
    var urlToken = 'http://{{{@root.host}}}/jrproxy/price.pcauto.com.cn/interface/token/applyToken.jsp';
    var token = '';
   // var url = "http://dev3.pcauto.com.cn:8001/dealer/action/add_order.jsp?_charset=GBK";
    var serialGroupId  = {{sgId}};
    modelId  = {{modelId}};
    var modelIdChange = getValue();
    var regionId = {{rId}};
    var name = document.getElementById('chenghu').value;
    var telPhone = document.getElementById('telephone').value;
    var ip ="{{ip}}";
     // arr是一个数组，就是所有checkbox的值；
    var checkValue = '';
    var arr=document.getElementsByName("jxs");
    for(i=0;i<arr.length;i++){
     if(arr[i].className=='cur'){
       checkValue = arr[i].value +',' +checkValue;
      }
    }
    if(checkValue.length >0)
      checkValue=checkValue.substring(0,checkValue.length-1);

    $.ajax({
      type: 'GET',
      timeout : 3000,
      url: urlToken,
      dataType: 'jsonp',
      // jsonp: 'callback',//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
      success:function (v){
          token = v.token;
          var confirmData ={"dIds":checkValue,"serialGroupId":serialGroupId,"modelId":modelId,"name":name,
          "phone":telPhone,"ip":ip,"regionId":regionId,"refererType":2,
           "origin":2,"payType":0,"html_TOKEN":token};
          $.ajax({
             url: url,
             data: confirmData,
             timeout : 3000, //超时时间设置，单位毫秒
             type:'POST',
             dataType:"json",
             error: function(){
                $("#confirmResult").html("徇价失败，请重试！");
           },
           success: function (data) {//一级订单提交成功
           if(data.status == 1){//发送成功
               {{#if browser}}
                     location.href="http://{{{@root.host}}}/success/wx/";// 询价成功页，不带参数
               {{else}}
                    location.href="http://{{{@root.host}}}/success/";// 询价成功页，不带参数
               {{/if}}
            
            }else{
                $("#confirmResult").html("徇价失败，请重试！");
            }
          console.log(data);
          callback(data);
         }
      });
      },
      error:function(v){
        $("#confirmResult").html("徇价失败，请重试！");
      }
   });          
}

</script>
<script>_submitIvyID();</script>
</body>
</html>
