init
Showing
1 changed file
with
96 additions
and
87 deletions
| 1 | <?php $this->load->view('common/header'); ?> | 1 | <?php $this->load->view('common/header'); ?> |
| 2 | 2 | ||
| 3 | <body> | 3 | <body> |
| 4 | <div class="cl pd-5 bg-1"> | 4 | <div class="cl pd-5 bg-1"> |
| 5 | <span class="l"> | 5 | <span class="l"> |
| 6 | <button class="btn btn-primary radius" onclick="layer_load('', '<?=site_url('/tool/cal');?>');"> | 6 | <button class="btn btn-primary radius" onclick="layer_load('', '<?= site_url('/tool/cal'); ?>');"> |
| 7 | <i class="Hui-iconfont"></i> 利息计算器 | 7 | <i class="Hui-iconfont"></i> 利息计算器 |
| 8 | </button> | 8 | </button> |
| 9 | <button class="btn btn-primary radius" onclick="layer_load('', '<?=site_url('/tool/web');?>');"> | 9 | <button class="btn btn-primary radius" onclick="layer_load('', '<?= site_url('/tool/web'); ?>');"> |
| 10 | <i class="Hui-iconfont"></i> 网查网址 | 10 | <i class="Hui-iconfont"></i> 网查网址 |
| 11 | </button> | 11 | </button> |
| 12 | </span> | 12 | </span> |
| 13 | </div> | 13 | </div> |
| 14 | 14 | ||
| 15 | <form id="form"> | 15 | <form id="form"> |
| 16 | <div class="panel panel-default"> | 16 | <div class="panel panel-default"> |
| 17 | <div class="panel-body"> | 17 | <div class="panel-body"> |
| 18 | <div class="row cl"> | 18 | <div class="row cl"> |
| 19 | <div class="form-group col-sm-3 col-md-2"> | 19 | <div class="form-group col-sm-3 col-md-2"> |
| 20 | <label>产品名称</label> | 20 | <label>产品名称</label> |
| 21 | <span class="form-control select-box"> | 21 | <span class="form-control select-box"> |
| 22 | <select id="product" class="select" size="1" name="productId"> | 22 | <select id="product" class="select" size="1" name="productId"> |
| 23 | <?php foreach ($this->session->products as $k=>$v):?> | 23 | <?php foreach ($this->session->products as $k => $v): ?> |
| 24 | <option data-repaymentMode="<?=$v->repaymentMode?>" data-loanDeadline="<?=$v->loanDeadline?>" value="<?=$v->id?>"><?=$v->productName?></option> | 24 | <option data-repaymentMode="<?= $v->repaymentMode ?>" |
| 25 | <?php endforeach;?> | 25 | data-loanDeadline="<?= $v->loanDeadline ?>" |
| 26 | value="<?= $v->id ?>"><?= $v->productName ?></option> | ||
| 27 | <?php endforeach; ?> | ||
| 26 | </select> | 28 | </select> |
| 27 | </span> | 29 | </span> |
| 28 | </div> | 30 | </div> |
| 29 | <div class="form-group col-sm-3 col-md-2"> | 31 | <div class="form-group col-sm-3 col-md-2"> |
| 30 | <label>借款金额</label> | 32 | <label>借款金额</label> |
| 31 | <input name="borrowAmount" type="text" class="form-control input-text" value=""> | 33 | <input name="borrowAmount" type="text" class="form-control input-text" value=""> |
| 32 | <span class="glyphicon form-control-feedback">元</span> | 34 | <span class="glyphicon form-control-feedback">元</span> |
| 33 | </div> | 35 | </div> |
| 34 | <div class="form-group col-sm-3 col-md-2"> | 36 | <div class="form-group col-sm-3 col-md-2"> |
| 35 | <label>借款期数</label> | 37 | <label>借款期数</label> |
| 36 | <span class="form-control select-box"> | 38 | <span class="form-control select-box"> |
| 37 | <select id="product" class="select" size="1" name="loanDeadline"> | 39 | <select class="select" size="1" id="loanDeadline"> |
| 38 | <?php for ($i=1; $i<=$this->session->products[0]->loanDeadline; $i++):?> | 40 | <?php for ($i = 1; $i <= $this->session->products[0]->loanDeadline; $i++): ?> |
| 39 | <option value="<?=$i?>"><?=$i?></option> | 41 | <option value="<?= $i ?>"><?= $i ?></option> |
| 40 | <?php endfor;?> | 42 | <?php endfor; ?> |
| 41 | </select> | 43 | </select> |
| 42 | </span> | 44 | </span> |
| 43 | </div> | 45 | </div> |
| 44 | <div class="form-group col-sm-3 col-md-2"> | 46 | <div class="form-group col-sm-3 col-md-2"> |
| 45 | <label>还款方式</label> | 47 | <label>还款方式</label> |
| 46 | <input type="text" class="form-control input-text" readonly value="<?=$this->session->products[0] ? $this->session->products[0]->repaymentMode : '';?>" id="repaymentMode"> | 48 | <input type="text" class="form-control input-text" readonly |
| 47 | </div> | 49 | value="<?= $this->session->products[0] ? $this->session->products[0]->repaymentMode : ''; ?>" |
| 48 | </div> | 50 | id="repaymentMode"> |
| 51 | </div> | ||
| 49 | </div> | 52 | </div> |
| 50 | </div> | 53 | </div> |
| 54 | </div> | ||
| 51 | 55 | ||
| 52 | <div class="panel panel-default mb-20"> | 56 | <div class="panel panel-default mb-20"> |
| 53 | <div class="panel-header">计算结果</div> | 57 | <div class="panel-header">计算结果</div> |
| 54 | <div class="panel-body"> | 58 | <div class="panel-body"> |
| 55 | <div class="row cl"> | 59 | <div class="row cl"> |
| 56 | <div class="form-group col-sm-3 col-md-2"> | 60 | <div class="form-group col-sm-3 col-md-2"> |
| 57 | <label>每月应还</label> | 61 | <label>每月应还</label> |
| 58 | <input type="text" id="totalAmount" class="form-control input-text" value="" disabled> | 62 | <input type="text" id="totalAmount" class="form-control input-text" value="" disabled> |
| 59 | <span class="glyphicon form-control-feedback">元</span> | 63 | <span class="glyphicon form-control-feedback">元</span> |
| 60 | </div> | 64 | </div> |
| 61 | <div class="form-group col-sm-3 col-md-2"> | 65 | <div class="form-group col-sm-3 col-md-2"> |
| 62 | <label>总共应还</label> | 66 | <label>总共应还</label> |
| 63 | <input type="text" id="totalRepay" class="form-control input-text" value="" disabled> | 67 | <input type="text" id="totalRepay" class="form-control input-text" value="" disabled> |
| 64 | <span class="glyphicon form-control-feedback">元</span> | 68 | <span class="glyphicon form-control-feedback">元</span> |
| 65 | </div> | ||
| 66 | </div> | 69 | </div> |
| 67 | </div> | 70 | </div> |
| 68 | </div> | 71 | </div> |
| 72 | </div> | ||
| 69 | 73 | ||
| 70 | <div class="row cl pb-20 col-sm-12"> | 74 | <div class="row cl pb-20 col-sm-12"> |
| 71 | <div class="col-sm-offset-4 col-sm-2"> | 75 | <div class="col-sm-offset-4 col-sm-2"> |
| 72 | <button class="btn btn-primary btn-block" >计算</button> | 76 | <button class="btn btn-primary btn-block">计算</button> |
| 73 | </div> | ||
| 74 | <div class="col-sm-2"> | ||
| 75 | <input class="btn btn-warning btn-block" value="重置" type="reset"> | ||
| 76 | </div> | ||
| 77 | </div> | 77 | </div> |
| 78 | </form> | 78 | <div class="col-sm-2"> |
| 79 | <input class="btn btn-warning btn-block" value="重置" type="reset"> | ||
| 80 | </div> | ||
| 81 | </div> | ||
| 82 | </form> | ||
| 79 | 83 | ||
| 80 | <?php $this->load->view('common/footer'); ?> | 84 | <?php $this->load->view('common/footer'); ?> |
| 81 | 85 | ||
| 82 | <script> | 86 | <script> |
| 83 | $('#product').change(function () { | 87 | $('#product').change(function () { |
| 84 | var data = $(this).find(':selected').data(); | 88 | var data = $(this).find(':selected').data(); |
| 85 | $('#repaymentMode').val(data.repaymentmode); | 89 | $('#repaymentMode').val(data.repaymentmode); |
| 86 | $('#loanDeadline').val(data.loandeadline); | 90 | $('#loanDeadline').empty(); |
| 87 | }) | 91 | var str = ''; |
| 92 | for (var i = 1; i <= parseInt(data.loandeadline); $i++) { | ||
| 93 | str += '<option value="' + i + '">' + i + '</option>'; | ||
| 94 | } | ||
| 95 | $('#loanDeadline').append(str); | ||
| 96 | }) | ||
| 88 | 97 | ||
| 89 | $('#form').submit(function (e) { | 98 | $('#form').submit(function (e) { |
| 90 | e.stopPropagation(); | 99 | e.stopPropagation(); |
| 91 | e.preventDefault(); | 100 | e.preventDefault(); |
| 92 | var borrowAmount = $('[name=borrowAmount]').val(); | 101 | var borrowAmount = $('[name=borrowAmount]').val(); |
| 93 | var productId = $('[name=productId]').val(); | 102 | var productId = $('[name=productId]').val(); |
| 94 | var str = 'borrowAmount=' + borrowAmount + '&productId=' + productId; | 103 | var str = 'borrowAmount=' + borrowAmount + '&productId=' + productId; |
| 95 | $.ajax({ | 104 | $.ajax({ |
| 96 | type:'get', | 105 | type: 'get', |
| 97 | url:apiBaseUrl + 'application/tool/interest?' + str, | 106 | url: apiBaseUrl + 'application/tool/interest?' + str, |
| 98 | cache: false, | 107 | cache: false, |
| 99 | dataType:'json', | 108 | dataType: 'json', |
| 100 | contentType: "application/json; charset=UTF-8", | 109 | contentType: "application/json; charset=UTF-8", |
| 101 | success:function(data){ | 110 | success: function (data) { |
| 102 | if(data.code != 0){ | 111 | if (data.code != 0) { |
| 103 | var msg = data.msg ? data.msg : '请求失败'; | 112 | var msg = data.msg ? data.msg : '请求失败'; |
| 104 | layer.alert(msg); | 113 | layer.alert(msg); |
| 105 | } else { | 114 | } else { |
| 106 | $('#totalRepay').val(data.data.totalRepay); | 115 | $('#totalRepay').val(data.data.totalRepay); |
| 107 | $('#totalAmount').val(data.data.repayPlans[0].totalAmount); | 116 | $('#totalAmount').val(data.data.repayPlans[0].totalAmount); |
| 108 | } | ||
| 109 | }, | ||
| 110 | error:function(){ | ||
| 111 | layer.alert("请求失败") | ||
| 112 | } | 117 | } |
| 113 | }) | 118 | }, |
| 119 | error: function () { | ||
| 120 | layer.alert("请求失败") | ||
| 121 | } | ||
| 114 | }) | 122 | }) |
| 115 | </script> | 123 | }) |
| 124 | </script> | ||
| 116 | </body> | 125 | </body> |
| 117 | <html> | 126 | <html> | ... | ... |
-
Please register or sign in to post a comment