<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<link href="../trade/css/comm.css" rel="stylesheet">
<link href="../trade/css/index.css" rel="stylesheet">
<link href="../trade/css/zqy.css" rel="stylesheet">
<link href="../trade/css/zw.css" rel="stylesheet">
<script type="text/javascript" src="../trade/css/jzg.Base.js"></script>
<script type="text/javascript" src="../new/js/jquery-1.10.0.js"></script>
<script type="text/javascript" src="../trade/css/common.js"></script>
<script type="text/javascript" src="../trade/css/jzg.CarStyle.js"></script>
<script type="text/javascript" src="../trade/css/jzg.City.js"></script>
<script type="text/javascript" src="../trade/css/index.js"></script>
<!-- <script type="text/javascript" src="https://ryak66.kuaishang.cn/bs/ks.j?cI=332282&fI=69299&ism=1" charset="utf-8"></script> -->
<!-- Bytedance Tracking -->
<script >
(function(r,d,s,l){var meteor=r.meteor=r.meteor||[];meteor.methods=["track","off","on"];meteor.factory=function(method){return function(){
var args=Array.prototype.slice.call(arguments);args.unshift(method);meteor.push(args);return meteor}};for(var i=0;i<meteor.methods.length;i++){
var key=meteor.methods[i];meteor[key]=meteor.factory(key)}meteor.load=function(){var js,fjs=d.getElementsByTagName(s)[0];js=d.createElement(s);
js.src="https://analytics.snssdk.com/meteor.js/v1/"+l+"/sdk";fjs.parentNode.insertBefore(js,fjs)};meteor.load();if(meteor.invoked){return}
meteor.invoked=true;meteor.track("pageview")})(window,document,"script","1662314495100936");
</script>
<!-- End Bytedance Tracking -->
<!-- 百度统计代码:
-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?52c96977d902717ca0b6f14dca5989cb";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="zfxdiv1" >
<!-- <img src="http://m.kx.cn/public/images/tp1.png"/> -->
<img style="margin:0px;" src="<%=request.getContextPath()%>/trade/img/0423-3.jpg" />
<img style="margin-top:-2%;" src="<%=request.getContextPath()%>/trade/img/1_01.jpg" />
</div>
<div class="all_list backbgf clearfix"><!--开始-->
<ul class="all_list_ul"><!--下拉开始-->
<li>
<a href="javascript:;">
<span>
品牌车型
</span>
<span class="al_title" id="changeCarStyle">
请选择品牌车型
</span>
<i class="per_icon_r jtx"></i>
</a>
</li>
<li>
<a href="javascript:;">
<span class="al-ico2">
上牌时间
</span>
<span class="al_title" id="changeRegYear">
请选择上牌时间
</span>
<i class="per_icon_r jtx"></i>
</a>
</li>
<li>
<a href="javascript:;">
<span class="al-ico3">
行驶里程
</span>
<span class="al_title">
<input class="inp120 mr40 col3" type="number" value="请输入" id="txtMileage" maxlength="6" οnfοcus="if($.trim($(this).val())=='请输入'){$(this).val('').focus()}" style="ime-mode:disabled;" placeholder="请输入">
</span>
<em class="al_em">万公里</em>
</a>
</li>
<li>
<a href="javascript:;">
<span class="al-ico4">
选择城市
</span>
<span class="al_title" id="changeAreaCity" style="color: black;">上海</span>
<i class="per_icon_r jtx"></i>
</a>
</li>
<li>
<a href="javascript:;">
<span class="al-ico3">
联系电话
</span>
<span class="al_title">
<input class="inp120 mr40 col3" type="text" value="请输入" id="phone" maxlength="11" οnfοcus="if($.trim($(this).val())=='请输入'){$(this).val('').focus()}" style="ime-mode:disabled;" placeholder="请输入">
</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="al-ico3" style="padding-right: 5px;">
验证码
</span>
<span class="al_title">
<input class="inp120 mr40 col3" style="width: 70px;margin-right: 5px !important;" type="text" value="请输入" id="code" maxlength="6" οnfοcus="if($.trim($(this).val())=='请输入'){$(this).val('').focus()}" style="ime-mode:disabled;" placeholder="请输入">
<div style="display:inline-block;width: 40%;" οnclick="sendMobileCode();" id="codebtn" class="btn-contl btn-cont2" data="2">获取验证码</div>
</span>
</a>
</li>
</ul><!--下拉结束-->
</div>
<div class="btn-cont backbgf"><!--按钮开始-->
<div class="btn-contl" style="width: 100%;" id="gz2" οnclick="sendGuZhi2();" data="1">爱车估值</div>
</div>
<input type="hidden" id="trimId" value="">
<input type="hidden" id="trimName" value="">
<input type="hidden" id="hdModelId_Ks" value="">
<input type="hidden" id="hdCarStyle" value="">
<input type="hidden" id="hdStyleYear_Ks" value="">
<input type="hidden" id="hdNextStyleYear_Ks" value="">
<input id="hdRegdate" type="hidden" value="">
<input id="hdRegYear" type="hidden" value="">
<input id="hdRegMonth" type="hidden" value="">
<input id="hdCityId_Dw" type="hidden" value="2401">
<div id="tab_body">
<div class="zw_cs clearfix backbgf" id="b2c" style="display: none;"><!-- 车商报价开始-->
<div class="zw_shan clearfix"><!--扇形图开始-->
<ul id="zw_sh_txt_tit" class="zw_sh_txt_ul clearfix">
<li data="0" class="liqiehuan">
<div class="zw_sh_txt_tit">
<span>车况一般</span>
<em class="zw_sh_sj"></em>
</div>
</li>
<li class="liqiehuan" data="1">
<div class="zw_sh_txt_tit">
<span>车况良好</span>
<em class="zw_sh_sj"></em>
</div>
</li>
<li data="2" class="liqiehuan active">
<div class="zw_sh_txt_tit">
<span>车况极好</span>
<em class="zw_sh_sj"></em>
</div>
</li>
</ul>
<div id="zw_sh_bd" class="zw_sh_bd">
<div style="display: none;" class="qiehuan1">
<div class="zw_sh_txt_body">
<div class="zw_sh_txt">
<span class="zw_sh_name">估 值 范 围</span>:
<span class="zw_sh_va1"><em style="font-size:20px" id="c_low">15.69</em>万-<em style="font-size:20px" id="c_up">17.42</em>万</span>
</div>
<div class="zw_sh_txt">
<span class="zw_sh_name">建议售卖价</span>:
<span class="zw_sh_va2"><em style="font-size:20px" id="c_mid">16.87</em>万</span>
</div>
</div>
<div class="zw_sh_pic zw_sh_pic_l">
<div class="zw_sh_pic_txt">合理价格</div>
<div class="zw_sha_line zw_sha_line_l"></div>
<div class="zw_sha_kong zw_sha_line_c"></div>
<div class="zw_sha_kong zw_sha_line_r"></div>
</div>
<input type="hidden" class="suggest" style="font-size:20px" id="c_price" value="16.87">
</div>
<div style="display: none;" class="qiehuan1">
<div class="zw_sh_txt_body">
<div class="zw_sh_txt">
<span class="zw_sh_name">估 值 范 围</span>:
<span class="zw_sh_va1"><em style="font-size:20px" id="b_low">17.08</em>万-<em style="font-size:20px" id="b_up">18.57</em>万</span>
</div>
<div class="zw_sh_txt">
<span class="zw_sh_name">建议售卖价</span>:
<span class="zw_sh_va2"><em style="font-size:20px" id="b_mid">17.76</em>万</span>
</div>
</div>
<div class="zw_sh_pic zw_sh_pic_c">
<div class="zw_sh_pic_txt">合理价格</div>
<div class="zw_sha_kong zw_sha_line_l"></div>
<div class="zw_sha_line zw_sha_line_c"></div>
<div class="zw_sha_kong zw_sha_line_r"></div>
</div>
<input type="hidden" class="suggest" style="font-size:20px" id="b_price" value="17.76">
</div>
<div style="display: block;" class="qiehuan1">
<div class="zw_sh_txt_body">
<div class="zw_sh_txt">
<span class="zw_sh_name">估 值 范 围</span>:
<span class="zw_sh_va1"><em style="font-size:20px" id="a_low">18.11</em>万-<em style="font-size:20px" id="a_up">18.75</em>万</span>
</div>
<div class="zw_sh_txt">
<span class="zw_sh_name">建议售卖价</span>:
<span class="zw_sh_va2"><em style="font-size:20px" id="a_mid">18.4</em>万</span>
</div>
</div>
<div class="zw_sh_pic zw_sh_pic_r">
<div class="zw_sh_pic_txt">合理价格</div>
<div class="zw_sha_kong zw_sha_line_l"></div>
<div class="zw_sha_kong zw_sha_line_c"></div>
<div class="zw_sha_line zw_sha_line_r"></div>
</div>
<input type="hidden" class="suggest" style="font-size:20px" id="a_price" value="18.4">
</div>
</div>
</div><!--扇形图结束-->
<!-- <div class="zw_bcv_more"><a href="/appraise/getappraisehistory?pageIndex=1&pageSize=5&tradeType=2&styleId=10009459&cityId=501">查看历史成交价格>></a></div> -->
</div><!--车商报价结束-->
<div class="zw_cs clearfix backbgf" style="display: none;"><!-- 个人报价开始-->
<div class="zw_quote_care">
<em></em>
<p>卖给个人通常能卖个好价格,但需要遇到有缘人,成交速度较慢</p>
</div>
<div class="zw_shan clearfix"><!--扇形图开始-->
<ul id="zw_sh_txt_tit_g" class="zw_sh_txt_ul clearfix">
<li>
<div class="zw_sh_txt_tit">
<span>车况一般</span>
<em class="zw_sh_sj"></em>
</div>
</li>
<li class="active">
<div class="zw_sh_txt_tit">
<span>车况良好</span>
<em class="zw_sh_sj"></em>
</div>
</li>
<li>
<div class="zw_sh_txt_tit">
<span>车况极好</span>
<em class="zw_sh_sj"></em>
</div>
</li>
</ul>
<div id="zw_sh_bd_g" class="zw_sh_bd">
<div style="display: none;">
<div class="zw_sh_txt_body">
<div class="zw_sh_txt">
<span class="zw_sh_name">估 值 范 围</span>:
<span class="zw_sh_va1"><em id>17.26</em>万-<em>19.16</em>万</span>
</div>
<div class="zw_sh_txt">
<span class="zw_sh_name">建议售卖价</span>:
<span class="zw_sh_va2"><em>18.55</em>万</span>
</div>
</div>
<div class="zw_sh_pic zw_sh_pic_l">
<div class="zw_sh_pic_txt">合理价格</div>
<div class="zw_sha_line zw_sha_line_l"></div>
<div class="zw_sha_kong zw_sha_line_c"></div>
<div class="zw_sha_kong zw_sha_line_r"></div>
</div>
</div>
<div style="display: block;">
<div class="zw_sh_txt_body">
<div class="zw_sh_txt">
<span class="zw_sh_name">估 值 范 围</span>:
<span class="zw_sh_va1"><em>18.79</em>万-<em>20.42</em>万</span>
</div>
<div class="zw_sh_txt">
<span class="zw_sh_name">建议售卖价</span>:
<span class="zw_sh_va2"><em>19.54</em>万</span>
</div>
</div>
<div class="zw_sh_pic zw_sh_pic_c">
<div class="zw_sh_pic_txt">合理价格</div>
<div class="zw_sha_kong zw_sha_line_l"></div>
<div class="zw_sha_line zw_sha_line_c"></div>
<div class="zw_sha_kong zw_sha_line_r"></div>
</div>
</div>
<div style="display: none;">
<div class="zw_sh_txt_body">
<div class="zw_sh_txt">
<span class="zw_sh_name">估 值 范 围</span>:
<span class="zw_sh_va1"><em>19.92</em>万-<em>20.62</em>万</span>
</div>
<div class="zw_sh_txt">
<span class="zw_sh_name">建议售卖价</span>:
<span class="zw_sh_va2"><em id="sellAppraisePrice">20.24</em>万</span>
</div>
</div>
<div class="zw_sh_pic zw_sh_pic_r">
<div class="zw_sh_pic_txt">合理价格</div>
<div class="zw_sha_kong zw_sha_line_l"></div>
<div class="zw_sha_kong zw_sha_line_c"></div>
<div class="zw_sha_line zw_sha_line_r"></div>
</div>
</div>
</div>
</div><!--扇形图结束-->
<div class="zw_bcv_more"><a href="/appraise/getappraisehistory?pageIndex=1&pageSize=5&tradeType=2&styleId=10009459&cityId=501">查看历史成交价格>></a></div>
</div><!--个人报价结束-->
</div>
<img src="<%=request.getContextPath()%>/trade/img/1_03.jpg" />
<img src="<%=request.getContextPath()%>/trade/img/1_04.jpg" />
<div style="position:relative; " >
<%-- <img style="position:relative; margin-top:3% ; width: 5%;left:5%; " src="<%=request.getContextPath()%>/trade/img/2_03.png" />
<input style=" position:relative; margin-bottom:5% ;border:0px; left:10%;height: 200%;width: 60%;" type="number" value="请输入手机号码" id="userPhone" maxlength="11" οnfοcus="if($.trim($(this).val())=='请输入手机号码'){$(this).val('').focus()}" placeholder="请输入手机号码">
--%>
<div style=" position:relative;border:1px solid #E8E8E8;width:90%;left:5%;"">
<table style="position:relative;" border="0">
<tr>
<td style=" vertical-align:middle;position:relative;width:15%;">
<img style="position:relative;width: 40%;margin-top:18% ; left:18%; " src="<%=request.getContextPath()%>/trade/img/2_03.png" />
</td>
<td style=" vertical-align:middle;position:relative;width:85%;">
<input class="inp120 mr40 col3" style="position:relative; border:0px; left:10%;" type="tel" value="请输入手机号码" id="userPhone" maxlength="11" οnfοcus="if($.trim($(this).val())=='请输入手机号码'){$(this).val('').focus()}" placeholder="请输入手机号码">
</td>
</tr>
</table>
</div>
<div style=" position:relative;margin-top:2% ;float:left;border:1px solid #E8E8E8;width:40%;height:40px;left:5%;">
<input id="yzm" style=" position:relative;left:20%;margin-top:8% ; width: 80%;" type="text" value="请输入验证码" id="code2" maxlength="4" οnfοcus="if($.trim($(this).val())=='请输入验证码'){$(this).val('').focus()}" placeholder="请输入验证码"/>
</div>
<div οnclick="sendMobileCode2();" border="0" style=" background:#3d7efe;color:#fff; position:relative;margin-top:2% ;float:right;width:40%;height:40px;right:5%;text-align:center;" >
<span style="position:relative;top:25% ;">获取验证码</span>
</div>
<img id="booksale" οnclick="checkandbooksale();" style="position:relative;width: 90%;margin-top:2% ; left:5%; " src="<%=request.getContextPath()%>/trade/img/3_03.jpg" />
<!-- <button οnclick="booksale();" id="bookorder" style="position:relative;width:90%;left:5%;background:#E8E8E8; margin-top:2%;position:relative; " type="button">预约卖车</button> -->
</div>
<img src="<%=request.getContextPath()%>/trade/img/1_06.jpg" />
<div style="position:fixed; bottom:-1.5%; left:0px;z-index: 211;">
<table style="position:fixed;margin:0px;padding:0px; bottom:-22%; left:0px;position:relative;" border="0">
<tr>
<td style=" height:100%;margin:0px;vertical-align:middle;position:relative;width:50%;">
<img οnclick="zixun();" style="margin:0px;padding:0px;" src="<%=request.getContextPath()%>/trade/img/4_072.jpg" />
</td>
<td style="height:100%;margin:0px; vertical-align:middle;position:relative;width:50%;">
<img οnclick="dianhua();" style="margin:0px;padding:0px;" src="<%=request.getContextPath()%>/trade/img/4_082.jpg" />
</td>
</tr>
</table>
</div>
</body>
<script type="text/javascript">
$("#zw_sh_txt_tit li").click(function () {
var _this = $(this);
_this.addClass("active").siblings('li').removeClass("active");
var index = _this.attr("data");
$("#zw_sh_bd").find(".qiehuan1").eq(index).css("display","block").siblings(".qiehuan1").hide();
//获取车抵贷信息
//getCarloan();
//calcPrice(price);
});
function dianhua(){
window.location.href = "tel:4001036699";
}
function zixun(){
window.location.href = "https://ryak66.kuaishang.cn/bs/mim/69299/58465/332282.htm?ref=自建站";
/* $(location).attr('href', 'https://ryak66.kuaishang.cn/bs/mim/69299/58465/332282.htm?ref=自建站'); */
}
function booksale(){
meteor.track("form", {convert_id: "1663303473263624"});
$("#booksale").attr("onclick",null);
var userPhone =$('#userPhone').val();
var code = $('#yzm').val();
setHistory("预约卖车","估值卖车百度落地页1",userPhone);
//进行预约
$.ajax({
type: "POST",
url: "<%=request.getContextPath()%>/wxuser/bookInfo!saveBookOrder.action",
//url: "http://api.kx.cn/Account/commCode",
data: {
"userPhone":userPhone,
"code":code
},
success: function(data){
alert(data);
$('#userPhone').val("请输入手机号码");
$('#yzm').val("请输入验证码");
},error:function (data){
alert("系统异常");
}
});
}
var isPhone = 1;
function checkPhone(){
/* alert($("#changeCarStyle").text()); */
var phone = $('#userPhone').val();
var pattern = /^[1][3456789][0-9]{9}$/;
isPhone = 1;
if(phone == ''||phone=="请输入手机号码") {
alert('请输入手机号码');
isPhone = 0;
return;
}
if(!pattern.test(phone)){
alert('请输入正确的手机号码');
isPhone = 0;
return;
}
var yzm = $('#yzm').val();
if(!yzm||yzm==""||yzm=="请输入验证码"){
alert("请输入验证码");
isPhone = 0;
return;
}
setTimeout(function(){
$("#booksale").click(function(){
checkandbooksale();
});
}, 3000);
}
function checkandbooksale(){
checkPhone();
if(isPhone){
booksale();
}else{
$('#userPhone').focus();
}
}
function setHistory(button,busiName,phone){
$.ajax({
type: "POST",
url: "<%=request.getContextPath()%>/api/book!setHistory.action",
data: {
"button":button,
"busiName":busiName,
"phone":phone
},
success: function(data){
},error:function (data){
alert("系统异常");
}
});
}
function sendGuZhi2(){
var trimId =$('#trimId').val();
var trimName =$('#trimId').val();
var cityName =$('#changeAreaCity').html();
var hdRegYear = $('#hdRegYear').val();
var hdRegMonth = $('#hdRegMonth').val();
var txtMileage = $('#txtMileage').val();//公里数
var cityid = $('#hdCityId_Dw').val();//上牌城市
var phone =$('#phone').val();
var code =$('#code').val();
var Ispass = true;
if (!(trimId != "" && trimId > 0)) {
alert("请选择品牌车型后开始估值");
return false;
}
if (!($.trim(hdRegYear) != "" && $.trim(hdRegMonth) != "" &&
Number($.trim(hdRegYear)) > 0 && Number($.trim(hdRegMonth)) > 0)) {
alert("请选择上牌时间后开始估值");
return false;
}
var regdate = $.trim(hdRegYear) + "/" + $.trim(hdRegMonth) + "/1";
var rg = /^(([1-9]+)|([1-6][0-9]+)|([0-9]+\.[0-9]{1,2}))$/;
var mileage = $.trim(txtMileage);
var endDate = new Date();
var monthNum = new Date(regdate).dateDiff('m', endDate);
//alert(monthNum)
if (mileage == "" || mileage == "请输入") {
alert("请填写行驶里程后开始估值");
return false;
} else if (!rg.test(mileage)) {
alert("请输入正确的行驶里程");
return false;
} else if (Number(mileage) > Number(monthNum)) {
alert("行驶里程不能超过" + monthNum + "万公里");
return false;
}
if (cityid == null || cityid == "" || cityid <= 0) {
alert("请选择上牌城市后开始估值")
return false;
}
$("#gz2").attr("onclick",null);
meteor.track("form", {convert_id: "1663303473263624"});
setHistory("爱车估值","估值卖车百度落地页1",phone);
if(Ispass){
//进行估价
$.ajax({
type: "POST",
url: "<%=request.getContextPath()%>/api/book!getGuJia2.action",
//url: "http://api.kx.cn/Account/commCode",weixin
data: {
"trimId":trimId,
"mileage":mileage+"0000",
"phone":phone,
"code":code,
"trimName":trimName,
"buyCarDate":hdRegYear+"-"+hdRegMonth+"-01",
"cityId":cityid,
"cityName":cityName
},
success: function(data){
$('#c_low').html(data.c_low);$('#c_up').html(data.c_up);$('#c_mid').html(data.c_mid);
$('#c_price').html(data.c_mid);
$('#b_low').html(data.b_low);$('#b_up').html(data.b_up);$('#b_mid').html(data.b_mid);
$('#b_price').html(data.b_mid);
$('#a_low').html(data.a_low);$('#a_up').html(data.a_up);$('#a_mid').html(data.a_mid);
$('#a_price').html(data.a_mid);
$('#b2c').show();
document.getElementsByTagName('BODY')[0].scrollTop=280;
//页面到底部
/*document.getElementsByTagName('BODY')[0].scrollTop=document.getElementsByTagName('BODY')[0].scrollHeight;*/
//alert(data.a_mid);
//alert("估价成功");
},error:function (data){
alert("验证码不正确!");
}
});
}
}
function sendMobileCode2(){
var phone =$('#userPhone').val();
if(!phone||phone==""||phone=="请输入手机号码"){
alert("请输入手机号");
return;
}
var rge = /^[1][3456789][0-9]{9}$/;
if ($.trim(phone) != "" && $.trim(phone) != "请输入手机号码") {
if (rge.test($.trim(phone))) {
//请求dubbo接口 发送短信验证码=
$.ajax({
type: "POST",
url: "/weixin/api/book!getSMSCode.action",
//url: "http://api.kx.cn/Account/commCode",
data: {"phone":phone,"from":"wxgj"},
success: function(data){
$('#codebtn').removeAttr("class");
$('#codebtn').addClass("disableCssBtnSendSms");
$('#codebtn').removeAttr("onclick");
alert("验证码发送成功");
setTimeout("smsCode()",60000);
console.log(data);
}
});
}else{
alert("手机号码格式不正确");
}
}
}
</script>
</html>