<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="2019个人所得税计算">
<title>2019个人所得税计算</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<style>
#container {
padding: 10px;
}
#container h2 {
text-align: center;
}
.header {
font-size: 14px;
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
text-align: center;
}
td input[type='number'] {
width: 80px;
border: none;
padding: 5px;
margin: 0;
text-align: center;
color: #0a99ec;
}
.table {
margin: 10px 0
}
.table {
width: 100%;
background-color: #fff;
color: #666
}
.table tr {
transition: all .3s;
-webkit-transition: all .3s
}
.table th {
text-align: left;
font-weight: 400
}
.table tbody tr:hover, .table thead tr, .table[lay-even] tr:nth-child(even) {
background-color: #f2f2f2
}
.table td, .table th {
border-width: 1px;
border-style: solid;
border-color: #e6e6e6;
position: relative;
min-height: 20px;
line-height: 20px;
padding: 5px;
font-size: 14px;
}
.form-input {
width: 90% !important;
}
.point {
color: red;
}
</style>
</head>
<body>
<div id="container">
<div><h2>2019个人所得税计算器</h2></div>
<div>
<table class="table">
<tr class="header">
<td>税前月收入</td>
<td>个税起征点</td>
<td>专项附加扣除</td>
<td>依法确定的其他扣除</td>
<td>扣社保公积金</td>
<td>实际年收入</td>
<td width="20"> </td>
<td>年收入</td>
<td width="20"> </td>
<td>年累计纳税额</td>
<td width="20"> </td>
<td>年缴社保公积金</td>
</tr>
<tr class="header">
<td><input type="number" class="form-input" v-model.number="ysr" @change="verification"></td>
<td><input type="number" class="form-input" v-model.number="deductData.gsqzd"></td>
<td><input type="number" class="form-input" v-model.number="deductData.zxfjkc"></td>
<td><input type="number" class="form-input" v-model.number="deductData.qtkc"></td>
<td><input type="number" class="form-input" v-model.number="deductData.sbgjj"></td>
<td class="point">{{sjnsr}}</td>
<td width="20">=</td>
<td class="point">{{nsr}}</td>
<td width="20">-</td>
<td class="point">{{nljnse}}</td>
<td width="20">-</td>
<td class="point">{{nsbgjj}}</td>
</tr>
</table>
</div>
<table class="table">
<tr class="header">
<td width="60">月份</td>
<td>月收入</td>
<td>免税收入</td>
<td>减除费用</td>
<td>专项扣除(社保公积金)</td>
<td>专项附加扣除</td>
<td>依法确定的其他扣除</td>
<td>累计收入</td>
<td>累计免税收入</td>
<td>累计减除费用</td>
<td>累计专项扣除</td>
<td>累计专项附加扣除</td>
<td>累计依法确定的其他扣除</td>
<td>累计预扣预缴应纳税所得额</td>
<td>累计应纳税额</td>
<td>适用税率</td>
<td>应预缴的税款</td>
<td>拿到收入</td>
</tr>
<tr v-for="item in monthData">
<td>{{item.num}}月</td>
<td><input type="number" v-model.number="item.ysr"></td><!--每月收入-->
<td><input type="number" v-model.number="item.mssr"></td><!--每月免税收入-->
<td>{{toFixed(item.jcfy)}}</td><!--每月减除费用-->
<td>{{toFixed(item.zxkc)}}</td><!--每月专项扣除(社保公积金)-->
<td>{{toFixed(item.zxfjkc)}}</td><!--每月专项附加扣除-->
<td>{{toFixed(item.qtkc)}}</td><!--每月依法确定的其他扣除-->
<td>{{toFixed(item.ljsr)}}</td><!--累计收入-->
<td>{{toFixed(item.ljmssr)}}</td><!--累计免税收入-->
<td>{{toFixed(item.ljjcfy)}}</td><!--累计减除费用-->
<td>{{toFixed(item.ljzxkc)}}</td><!--累计专项扣除-->
<td>{{toFixed(item.ljzxfjkc)}}</td><!--累计专项附加扣除-->
<td>{{toFixed(item.ljqtkc)}}</td><!--累计依法确定的其他扣除-->
<td>{{toFixed(item.ljykyjylssd)}}</td><!--累计预扣预缴应纳税所得额-->
<td>{{toFixed(item.ljylse)}}</td><!--累计应纳税额-->
<td>{{item.rate}}%</td><!--适用税率-->
<td>{{toFixed(item.yyjysk)}}</td><!--每月应预缴的税款-->
<td>{{toFixed(item.yndsr)}}</td><!--每月拿到收入-->
</tr>
</table>
</div>
</body>
<script>
let vm = new Vue({
el: '#container',
data: {
//月收入
ysr: 0,
levelData: [
{level: 1, range: 0, rate: 3, kcs: 0, text: '不超过36000元'},
{level: 2, range: 36000, rate: 10, kcs: 2520, text: '超过36000元至144000元的部分'},
{level: 3, range: 144000, rate: 20, kcs: 16920, text: '超过144000元至300000元的部分'},
{level: 4, range: 300000, rate: 25, kcs: 31920, text: '超过300000元至420000元的部分'},
{level: 5, range: 420000, rate: 30, kcs: 52920, text: '超过420000元至660000元的部分'},
{level: 6, range: 660000, rate: 35, kcs: 85920, text: '超过660000元至960000元的部分'},
{level: 7, range: 960000, rate: 45, kcs: 181920, text: '超过960000元的部分'}
],
deductData: {
//个税起征点
gsqzd: 0,
//专项附加扣除
zxfjkc: 0,
//依法确定的其他扣除
qtkc: 0,
//扣社保公积金
sbgjj: 0
},
monthData: []
},
computed: {
//实际拿到手的年收入
sjnsr: function () {
let total = 0;
this.monthData.forEach(item => total += item.yndsr)
return this.toFixed(total);
},
//年累计纳税额
nljnse: function () {
let total = 0;
this.monthData.forEach(item => total += item.yyjysk)
return this.toFixed(total);
},
//年收入
nsr: function () {
let total = 0;
this.monthData.forEach(item => total += item.ysr)
return this.toFixed(total);
},
//年缴社保公积金
nsbgjj: function () {
let total = 0;
this.monthData.forEach(item => total += item.zxkc)
return this.toFixed(total);
}
},
watch: {
没有合适的资源?快使用搜索试试~ 我知道了~
HTML全屏个人所得税计算器源码.zip
共5个文件
url:4个
html:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 2 下载量 117 浏览量
2022-04-13
00:15:56
上传
评论 1
收藏 9KB ZIP 举报
温馨提示
HTML全屏个人所得税计算器源码.zip
资源推荐
资源详情
资源评论
收起资源包目录
HTML全屏个人所得税计算器源码.zip (5个子文件)
individual_income_tax
★★精品过期已备案域名,即买即用★★.url 123B
index.html 13KB
精品免费商业源码下载.url 150B
服务器之家.url 150B
★★★★香港免备案云主机★★★★.url 122B
共 5 条
- 1
资源评论
- 粥粥同学_2023-12-31这个资源内容超赞,对我来说很有价值,很实用,感谢大佬分享~
- lcxgtq7892022-05-15用户下载后在一定时间内未进行评价,系统默认好评。
智慧安全方案
- 粉丝: 3645
- 资源: 59万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功