车林通购车之家--购车计算器模块--保险

//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') }}

 

转载于:https://www.cnblogs.com/zouke1220/p/8176405.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/571345.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

麒麟710f能否升级到鸿蒙系统,定了!麒麟710以上支持升级鸿蒙系统,荣耀也可以升级...

原标题&#xff1a;定了&#xff01;麒麟710以上支持升级鸿蒙系统&#xff0c;荣耀也可以升级华为Mate X2发布会上&#xff0c;余承东表示4月份推送手机版鸿蒙系统&#xff0c;距离首发日期越来越近。不少朋友关心&#xff0c;哪些机型支持鸿蒙系统&#xff0c;荣耀手机可以更新…

我的奇思妙想机器人消防员_我是小小消防员(绘画篇)|来啊~斗图啊~看一场奇思妙想SHOW!...

点击上方 “四川消防119” 关注我们来&#xff0c;来&#xff0c;来快来进入孩子们脑洞大开的世界吧&#xff01;自今年6月以来&#xff0c;我们火热开展了“暑期消防安全教育专项行动”之“我是小小消防员”儿童消防绘画、作文竞赛活动&#xff0c;吸引了全省幼儿园小盆友、小…

mysql数据备份(windows,linux)

今天我有个朋友让我帮他在windowServer服务器上备份一下mysql的数据库&#xff0c;于是花了一天的时间完成了一个每天定时备份数据库的功能&#xff0c;小编在这里为大家记录一下&#xff1a; 首先对于mysql命令行的导入导出作一个简单的梳理 一、导入 ①mysql -h主机 -u账号 -…

android5.1.1移植教程,iTOP4412开发板Android5.1.1移植教程

对于传统的操作系统来说&#xff0c;普通的 I/O 操作一般会被内核缓存&#xff0c;这种 I/O 被称作缓存 I/O。本文所介绍的文件访问机制不经过操作系统内核的缓存&#xff0c;数据直接在磁盘和应用程序地址空间进行传输&#xff0c;所以该文件访问的机制称作为直接 I/O。Linux …

岗位po是什么意思_劳务派遣是什么意思,劳务派遣和正式员工区别在哪

劳务派遣也是劳动活动的一种&#xff0c;虽然性质相对于临时工&#xff0c;但是劳务派遣仍然属于劳动合同法所调整的&#xff0c;不过与正式员工存在一定区别。因此接下来将由找法网小编为您介绍关于劳务派遣是什么意思&#xff0c;劳务派遣和正式员工区别在哪及其相关方面的知…

Android对性能要求,Android性能管理

管理Android设备的功耗和性能有助于确保应用程序在各种硬件上始终如一地顺畅运行。在Android 7.0及更高版本中&#xff0c;OEM可以实现对持续性能提示的支持&#xff0c;使应用程序能够保持一致的设备性能&#xff0c;并指定专属核以提高CPU密集型前台应用程序的性能。持续性能…

BZOJ 1878: [SDOI2009]HH的项链 | 莫队

题解: http://www.lydsy.com/JudgeOnline/problem.php?id1878 题解: 莫队板子题 核心思想是对区间的询问离线之后按照合理的顺序来优化复杂度 一般的做法是先分块,以左端点所在块为第一关键字,右端点位置为第二关键字排序 用两个指针来跑,这样可以证明的是时间复杂度为O(n√n)…

layui导航栏页面滚动固定_帮你搞定长滚动网页的设计!这5种设计策略需谨记!...

网站中的内容再好&#xff0c;总得让用户能看到&#xff0c;才有价值&#xff0c;而矛盾在于&#xff0c;首屏的空间始终是有限的。所以&#xff0c;我们总希望用户能够滚动页面向下看&#xff0c;从某种意义上来说&#xff0c;长滚动页面和无限滚动的设计&#xff0c;如此地受…

hdata datax交流总结

http://blog.csdn.net/zlm838687/article/details/74781522 hdata datax交流总结 今天和阿里云的同学就数据同步做了简要的交流&#xff0c;下面就交流的内容做一个总结 分片相关 datax目前可以支持单机(standalone)和集群模式(cluster).目前开源的是单机版本。无论是单机版本还…

南邮计算机专硕考研专业课,南京邮电大学(专业学位)计算机技术研究生考试科目和考研参考书目...

