xuemingqiang/jinbooks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改ui

Browse Source
This commit is contained in:
orangebabu
2025-06-10 11:31:24 +08:00
parent 9298f976d7
commit baef7b8625
3 changed files with 78 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
jinbooks-ui/src/views/hr/calc-salary.vue
View File

@ -94,7 +94,7 @@
{{ formatAmount(scope.row.laborFee) }}
</template>
</el-table-column>
<el-table-column prop="bonus" label="奖金" align="right" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
@ -124,31 +124,31 @@
<el-table-column prop="totalSocialInsurance" label="代扣社保合计" align="right" width="110"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.totalSocialInsurance) }}
<span class="red-font">{{ formatAmount(scope.row.totalSocialInsurance) }}</span>
</template>
</el-table-column>
<el-table-column prop="providentFund" label="代扣公积金" align="right" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.providentFund) }}
<span class="red-font">{{ formatAmount(scope.row.providentFund) }}</span>
</template>
</el-table-column>
<el-table-column prop="attendance" label="请假考勤" align="right" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.attendance) }}
<span class="red-font">{{ formatAmount(scope.row.attendance) }}</span>
</template>
</el-table-column>
<el-table-column prop="otherDeductions" label="其他扣额" align="right" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.otherDeductions) }}
<span class="red-font">{{ formatAmount(scope.row.otherDeductions) }}</span>
</template>
</el-table-column>
<el-table-column prop="personalTax" label="个税" align="right" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.personalTax) }}
<span class="red-font">{{ formatAmount(scope.row.personalTax) }}</span>
</template>
</el-table-column>
</el-table-column>
@ -345,4 +345,8 @@ getList();
padding: 0;
background-color: #f5f7fa;
}
.red-font {
color: red;
}
</style>

44
jinbooks-ui/src/views/hr/salary-detail.vue
View File

@ -139,31 +139,31 @@
<el-table-column prop="totalSocialInsurance" label="代扣社保合计" align="center" width="110"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.totalSocialInsurance) }}
<span class="red-font">{{ formatAmount(scope.row.totalSocialInsurance) }}</span>
</template>
</el-table-column>
<el-table-column prop="providentFund" label="代扣公积金" align="center" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.providentFund) }}
<span class="red-font">{{ formatAmount(scope.row.providentFund) }}</span>
</template>
</el-table-column>
<el-table-column prop="attendance" label="请假考勤" align="center" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.attendance) }}
<span class="red-font">{{ formatAmount(scope.row.attendance) }}</span>
</template>
</el-table-column>
<el-table-column prop="otherDeductions" label="其他扣额" align="center" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.otherDeductions) }}
<span class="red-font">{{ formatAmount(scope.row.otherDeductions) }}</span>
</template>
</el-table-column>
<el-table-column prop="personalTax" label="个税" align="center" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.personalTax) }}
<span class="red-font">{{ formatAmount(scope.row.personalTax) }}</span>
</template>
</el-table-column>
</el-table-column>
@ -372,11 +372,31 @@ const getSummaries = () => {
sums[10] = tableSummary.overtime;
sums[11] = tableSummary.allowance;
sums[12] = tableSummary.backPay;
sums[13] = tableSummary.totalSocialInsurance;
sums[14] = tableSummary.providentFund;
sums[15] = tableSummary.attendance;
sums[16] = tableSummary.otherDeductions;
sums[17] = tableSummary.personalTax;
sums[13] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.totalSocialInsurance),]);
sums[14] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.providentFund),]);
sums[15] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.attendance),]);
sums[16] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.otherDeductions),]);
sums[17] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.personalTax),]);
sums[18] = tableSummary.businessSocialInsurance;
sums[19] = tableSummary.businessProvidentFund;
sums[20] = tableSummary.taxDeduction;
@ -527,4 +547,8 @@ getList()
padding: 0;
background-color: #f5f7fa;
}
.red-font {
color: red;
}
</style>

46
jinbooks-ui/src/views/hr/salary-summary.vue
View File

@ -114,31 +114,31 @@
<el-table-column prop="totalSocialInsurance" label="代扣社保" align="center" width="110"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.totalSocialInsurance) }}
<span class="red-font">{{ formatAmount(scope.row.totalSocialInsurance) }}</span>
</template>
</el-table-column>
<el-table-column prop="providentFund" label="代扣公积金" align="center" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.providentFund) }}
<span class="red-font">{{ formatAmount(scope.row.providentFund) }}</span>
</template>
</el-table-column>
<el-table-column prop="attendance" label="请假考勤" align="center" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.attendance) }}
<span class="red-font">{{ formatAmount(scope.row.attendance) }}</span>
</template>
</el-table-column>
<el-table-column prop="otherDeductions" label="其他扣额" align="center" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.otherDeductions) }}
<span class="red-font">{{ formatAmount(scope.row.otherDeductions) }}</span>
</template>
</el-table-column>
<el-table-column prop="personalTax" label="个税" align="center" width="100"
:show-overflow-tooltip="true">
<template #default="scope">
{{ formatAmount(scope.row.personalTax) }}
<span class="red-font">{{ formatAmount(scope.row.personalTax) }}</span>
</template>
</el-table-column>
</el-table-column>
@ -369,15 +369,33 @@ const getSummaries = () => {
sums[sumsIndex++] = tableSummary.overtime;
sums[sumsIndex++] = tableSummary.allowance;
sums[sumsIndex++] = tableSummary.backPay;
sums[sumsIndex++] = tableSummary.totalSocialInsurance;
sums[sumsIndex++] = tableSummary.providentFund;
sums[sumsIndex++] = tableSummary.attendance;
sums[sumsIndex++] = tableSummary.otherDeductions;
sums[sumsIndex++] = tableSummary.personalTax;
sums[sumsIndex++] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.totalSocialInsurance),]);
sums[sumsIndex++] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.providentFund),]);
sums[sumsIndex++] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.attendance),]);
sums[sumsIndex++] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.otherDeductions),]);
sums[sumsIndex++] = h('div', {
style: {
color: 'red',
}
}, [formatAmount(tableSummary.personalTax),]);
sums[sumsIndex++] = tableSummary.businessSocialInsurance;
sums[sumsIndex++] = tableSummary.businessProvidentFund;
//sums[17] = tableSummary.taxDeduction;
//sums[18] = tableSummary.taxableWages;
sums[sumsIndex++] = formatAmount(tableSummary.totalAmount);
sums[sumsIndex++] = h('div', {
style: {
@ -513,4 +531,8 @@ getList();
padding: 0;
background-color: #f5f7fa;
}
.red-font {
color: red;
}
</style>