车林通购车之家--购车计算器模块--保险
Posted 邹柯
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了车林通购车之家--购车计算器模块--保险相关的知识，希望对你有一定的参考价值。
//car-calculator-bx.twig
{{ include(\'jsq-nav.twig\') }}
<div class="switch-item active" id="bodya">
<div class="top-layer2 clearfix">
<div class="tit"><span>新车保险市场价</span></div>
<div class="num-box">
<i id="totalPriceLayer">8487</i><span>元</span>
</div>
<p class="hj-box font24 color-white">
官方指导价<i id="guanFangPrice">9,324</i>元<strong>(注:新车商业险9折)</strong>
</p>
<a id="chongzhi" class="btn-resetting">重置</a>
</div>
<a class="jsq-dk-jiange font24 color-blue" href="{{path(["/h5/choose-car/insurance"])}}">
车主续险更多优惠<i class="arrow-icon rgt-icon"></i>
</a>
<div class="hj-form bor-top">
<div class="hj-user-info-box">
<div class="hj-user-info select-mode-car1 font28">
<label class="color-light-gray">选择车款</label><span class="act fr" id="select_carname">2015款 奥迪A4L 30 TFSI 手动 舒适型</span><i class="arrow-icon show-next-icon right-w"></i>
</div>
</div>
<div class="hj-user-info-box">
<div class="hj-user-info font28">
<label class="color-light-gray">裸车价格</label>
<input id="luochePrice2" type="number" value="272800" class="fr txt-rgt" />
<i class="arrow-icon show-next-icon right-w"></i>
</div>
</div>
<div class="jsq-jiange-box clearfix font24 color-gray">
<span class="left-tab fl">强制保险</span>
<span class="left-tab fr">小计：<span id="qzbx">25,246</span></span>
</div>
<div class="hj-user-info-box">
<div class="hj-user-info font28">
<a href="javascript:;" class="model-show-jqx">
<label class="color-light-gray">交强险</label>
<span id="jiaoQiangX" class="act fr">1,100</span>
<i class="arrow-icon show-next-icon right-w"></i>
</a>
</div>
</div>
<!--商业保险-->
{{ include(\'insurance.twig\') }}
<div class="blank20"></div>
<div class="summary-box bor-top bgfff font24">
<div class="t-box">
<span class="r-txt font24 color-red fr"><label id="totalPriceBottom">8,487</label>元</span>
<h3 class="font24 color-black">新车保险市场价</h3>
</div>
<p class="b-box font24 color-gray">此结果仅供参考，实际费用以当地缴费为准</p>
</div>
</div>
</div>
<!--重置显示内容 S-->
<div class="m-set-height">
<div class="top-layer">请选择购买车款或输入裸车价格</div>
<div class="hj-form bor-top">
<div class="hj-user-info-box">
<div class="hj-user-info select-mode-car2 font28">
<label class="color-light-gray">选择车款</label><span class="act fr" id="select_carname2"></span><i class="arrow-icon show-next-icon right-w"></i>
</div>
</div>
<div class="hj-user-info-box">
<div class="hj-user-info font28">
<label class="color-light-gray">裸车价格</label><input id="luochePrice3" type="number" value="" class="fr txt-rgt" /><i class="arrow-icon show-next-icon right-w"></i>
</div>
</div>
</div>
<div class="m-jsq-btn-box">
<a class="btn-orange" href="javascript:void(0)">开始计算</a>
</div>
</div>
<!--重置显示内容 E-->
<div class="blank20"></div>
{{ include(\'footer.twig\') }}
<div class="left-mask"></div>
<!--交强险弹窗-->
<div class="left-popup popup-type cal-cul-jqx">
<div class="swipe-left">
<dl id="zuoWeiSDl" class="tt-list">
<dd class="current">
<a>
<p id="item950" class="font28 top-item">家用6座以下</p>
</a>
</dd>
<dd class="">
<a>
<p id="item1100" class="font28 top-item">家用6座及以上</p>
</a>
</dd>
</dl>
</div>
</div>
<!--商业保险弹窗-->
{{ include(\'insurance-tanchuang.twig\') }}
{{ use(\'common\\\\widgets\\\\JsBlock\') }}
{{ js_block_begin() }}
<script type="text/javascript">
function calcAutoAll() {
//交强险
calcCompulsory();
//第三责任险
calcTPL();
//车辆损失险
calcCarDamage();
//不计免赔特约险
calcAbatement();
//全车盗抢险
calcCarTheft();
//玻璃单独破碎险
calcBreakageOfGlass();
//自燃损失险
calcSelfignite();
//涉水险/发动机特别损失险
calcCarEngineDamage();
//车身划痕险
calcCarDamageDW();
//司机座位责任险
calcLimitofDriver();
//乘客座位责任险
calcLimitofPassenger();
//必要花费小计
calcEssentialCost();
//商业保险小计
calcCommonTotal();
//市场价
calcMarket();
//官方指导价
calcCompany();
//强制保险小计
calcQzbx();
}
function InitTagStatus() {
var carid=$.cookie("model_id");
//alert(carid);
var carPrice =$.cookie("hidCarPrice");
//alert(carPrice);
if (carid) {
if (carPrice) {
$("#hidCarPrice").val(carPrice);
//$("#luochePrice1").html(formatCurrency(carPrice));
$("#luochePrice2").attr("value", carPrice);
$("#luochePrice3").attr("value", carPrice);
} else {
//$("#luochePrice1").html(formatCurrency($("#hidCarPrice").val()));
$("#luochePrice2").attr("value", $("#hidCarPrice").val());
$("#luochePrice3").attr("value", $("#hidCarPrice").val());
}
GetCarInfo(carid);
} else {
$("#hidCarPrice").val(carPrice);
//$("#luochePrice1").html(formatCurrency(carPrice));
//$("#luochePrice2").val(formatCurrency(carPrice));
$("#luochePrice2").attr("value", carPrice);
$("#zuoWeiSDl dd").attr("class", "");
$("#zuoWeiSDl dd").eq(0).attr("class", "current");
$("#boLiXDl dd").attr("class", "");
$("#boLiXDl dd").eq(0).attr("class", "current");
$("#cheChuanDl dd").attr("class", "");
$("#cheChuanDl dd").eq(1).attr("class", "current");
}
}
//$("#luochePrice1").html(formatCurrency($("#hidCarPrice").val()));
//$("#luochePrice2").val(formatCurrency($("#hidCarPrice").val()));
$("#luochePrice2").attr("value", $("#hidCarPrice").val());
GetCarInfo(0);
$("#diSanZheXDl dd").attr("class", "");
$("#diSanZheXDl dd").eq(2).attr("class", "current");
$("#cheShenXDl dd").attr("class", "");
$("#cheShenXDl dd").eq(1).attr("class", "current");
$("#siJiXDl dd").attr("class", "");
$("#siJiXDl dd").eq(1).attr("class", "current");
$("#chengKeXDl dd").attr("class", "");
$("#chengKeXDl dd").eq(1).attr("class", "current");
InitTagStatus(); //有参数传递时
calcAutoAll();
</script>
{{ js_block_end() }}
<!--车款选择弹窗-->
{{ include(\'car-model-select-tanchaung.twig\') }}
以上是关于车林通购车之家--购车计算器模块--保险的主要内容，如果未能解决你的问题，请参考以下文章