cal.php 5.05 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 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>
                            <input type="text" class="form-control input-text" readonly value="<?=$this->session->products[0] ? $this->session->products[0]->repaymentMode : '';?>" id="repaymentMode">
                        </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]->loanDeadline : '';?>" id="loanDeadline">
                        </div>
                    </div>
            </div>
        </div>

        <div class="panel panel-default mb-20">
            <div class="panel-header">计算结果</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="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>

        <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').val(data.loandeadline);
        })

        $('#form').submit(function (e) {
            e.stopPropagation();
            e.preventDefault();
            var borrowAmount = $('[name=borrowAmount]').val();
            var productId = $('[name=productId]').val();
            var str = 'borrowAmount=' + borrowAmount + '&productId=' + productId;
            $.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);
                        $('#totalAmount').val(data.data.repayPlans[0].totalAmount);
                    }
                },
                error:function(){
                    layer.alert("请求失败")
                }
            })
        })
    </script>
</body>
<html>