在智慧党建类项目当中,党费的计算是必不可少的,也大家常用的功能,后端实现还是前端实现,个人觉得还是前端实现比较方便,毕竟只是简单的计算,如果要前后端结合的话,本demo也是直接可用的。
党费计算公式:
{(职务工资+级别工资+工作津贴+生活补贴+保留津贴)-个人公积金-医保费-代扣税}*工资(制动算系数);
话不多说,上代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>党费计算公式</title>
<script src="js/jquery-1.9.0.min.js"></script>
<style>
.tzc_fee{
width: 60%;
height: auto;
margin: 0 auto;
}
.tzc_fee_name{
width: 100%;
height: 50px;
float: left;
text-align: center;
line-height: 50px;
font-size: 20px;
font-weight: 600;
color: red;
}
.tzc_fee_cs{
width: 100%;
height: auto;
font-size: 16px;
float: left;
text-align: center;
}
.tzc_fee_cs span{
font-size: 14px;
}
.tzc_fee_cs input{
border: none;
border-bottom: 1px solid #d6ddd6;
width: 60px;
}
.tzc_fee_cs .tzc_fee_input1{
width: 90px;
}
.tzc_fee_button{
width: 40px;
height: 30px;
border-radius: 3px;
background: red;
color: white;
border: none;
font-size: 25px;
margin-left: 10px;
margin-right: 10px;
}
</style>
</head>
<body>
<!-- {(职务工资+级别工资+工作津贴+生活补贴+保留津贴)-个人公积金-医保费-代扣税}*工资(制动算系数); -->
<div class="tzc_fee">
<div class="tzc_fee_name">党费计算公式</div>
<div class="tzc_fee_cs">
<span>{(</span><input class="tzc_fee_gz" type="text" value="" placeholder="职务工资" onkeyup="value=value.replace(/[^\d]/g,'')"><span>+</span>
<input class="tzc_fee_gz" type="text" value="" placeholder="级别工资" onkeyup="value=value.replace(/[^\d]/g,'')"><span>+</span>
<input class="tzc_fee_gz" type="text" value="" placeholder="工作津贴" onkeyup="value=value.replace(/[^\d]/g,'')"><span>+</span>
<input class="tzc_fee_gz" type="text" value="" placeholder="生活补贴" onkeyup="value=value.replace(/[^\d]/g,'')"><span>+</span>
<input class="tzc_fee_gz" type="text" value="" placeholder="保留津贴" onkeyup="value=value.replace(/[^\d]/g,'')"><span>)-</span>
<input class="tzc_fee_gz" type="text" value="" placeholder="个人公积金" onkeyup="value=value.replace(/[^\d]/g,'')"><span>-</span>
<input class="tzc_fee_gz" type="text" value="" placeholder="医保费" onkeyup="value=value.replace(/[^\d]/g,'')"><span>-</span>
<input class="tzc_fee_gz" type="text" value="" placeholder="代扣税" onkeyup="value=value.replace(/[^\d]/g,'')"><span>}</span>
<span>*工资系数</span>
<button class="tzc_fee_button" type="button">=</button>
<span class="tzc_fee_z">需交党费</span>
<script>
$(function(){
function tzc_fee(){
let t_fee=$(".tzc_fee_gz");
let tzc_fee_zj=$(".tzc_fee_z");
for (let i = 0; i < t_fee.length; i++) {
let zj1=Number(t_fee.eq(0).val())+Number(t_fee.eq(1).val())+Number(t_fee.eq(2).val())+Number(t_fee.eq(3).val())+Number(t_fee.eq(4).val());
let jzj1=Number(t_fee.eq(5).val())+Number(t_fee.eq(6).val())+Number(t_fee.eq(7).val());
let wages=zj1-jzj1;
if (wages<=3000) {
tzc_fee_zj.html((wages*0.005).toFixed(2));
} else if(3000<wages<=5000) {
tzc_fee_zj.html((wages*0.01).toFixed(2));
} else if(5000<wages<10000){
tzc_fee_zj.html((wages*0.015).toFixed(2));
} else if(10000<=wages){
tzc_fee_zj.html((wages*0.02).toFixed(2));
}
}
};
$(".tzc_fee_button").on("click",function(){
tzc_fee();
});
})
</script>
</div>
<div style="clear: both;"></div>
</div>
</body>
</html>