pfhwyigou/frontend/views/knowledgebase/tools.php


<?php
use frontend\assets\AppAsset;
use yii\widgets\LinkPager;
use yii\helpers\Url;
AppAsset::addCss($this,Yii::$app->request->baseUrl."/overseas/css/tools/app.css");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/overseas/js/knowledgebase/tools/ie8.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/overseas/js/knowledgebase/tools/manifest.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/overseas/js/knowledgebase/tools/vendor.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/overseas/js/knowledgebase/tools/app.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/overseas/js/knowledgebase/tools/_ub.js");
$this->title  = '房贷计算器_公积金贷款计算器-品房海外';
$this->metaTags[]='<meta name="keywords"  content="房贷计算器，房贷计算器2017，贷款计算器，公积金贷款计算器" />';
$this->metaTags[]='<meta name="description" content="房贷计算器，品房海外房贷计算器为购房者提供房贷计算器及各种在线购房计算工具。包括房贷计算器，贷款计算器，公积金贷款计算器，商业贷款计算器，房贷提前还贷计算器，税费计算器。"/>';
?>

<script>
  var Fang = {};Fang.city = "bj";Fang.cityName = "";
</script>
<div id="app">
 <div>
  <div class="counter main_1000 clearfix c">
   <section class="c" style="overflow:hidden">
    <p class="banner_top"></p>
    <div class="tab_list">
     <ul class="clearfix c">
      <li class="">房贷计算器</li>
      <li class="">税费计算器</li>
      <li class="">提前还贷计算器</li>
      <li class="on">公积金贷款额度查询</li>
      <li class="">购房能力评估</li>
      <li class="">装修贷款计算器</li>
     </ul>
    </div>
   </section>
   <div class="c"></div>
   <table>
    <tbody>
     <tr>
      <td class="counter_list counter_list_width1">
       <ul class="clearfix fl c">
        <li><span>贷款类别：</span>
         <div class="clearfix c">
          <p class="select"><input type="" name="" readonly="readonly" /><i></i></p>
          <ul class="option" style="display: none;">
           <li>商业贷款</li>
           <li>公积金贷款</li>
           <li>组合型贷款</li>
          </ul>
         </div></li>
        <li style="display: none;"><span>商业贷款额：</span><input type="text" placeholder="请输入商业贷款额" name="" class="black" /><i>万</i></li>
        <li class="money_rate" style="display: none;"><span>商贷利率：</span>
         <div class="clearfix c">
          <p class="select"><input type="text" name="" readonly="readonly" /><i></i></p>
          <ul class="option" style="height: 150px;overflow-x: hidden;overflow-y: auto;display: none;">
           <li>基准利率</li>
           <li>7折</li>
           <li>85折</li>
           <li>88折</li>
           <li>9折</li>
           <li>95折</li>
           <li>1.1倍</li>
           <li>1.2倍</li>
           <li>1.3倍</li>
          </ul>
         </div><input type="text" name="" placeholder="" /><i>%</i></li>
        <li style="display: none;"><span>公积金贷款额：</span><input type="text" placeholder="请输入公积金贷款额" name="" /><i>万</i></li>
        <li class="money_rate" style="display: none;"><span>公积金利率：</span>
         <div class="clearfix c">
          <p class="select"><input type="" name="" readonly="readonly" /><i></i></p>
          <ul class="option" style="height: 150px;overflow-x: hidden;overflow-y: auto;display: none;">
           <li>基准利率</li>
           <li>7折</li>
           <li>85折</li>
           <li>88折</li>
           <li>9折</li>
           <li>95折</li>
           <li>1.1倍</li>
           <li>1.2倍</li>
           <li>1.3倍</li>
          </ul>
         </div><input type="text" name="" placeholder="" /><i>%</i></li>
        <li><span>计算方式：</span>
         <div class="clearfix">
          <p class="select"><input type="text" name="" readonly="readonly" class="black" /><i></i></p>
          <ul class="option" style="display: none;">
           <li>根据面积、单价计算</li>
           <li>根据贷款总额计算</li>
          </ul>
         </div></li>
        <li style="display: none;"><span>贷款总额：</span><input type="text" placeholder="请输入贷款总额" name="" /><i>万</i></li>
        <li><span>房屋单价：</span><input type="text" placeholder="请输入房屋单价" name="" /><i>元/平米</i></li>
        <li><span>房屋面积：</span><input type="text" placeholder="请输入房屋面积" name="" class="black" /><i>平方米</i></li>
        <li><span>按揭成数：</span>
         <div class="clearfix">
          <p class="select"><input type="" name="" readonly="readonly" /><i></i></p>
          <ul class="option" style="height: 200px;overflow-y: auto;display: none;">
           <li>8成</li>
           <li>7.5成</li>
           <li>7成</li>
           <li>6.5成</li>
           <li>6成</li>
           <li>5.5成</li>
           <li>5成</li>
           <li>4.5成</li>
           <li>4成</li>
           <li>3.5成</li>
           <li>3成</li>
           <li>2.5成</li>
           <li>2成</li>
          </ul>
         </div></li>
        <li><span>按揭年数：</span>
         <div class="clearfix">
          <p class="select"><input type="" name="" readonly="readonly" /><i></i></p>
          <ul class="option" style="height: 200px;overflow-y: auto;display: none;">
           <li>30年（360期）</li>
           <li>29年（348期）</li>
           <li>28年（336期）</li>
           <li>27年（324期）</li>
           <li>26年（312期）</li>
           <li>25年（300期）</li>
           <li>24年（288期）</li>
           <li>23年（276期）</li>
           <li>22年（264期）</li>
           <li>21年（252期）</li>
           <li>20年（240期）</li>
           <li>19年（228期）</li>
           <li>18年（216期）</li>
           <li>17年（204期）</li>
           <li>16年（192期）</li>
           <li>15年（180期）</li>
           <li>14年（168期）</li>
           <li>13年（156期）</li>
           <li>12年（144期）</li>
           <li>11年（132期）</li>
           <li>10年（120期）</li>
           <li>9年（108期）</li>
           <li>8年（96期）</li>
           <li>7年（84期）</li>
           <li>6年（72期）</li>
           <li>5年（60期）</li>
           <li>4年（48期）</li>
           <li>3年（36期）</li>
           <li>2年（24期）</li>
           <li>1年（12期）</li>
          </ul>
         </div></li>
        <li class="money_rate"><span>贷款利率：</span>
         <div class="clearfix">
          <p class="select"><input name="" readonly="readonly" /><i></i></p>
          <ul class="option" style="height: 150px;overflow-x: hidden;overflow-y: auto;display: none;">
           <li>基准利率</li>
           <li>7折</li>
           <li>85折</li>
           <li>88折</li>
           <li>9折</li>
           <li>95折</li>
           <li>1.1倍</li>
           <li>1.2倍</li>
           <li>1.3倍</li>
          </ul>
         </div><input type="text" name="" placeholder="" /><i>%</i></li>
        <li><span>还款方式：</span><span class="fangshi"><i class="on"></i>等额本息</span><span class="fangshi"><i class=""></i>等额本金</span></li>
        <li><span></span><span class="start">开始计算</span><span class="empty">清空重填</span></li>
       </ul></td>
      <td class="counter_center"></td>
      <td valign="top" class="counter_right counter_right_width1 none">
       <ul>
        <li class="title"><h2>计算结果</h2></li>
        <li class="clearfix"><h3>首付：</h3><span class="on">0</span><i>元</i></li>
        <li class="clearfix"><h3>每月月供：</h3><span class="on">0</span><i>元</i></li>
        <li class="clearfix" style="display: none;"><h3>每月递减：</h3><span class="on">100</span><i>元</i></li>
        <li class="clearfix"><h3>贷款总额：</h3><span>0</span><i>元</i></li>
        <li class="clearfix"><h3>支付利息：</h3><span>0</span><i>元</i></li>
        <li class="clearfix"><h3>还款总额：</h3><span>0</span><i>元</i></li>
        <li class="clearfix"><h3>还款月数：</h3><span></span><i>月</i></li>
       </ul><p class="note">*以上结果仅供参考</p></td>
      <td class="counter_right2">
        <p>要贷款买房，赶紧算算吧！</p>
      </td>
     </tr>
    </tbody>
   </table>
  </div>
 </div>
</div>