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

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

 

以上是关于车林通购车之家--购车计算器模块--保险的主要内容,如果未能解决你的问题,请参考以下文章

车林通购车之家--购车计算器模块--全款

车林通购车之家--购车计算器模块--车型弹窗

陌车购车系统开发

异地购车本地上牌别担心

“挖矿有害环境”,马斯克紧急叫停比特币购车,加密货币集体暴跌

新手购车6大妙招