mengzhu.zhang
/
xiaohuazhu


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="yes" name="apple-mobile-web-app-capable">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
		<title>借款</title>
		<link rel="stylesheet" type="text/css" href="../common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="./css/borrow-money02.css?v=1"/>
		<script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
        <script type="text/javascript">
            var viewport = document.querySelector("meta[name=viewport]")
            if (window.devicePixelRatio == 1) {
                viewport.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no')
            } 
            if (window.devicePixelRatio == 2) {
                viewport.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no')
            } 
            if (window.devicePixelRatio == 3) {
                viewport.setAttribute('content', 'width=device-width, initial-scale=0.333333333, maximum-scale=0.333333333, minimum-scale=0.333333333, user-scalable=no')
            } 
			document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
			window.onresize = function(){
				document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
            } 
		</script>
	</head>
	<body>
		<div class="container">
            <div class="top_hint"><span>i</span>警惕“兼职刷单”、“假冒客服退款”、“转账到安全账户“等骗术！</div>
            <div class="borrow">
                <p>借多少</p>
                <div class="month borrow_money">
                    <div class="active" data-money="5千">5千</div>
                    <div data-money="5万">5万</div>
                    <div data-money="10万">10万</div>
                </div>
            </div>
            <div class="money">
                <div><span>¥</span><em></em></div>
                <p class="money_hint">可提前还款，利息按天计算，免手续费</p>
            </div>
            <!-- 借多久 -->
            <div class="how_borrow">
                <p class="how_borrow_title">借多久</p>
                <div class="month borrow_month">
                    <div class="active" data-month="3月">3个月</div>
                    <div data-month="6月">6个月</div>
                    <div data-month="12月">12个月</div>
                </div>
            </div>
            <!-- 怎么还 -->
            <ul class="how_return">
                <li>
                    <div class="left">怎么还</div>
                    <div class="right">
                        <p>先息后本</p>
                        <p>先还利息，到期还本金</p>
                    </div>
                </li>
                <li>
                    <div class="left">还款计划</div>
                    <div class="right repayment_Date">
                        <p>-</p>
                    </div>
                </li>
                <li>
                    <div class="left">总利息</div>
                    <div class="right total_interest">
                        <p>131.60</p>
                    </div>
                </li>
                <li>
                    <div class="left">收款账户</div>
                    <div class="right">
                        <p>6214830193746285</p>
                    </div>
                </li>
            </ul>
            <button class="go_borrow_money" onclick="go_borrow_money()">去借钱</button>
        </div>
        <!-- 费用详情 -->
        <div class="cost_detail">
            <div class="content">
                <div class="top">
                    <div></div>
                </div>
                <div class="detail">
                    <div class="detail_con">
                        <h3>费用详情</h3>
                        <!-- <p class="borrowing_costs_title">借款费用</p> -->
                        <ul class="borrowing_costs">
                            <li><span>借款总额</span><span class="total_loan_money">2100.00元</span></li>
                            <li><span>到账金额</span><span class="total_loan_money">2100.00元</span></li>
                            <li><span>借款期限</span><span class="total_loan_month">3个月</span></li>
                            <li><span>年利率</span><span>1.01%x12个月</span></li>
                            <li><span>每期应还</span><span class="monthly_money">2100.00元</span></li>
                            <li><span>收款账户</span><span class="">6214830193746285</span></li>
                        </ul>
                        <ul class="borrowing">
                            <li><span>含服务费</span><span>10元</span></li>
                            <li><span>含担保责任金</span><span>20元</span></li>
                            <li><span>含担保服务费</span><span>28元</span></li>
                        </ul>
                        <p class="detail_con_hint">违约风险提示</p>
                        <p class="detail_con_hint">以上数据均根据选择的金额及期数计算得出。每期还款金额仅供参考，具体费用说明以最终协议为准。</p>
                        <p class="detail_con_hint">违约后果：如您违反合同约定，未按期足额还款，服务方有权自行或委托第三方代理人出借</p>
                    </div>
                    <button class='cost_detail_yes' onclick="go_identity_authentication()">确定</button>
                </div>
            </div>
        </div>
         <!--提示弹框-->
        <div class="alert-info" style="display: none;">
            <!-- tip提示,2s后消失 -->
            <p></p>
        </div>	
	</body>
</html>
<script>
    var data_json ={
        "5千_3月": {"loan_amount":"5000","loan_month":"3","total_interest":"8.42","monthly_money":"1669.47"},
        "5千_6月": {"loan_amount":"5000","loan_month":"6","total_interest":"14.74","monthly_money":"835.79"},
        "5千_12月": {"loan_amount":"5000","loan_month":"12","total_interest":"27.4","monthly_money":"418.95"},
        "5万_3月": {"loan_amount":"50000","loan_month":"3","total_interest":"84.19","monthly_money":"16694.73"},
        "5万_6月": {"loan_amount":"50000","loan_month":"6","total_interest":"147.39","monthly_money":"8357.90"},
        "5万_12月": {"loan_amount":"50000","loan_month":"12","total_interest":"273.96","monthly_money":"4189.50"},
        "10万_3月": {"loan_amount":"100000","loan_month":"3","total_interest":"168.38","monthly_money":"33389.46"},
        "10万_6月": {"loan_amount":"100000","loan_month":"6","total_interest":"294.79","monthly_money":"16715.80"},
        "10万_12月": {"loan_amount":"100000","loan_month":"12","total_interest":"547.93","monthly_money":"8378.99"}
    }
    var loan_amount,loan_month

    $().ready(function () {
        clickEvent()
        init();
    })

    function clickEvent () {
        $(".borrow_month div").click(function () {
            $(".borrow_month div").removeClass('active')
            $(this).addClass('active');
            init()
        })

        $(".borrow_money div").click(function () {
            $(".borrow_money div").removeClass('active')
            $(this).addClass('active');
            init()
        })
    }

    function init () {
        loan_amount = $(".borrow_money .active").attr('data-money');//借款金额
        loan_month = $(".borrow_month .active").attr('data-month');//借款期限
        $(".money em").html(data_json[loan_amount+'_'+loan_month].loan_amount);//借款金额
        var today = new Date().getTime()
        var lastDay = today + 60 * 60 * 1000 * 24 * 30 //获取30天后的日期
        $('.repayment_Date p').html('首期'+ format(lastDay) + ' 应还<span>' + ((data_json[loan_amount+'_'+loan_month].loan_amount)/(data_json[loan_amount+'_'+loan_month].loan_month*30)).toFixed(2) + '</span>')
        $(".total_interest p").html(data_json[loan_amount+'_'+loan_month].total_interest)//总利息

        $(".total_loan_money").html(data_json[loan_amount+'_'+loan_month].loan_amount + '元')
        $(".total_loan_month").html(data_json[loan_amount+'_'+loan_month].loan_month + '个月')
        $(".monthly_money").html(data_json[loan_amount+'_'+loan_month].monthly_money)
    }
    function go_borrow_money () {
        //   去借款
        $(".cost_detail").show();
    }

    function go_identity_authentication () {
        //去身份证页面

        window.location.href = './InfoAuthentication.html?type=2'
    }
    function format (shijianchuo) {
        //shijianchuo是整数，否则要parseInt转换
        var time = new Date(shijianchuo);
        var y = time.getFullYear();
        var m = time.getMonth() + 1;
        var d = time.getDate();
        var h = time.getHours();
        var mm = time.getMinutes();
        var s = time.getSeconds();
        return  m + '月' + d + '日';
    }
</script>