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

//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;荣耀手机可以更新…

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密集型前台应用程序的性能。持续性能…

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

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

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

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

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

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

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

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

lisp遍历表中所有顶点_三十张图片让你彻底弄明白图的两种遍历方式:DFS和BFS...

1 引言遍历是指从某个节点出发&#xff0c;按照一定的的搜索路线&#xff0c;依次访问对数据结构中的全部节点&#xff0c;且每个节点仅访问一次。  在二叉树基础中&#xff0c;介绍了对于树的遍历。树的遍历是指从根节点出发&#xff0c;按照一定的访问规则&#xff0c;依次…

通用测试用例大全

为方便平时写测试用例&#xff0c;整理如下&#xff1a; 功能条件测试步骤测试数据预期结果备注搜索或查询 单独遍历各查询条件&#xff0c;测试按各查询条件是否都能够查询出相应的值. 查询出符合条件的记录 设置界面上所有查询条件进行查询,单击查询按钮后&#xff0c;测试执…

Net学习日记_ASP.Net_MVC_新语法笔记

01.新语法 本章中主要讲解.Net框架性语法。开发者可以使用新语法提高编程的效率以及代码的运行效率&#xff1b;其本质都是“语法糖”&#xff0c;由编译器在编译时转成原始语法。 1 自动属性 Auto-Implemented Properties 2 隐式类型 var 3 对象初始化器 与 集合初始化器 { …

Mybatis_接口编程

Mybatis参考使用文档&#xff1a;http://www.mybatis.org/mybatis-3/zh/index.html 1.项目结构 2.新增EmployeeMapper.java接口代码 package com.atguigu.mybatis.dao;import com.atguigu.mybatis.bean.Employee;public interface EmployeeMapper {public Employee getEmpById(…

iconv 判断字符编码_GBK 和 UTF8编码

相关学习内容&#xff1a;https://study.163.com/course/courseMain.htm?courseId1210747815&share2&shareId480000002227524​study.163.com9节课征服「字符编码」 - 网易云课堂9节课征服「字符编码」 - 网易云课堂​study.163.com首先来看一下常用的编码有哪些&…

完美粉红噪声及各种声波测试软件,粉红噪声的测试原理

粉红噪声。既然是噪声就绝对不是单纯的纯音&#xff0c;它是一种频率覆盖范围很宽的声音。低频能下降到接近0Hz(不包括0Hz)高频端能上到二十几千赫&#xff0c;而且它在等比例带宽内的能量是相等的(误差只不过0.1dB左右)。比如用1/3oct带通滤波器去计算分析&#xff0c;我们会发…

catia怎么进入装配_CATIA教程之常见去参方法

Catia去除参数常用于以下几种情形&#xff1a;1)模型比较大&#xff0c;通过邮件发送不方便&#xff0c;去除模型参数可以减小模型数据大小。2)有时候需要将模型给别人使用&#xff0c;不希望对方知道你的建模过程或者更改你的模型&#xff0c;为了保密或者保护自己&#xff0c…

beeline执行sql文件_MyBatis的SQL执行流程不清楚?看完这一篇就够了

前言MyBatis可能很多人都一直在用&#xff0c;但是MyBatis的SQL执行流程可能并不是所有人都清楚了&#xff0c;那么既然进来了&#xff0c;通读本文你将收获如下&#xff1a;1、Mapper接口和映射文件是如何进行绑定的2、MyBatis中SQL语句的执行流程3、自定义MyBatis中的参数设置…