|
|
|
@ -42,7 +42,7 @@
|
|
|
|
|
<h2>贷款金额</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<input type="text" placeholder="请输入贷款金额">
|
|
|
|
|
<input type="text" name="amount" placeholder="请输入贷款金额">
|
|
|
|
|
<span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
@ -51,7 +51,7 @@
|
|
|
|
|
<h2>贷款期限</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<input type="text" placeholder="请输入贷款期限">
|
|
|
|
|
<input type="text" name="year"placeholder="请输入贷款期限">
|
|
|
|
|
<span>日</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
@ -60,7 +60,7 @@
|
|
|
|
|
<h2>贷款利率</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">
|
|
|
|
|
<select class="cell-select">
|
|
|
|
|
<select name = "intrate"class="cell-select">
|
|
|
|
|
<option value="">4.90%</option>
|
|
|
|
|
<option value="1">3.80%</option>
|
|
|
|
|
<option value="2">3.90%</option>
|
|
|
|
@ -73,95 +73,95 @@
|
|
|
|
|
<h2>还款方式</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<button>等额本息</button>
|
|
|
|
|
<button>等额本金</button>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tab-panel-item">
|
|
|
|
|
<a href="javascript:;" class="aui-flex b-line">
|
|
|
|
|
<div class="aui-calc-title">
|
|
|
|
|
<h2>贷款金额</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<input type="text" placeholder="请输入贷款金额">
|
|
|
|
|
<span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" class="aui-flex b-line">
|
|
|
|
|
<div class="aui-calc-title">
|
|
|
|
|
<h2>贷款期限</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<input type="text" placeholder="请输入贷款期限">
|
|
|
|
|
<span>年</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" class="aui-flex b-line">
|
|
|
|
|
<div class="aui-calc-title">
|
|
|
|
|
<h2>贷款利率</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">
|
|
|
|
|
<select class="cell-select">
|
|
|
|
|
<option value="">4.90%</option>
|
|
|
|
|
<option value="1">3.80%</option>
|
|
|
|
|
<option value="2">3.90%</option>
|
|
|
|
|
<option value="3">1.90%</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" class="aui-flex b-line">
|
|
|
|
|
<div class="aui-calc-title">
|
|
|
|
|
<h2>还款方式</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<button>等额本息</button>
|
|
|
|
|
<button>等额本金</button>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tab-panel-item">
|
|
|
|
|
<a href="javascript:;" class="aui-flex b-line">
|
|
|
|
|
<div class="aui-calc-title">
|
|
|
|
|
<h2>贷款金额</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<input type="text" placeholder="请输入贷款金额">
|
|
|
|
|
<span>万</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" class="aui-flex b-line">
|
|
|
|
|
<div class="aui-calc-title">
|
|
|
|
|
<h2>贷款期限</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<input type="text" placeholder="请输入贷款期限">
|
|
|
|
|
<span>年</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" class="aui-flex b-line">
|
|
|
|
|
<div class="aui-calc-title">
|
|
|
|
|
<h2>贷款利率</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">
|
|
|
|
|
<select class="cell-select">
|
|
|
|
|
<option value="">4.90%</option>
|
|
|
|
|
<option value="1">3.80%</option>
|
|
|
|
|
<option value="2">3.90%</option>
|
|
|
|
|
<option value="3">1.90%</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:;" class="aui-flex b-line">
|
|
|
|
|
<div class="aui-calc-title">
|
|
|
|
|
<h2>还款方式</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="aui-flex-box aui-flex-box-right">
|
|
|
|
|
<button>等额本息</button>
|
|
|
|
|
<button>等额本金</button>
|
|
|
|
|
<button name = "button1"onclick="equ(1)">等额本息</button>
|
|
|
|
|
<button name = "button2"onclick="equ(2)">等额本金</button>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<!--<div class="tab-panel-item">-->
|
|
|
|
|
<!--<a href="javascript:;" class="aui-flex b-line">-->
|
|
|
|
|
<!--<div class="aui-calc-title">-->
|
|
|
|
|
<!--<h2>贷款金额</h2>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="aui-flex-box aui-flex-box-right">-->
|
|
|
|
|
<!--<input type="text" placeholder="请输入贷款金额">-->
|
|
|
|
|
<!--<span></span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</a>-->
|
|
|
|
|
<!--<a href="javascript:;" class="aui-flex b-line">-->
|
|
|
|
|
<!--<div class="aui-calc-title">-->
|
|
|
|
|
<!--<h2>贷款期限</h2>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="aui-flex-box aui-flex-box-right">-->
|
|
|
|
|
<!--<input type="text" placeholder="请输入贷款期限">-->
|
|
|
|
|
<!--<span>年</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</a>-->
|
|
|
|
|
<!--<a href="javascript:;" class="aui-flex b-line">-->
|
|
|
|
|
<!--<div class="aui-calc-title">-->
|
|
|
|
|
<!--<h2>贷款利率</h2>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">-->
|
|
|
|
|
<!--<select class="cell-select">-->
|
|
|
|
|
<!--<option value="">4.90%</option>-->
|
|
|
|
|
<!--<option value="1">3.80%</option>-->
|
|
|
|
|
<!--<option value="2">3.90%</option>-->
|
|
|
|
|
<!--<option value="3">1.90%</option>-->
|
|
|
|
|
<!--</select>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</a>-->
|
|
|
|
|
<!--<a href="javascript:;" class="aui-flex b-line">-->
|
|
|
|
|
<!--<div class="aui-calc-title">-->
|
|
|
|
|
<!--<h2>还款方式</h2>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="aui-flex-box aui-flex-box-right">-->
|
|
|
|
|
<!--<button>等额本息</button>-->
|
|
|
|
|
<!--<button>等额本金</button>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</a>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="tab-panel-item">-->
|
|
|
|
|
<!--<a href="javascript:;" class="aui-flex b-line">-->
|
|
|
|
|
<!--<div class="aui-calc-title">-->
|
|
|
|
|
<!--<h2>贷款金额</h2>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="aui-flex-box aui-flex-box-right">-->
|
|
|
|
|
<!--<input type="text" placeholder="请输入贷款金额">-->
|
|
|
|
|
<!--<span>万</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</a>-->
|
|
|
|
|
<!--<a href="javascript:;" class="aui-flex b-line">-->
|
|
|
|
|
<!--<div class="aui-calc-title">-->
|
|
|
|
|
<!--<h2>贷款期限</h2>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="aui-flex-box aui-flex-box-right">-->
|
|
|
|
|
<!--<input type="text" placeholder="请输入贷款期限">-->
|
|
|
|
|
<!--<span>年</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</a>-->
|
|
|
|
|
<!--<a href="javascript:;" class="aui-flex b-line">-->
|
|
|
|
|
<!--<div class="aui-calc-title">-->
|
|
|
|
|
<!--<h2>贷款利率</h2>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">-->
|
|
|
|
|
<!--<select class="cell-select">-->
|
|
|
|
|
<!--<option value="">4.90%</option>-->
|
|
|
|
|
<!--<option value="1">3.80%</option>-->
|
|
|
|
|
<!--<option value="2">3.90%</option>-->
|
|
|
|
|
<!--<option value="3">1.90%</option>-->
|
|
|
|
|
<!--</select>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</a>-->
|
|
|
|
|
<!--<a href="javascript:;" class="aui-flex b-line">-->
|
|
|
|
|
<!--<div class="aui-calc-title">-->
|
|
|
|
|
<!--<h2>还款方式</h2>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="aui-flex-box aui-flex-box-right">-->
|
|
|
|
|
<!--<button name="equation"value ="1">等额本息</button>-->
|
|
|
|
|
<!--<button name ="equation" value="2">等额本金</button>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</a>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<div class="tab-button">
|
|
|
|
|
<button>开始计算</button>
|
|
|
|
|
</div>
|
|
|
|
@ -170,5 +170,50 @@
|
|
|
|
|
</section>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
function equ(obj){
|
|
|
|
|
var equation=1;
|
|
|
|
|
if(obj==1){
|
|
|
|
|
equation=1;
|
|
|
|
|
button1.style.backgroundColor="#fa623d";
|
|
|
|
|
button1.style.color="#f5f5f5";
|
|
|
|
|
button2.style.backgroundColor="#f5f5f5";
|
|
|
|
|
button2.style.color="#fa623d";
|
|
|
|
|
}else if(obj==2){
|
|
|
|
|
equation=2;
|
|
|
|
|
button1.style.backgroundColor="#f5f5f5";
|
|
|
|
|
button1.style.color="#fa623d";
|
|
|
|
|
button2.style.backgroundColor="#fa623d";
|
|
|
|
|
button2.style.color="#f5f5f5";
|
|
|
|
|
}
|
|
|
|
|
//document.getElementsByTagName("equation").value=equation;
|
|
|
|
|
global.equation = equation;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(".btnNotForm").click(function(){
|
|
|
|
|
var amount =decument.getElementsByName("amount").value;
|
|
|
|
|
var year = decument.getElementsByName("year").value;
|
|
|
|
|
var select = decument.getElementsByName("intrate");
|
|
|
|
|
var intrate = select.value;
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
|
|
|
|
type:"get",
|
|
|
|
|
url:"/cir/sum",
|
|
|
|
|
data:{
|
|
|
|
|
amount:amount,
|
|
|
|
|
year:year,
|
|
|
|
|
intrate:intrate,
|
|
|
|
|
equation:equation
|
|
|
|
|
},
|
|
|
|
|
async:true,
|
|
|
|
|
success:function(data){
|
|
|
|
|
console.log(data);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|