考研真题资料优惠价原价选择南京邮电大学(专业学位)计算机技术教材&#xff0c;也叫南京邮电大学(专业学位)计算机技术考研参考书、指定书目等等&#xff0c;是考验专业课复习过程中最重要的资料。考研是一种针对性很强的考试项目&#xff0c;参考书目由报考院校的研究生院制定…

ios 设置属性的center_【从0到1的Stata图表学习1】图例设置

导读规则&#xff1a;正文出现非加粗红色字体&#xff0c;对应Stata命令&#xff1b;正文中出现蓝色字体&#xff0c;对应往期链接&#xff1b;do文件中&#xff1a;"/**/"符号代表作者注释内容&#xff0c;帮助理解&#xff1b;"//"代表分节&#xff0c;便…

CentOS7 升级Python2.x到3.x

CentOS 7 中默认安装了 Python&#xff0c;版本比较低&#xff08;2.7.5&#xff09;&#xff0c;为了使用新版 3.x&#xff0c;需要对旧版本进行升级。由于很多基本的命令、软件包都依赖旧版本&#xff0c;比如&#xff1a;yum。所以&#xff0c;在更新 Python 时&#xff0c;…

计算机网络的应用领域有那些,计算机网络应用领域

描述计算机网络应用领域一、计算机网络在现代企业中的应用计算机网络的发展和应用改变了传统企业的管理模式和经营模式。在现代企业中企业信息网络得到了广泛的应用。它是一种专门用于企业内部信息管理的计算机网络&#xff0c;覆盖企业生产经营管理的各个部门&#xff0c;在整…

ffmpeg rtsp转hls_Qt音视频开发24-ffmpeg音视频同步

## 一、前言用ffmpeg来做音视频同步&#xff0c;个人认为这个是ffmpeg基础处理中最难的一个&#xff0c;无数人就卡在这里&#xff0c;怎么也不准&#xff0c;本人也是尝试过网上各种demo&#xff0c;基本上都是渣渣&#xff0c;要么仅仅支持极其少量的视频文件比如收到的数据包…

1119. Pre- and Post-order Traversals (30)

友情提示&#xff1a;这题非常值得自己思考独立做出来&#xff0c;请反复确认后再往下拉 1119. Pre- and Post-order Traversals (30) 时间限制400 ms内存限制65536 kB代码长度限制16000 B判题程序Special作者CHEN, YueSuppose that all the keys in a binary tree are distinc…

单招计算机英语面试口语,单招面试英语自我介绍范文 自我介绍说什么

单招面试英语自我介绍范文 自我介绍说什么2018-03-11 10:50:17文/李男学好英语就意味着可能有更多的机会&#xff0c;单招面试中英语自我介绍也是很重要的。那么&#xff0c;英语自我介绍说什么呢&#xff1f;下面小编整理了一些英语自我介绍范文&#xff0c;供大家参考&#x…

jsp中导入jsf标签库_初学jsf,自制的标签使用时报错?解决办法

当前位置:我的异常网 Java Web开发 初学jsf&#xff0c;自制的标签使用时报错&#xff1f;解决办法初学jsf&#xff0c;自制的标签使用时报错&#xff1f;解决办法www.myexceptions.net 网友分享于&#xff1a;2013-09-12 浏览&#xff1a;10次初学jsf&#xff0c;自制的标签…

bzoj 2245 [SDOI2011]工作安排【最小费用最大流】

其实不用拆点&#xff0c;对于每个人我们假装他是\( s[i]1 \)个点&#xff0c;可以由他向T点分别连\( s[i]1 \)条边&#xff0c;容量为\( t[i][j]-t[i][j-1]\)&#xff0c;由S点向所有产品i连容量为c[i]的边&#xff0c;由所有产品向能制造它的人连容量为inf的边。 因为是最小费…

angularjs directive scope变化为啥html,学习AngularJs:Directive指令用法(完整版)

本教程使用AngularJs版本&#xff1a;1.5.3摘要&#xff1a;Directive(指令)笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性或ATTR属性&#xff0c;并且它不只是单单如此&#xff0c;你还可以在它的基础上来操作scope、绑…

通信、计算机、电子相关专业技术工作

中国联合网络通信有限公司&#xff08;福建分公司2018招聘&#xff09;<1>IT工程师相应岗位&#xff08;软件方向&#xff09;岗位需求1.以C/C等计算机语言为主要武器&#xff0c;参与公司IT开发、维护、优化2.根据公司发展和业务需求进行软件设计、参与代码开发、系统测…