cal.php 7.02 KB
<?php $this->load->view('common/header'); ?>

<body>
<div class="cl pd-5 bg-1">
        <span class="l">
            <button class="btn btn-primary radius" onclick="layer_load('', '<?= site_url('/tool/cal'); ?>');">
                <i class="Hui-iconfont">&#xe636;</i> 利息计算器
            </button>
            <button class="btn btn-primary radius" onclick="layer_load('', '<?= site_url('/tool/web'); ?>');">
                <i class="Hui-iconfont">&#xe60d;</i> 网查网址
            </button>
        </span>
</div>

<form id="form">
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="row cl">
                <div class="form-group col-sm-3 col-md-2">
                    <label>产品名称</label>
                    <span class="form-control select-box">
                                <select id="product" class="select" size="1" name="productId">
                                    <?php foreach ($this->session->products as $k => $v): ?>
                                        <option data-repaymentMode="<?= $v->repaymentMode ?>"
                                                data-loanDeadline="<?= $v->loanDeadline ?>"
                                                value="<?= $v->id ?>"><?= $v->productName ?></option>
                                    <?php endforeach; ?>
                                </select>
                            </span>
                </div>
                <div class="form-group col-sm-3 col-md-2">
                    <label>借款金额</label>
                    <input name="borrowAmount" type="text" class="form-control input-text" value="">
                    <span class="glyphicon form-control-feedback"></span>
                </div>
                <div class="form-group col-sm-3 col-md-2">
                    <label>借款期数</label>
                    <span class="form-control select-box">
                                <select class="select" size="1" id="loanDeadline">
                                <?php for ($i = 1; $i <= $this->session->products[0]->loanDeadline; $i++): ?>
                                    <option value="<?= $i ?>"><?= $i ?></option>
                                <?php endfor; ?>
                                </select>
                            </span>
                </div>
                <div class="form-group col-sm-3 col-md-2">
                    <label>还款方式</label>
                    <input type="text" class="form-control input-text" readonly
                           value="<?= $this->session->products[0] ? $this->session->products[0]->repaymentMode : ''; ?>"
                           id="repaymentMode">
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default mb-20">
        <div class="panel-header">计算结果</div>
        <div class="panel-body months">
                <div class="row cl">
                    <div class="form-group col-sm-3 col-md-2">
                        <label>每月应还</label>
                        <input type="text" id="totalAmount" class="form-control input-text" value="" disabled>
                        <span class="glyphicon form-control-feedback"></span>
                    </div>
    <!--                <div class="form-group col-sm-3 col-md-2">-->
    <!--                    <label>总共应还</label>-->
    <!--                    <input type="text" id="totalRepay" class="form-control input-text" value="" disabled>-->
    <!--                    <span class="glyphicon form-control-feedback">元</span>-->
    <!--                </div>-->
                </div>
        </div>
        <div class="panel-body">
            <div class="row cl">
                <div class="form-group col-sm-3 col-md-2">
                    <label>总共应还</label>
                    <input type="text" id="totalRepay" class="form-control input-text" value="" disabled>
                    <span class="glyphicon form-control-feedback"></span>
                </div>
            </div>

        </div>
    </div>

    <div class="row cl pb-20 col-sm-12">
        <div class="col-sm-offset-4 col-sm-2">
            <button class="btn btn-primary btn-block">计算</button>
        </div>
        <div class="col-sm-2">
            <input class="btn btn-warning btn-block" value="重置" type="reset">
        </div>
    </div>
</form>

<?php $this->load->view('common/footer'); ?>

<script>
    $('#product').change(function () {
        var data = $(this).find(':selected').data();
        $('#repaymentMode').val(data.repaymentmode);
        $('#loanDeadline').empty();
        var str = '';
        for (var i = 1; i <= parseInt(data.loandeadline); i++) {
            str += '<option value="' + i + '">' + i + '</option>';
        }
        $('#loanDeadline').append(str);
    })

    $('#form').submit(function (e) {
        e.stopPropagation();
        e.preventDefault();
        var borrowAmount = $('[name=borrowAmount]').val();
        var productId = $('[name=productId]').val();
        var loanDeadline = $('#loanDeadline').val();
        str = 'borrowAmount=' + borrowAmount + '&productId=' + productId + '&loanDeadline=' + loanDeadline;
        $.ajax({
            type: 'get',
            url: apiBaseUrl + 'application/tool/interest?' + str,
            cache: false,
            dataType: 'json',
            contentType: "application/json; charset=UTF-8",
            success: function (data) {
                if (data.code != 0) {
                    var msg = data.msg ? data.msg : '操作失败';
                    layer.alert(msg);
                } else {
                    $('#totalRepay').val(data.data.totalRepay);
                    if(data.data.repayPlans.length > 1){
                        var len = data.data.repayPlans.length-1;
                        if(data.data.repayPlans[0].totalAmount != data.data.repayPlans[len].totalAmount){
                            $('.months').html('');
                            var str = '';
                            for(var i=0;i<data.data.repayPlans.length;i++){
                                str += '<div class="row cl">'+
                                            '<div class="form-group col-sm-3 col-md-2">'+
                                                '<label>'+(i+1)+'月应还</label>'+
                                                    '<input type="text" id="totalAmount" class="form-control input-text" value="'+data.data.repayPlans[i].totalAmount+'" disabled>'+
                                                    '<span class="glyphicon form-control-feedback">元</span>'+
                                            '</div>'+
                                        '</div>';
                            }
                            $('.months').html(str);
                        }


                    }else{
                        $('#totalAmount').val(data.data.repayPlans[0].totalAmount);
                    }

                }
            },
            error: function () {
                layer.alert("操作失败")
            }
        })
    })
</script>
</body>
<html>