车林通购车之家--购车计算器模块--保险
//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') }}