个税问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="app">
<label for="#">基本工资</label>
<input type="text" v-model.number="gz" />
<br />
<label for="#">绩效工资</label>
<input type="text" v-model.number="jxgz" />
<hr />
<table v-show="totalGZ>5000?true:false">
<tr>
<td>养老保险 <input type="text" v-model="yanglao" /> %</td>
<td>{{totalGZ*yanglao/100}}</td>
</tr>
<tr>
<td>医疗保险 <input type="text" v-model="yiliao" /> %</td>
<td>{{totalGZ*yiliao/100}}</td>
</tr>
<tr>
<td>工伤保险 <input type="text" v-model="gongshang" /> %</td>
<td>{{totalGZ*gongshang/100}}</td>
</tr>
<tr>
<td>生育保险 <input type="text" v-model="shengyu" /> %</td>
<td>{{totalGZ*shengyu/100}}</td>
</tr>
<tr>
<td>失业保险 <input type="text" v-model="shiye" /> %</td>
<td>{{totalGZ*shiye/100}}</td>
</tr>
<tr>
<td>公积金 <input type="text" v-model="gjj" /> %</td>
<td>{{totalGZ*gjj/100}}</td>
</tr>
<tr>
<td>应纳税所得额</td>
<td>{{ynse}}</td>
</tr>
<tr>
<td>个人所得税</td>
<td>{{sds}}</td>
</tr>
<tr>
<td>税后工资</td>
<td>{{shgz}}</td>
</tr>
</table>
<p v-show="totalGZ>5000?false:true">总工资必须大于5000</p>
</div>
<script>
let vm = new Vue({
el: "#app",
data: {
gz: 0,
jxgz: 0,
yanglao: 8,
yiliao: 2,
gongshang: 0,
shengyu: 0,
shiye: 0.5,
gjj: 12,
},
methods: {},
computed: {
totalGZ: function () {
return this.gz + this.jxgz;
},
wxyj() {
return (
this.totalGZ *
((this.yanglao +
this.yiliao +
this.shiye +
this.shengyu +
this.gongshang +
this.gjj) /
100)
);
},
ynse: function () {
return this.totalGZ - this.wxyj - 5000;
},
sds: function () {
let shuilv = 0;
let kouchushu = 0;
if (this.ynse <= 3000) {
shuilv = 0.03;
kouchushu = 0;
} else if (this.ynse <= 12000) {
shuilv = 0.1;
kouchushu = 210;
} else if (this.ynse <= 25000) {
shuilv = 0.2;
kouchushu = 1410;
} else if (this.ynse <= 35000) {
shuilv = 0.25;
kouchushu = 2660;
} else if (this.ynse <= 55000) {
shuilv = 0.4;
kouchushu = 4410;
} else if (this.ynse <= 80000) {
shuilv = 0.35;
kouchushu = 7160;
} else {
shuilv = 0.45;
kouchushu = 15160;
}
return this.ynse * shuilv - kouchushu;
},
shgz() {
return this.totalGZ - this.wxyj - this.sds;
},
},
});
</script>
</body>
</html>
浙公网安备 33010602011771号