|
@@ -75,7 +75,7 @@
|
|
{
|
|
{
|
|
title: '序号',
|
|
title: '序号',
|
|
align:"center",
|
|
align:"center",
|
|
- width:80,
|
|
|
|
|
|
+ width:90,
|
|
dataIndex: 'index',
|
|
dataIndex: 'index',
|
|
customRender:function (t, record, index) {
|
|
customRender:function (t, record, index) {
|
|
if(record.name=='合计'){
|
|
if(record.name=='合计'){
|
|
@@ -91,7 +91,7 @@
|
|
align: "center",
|
|
align: "center",
|
|
dataIndex: 'name',
|
|
dataIndex: 'name',
|
|
ellipsis: true,
|
|
ellipsis: true,
|
|
- width:110,
|
|
|
|
|
|
+ width:120,
|
|
fixed:'left'
|
|
fixed:'left'
|
|
},
|
|
},
|
|
// {
|
|
// {
|
|
@@ -102,19 +102,12 @@
|
|
// customRender: (t) => ellipsis(t,17),
|
|
// customRender: (t) => ellipsis(t,17),
|
|
// width:120,
|
|
// width:120,
|
|
// },
|
|
// },
|
|
- {
|
|
|
|
- title: '基本薪资',
|
|
|
|
- align: "center",
|
|
|
|
- dataIndex: 'wages',
|
|
|
|
- width:110,
|
|
|
|
- fixed:'left'
|
|
|
|
- },
|
|
|
|
{
|
|
{
|
|
title: '话费补贴',
|
|
title: '话费补贴',
|
|
align: "center",
|
|
align: "center",
|
|
dataIndex: 'phoneBill',
|
|
dataIndex: 'phoneBill',
|
|
ellipsis: true,
|
|
ellipsis: true,
|
|
- width:110
|
|
|
|
|
|
+ // width:110
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '午餐补贴',
|
|
title: '午餐补贴',
|
|
@@ -144,13 +137,6 @@
|
|
ellipsis: true,
|
|
ellipsis: true,
|
|
width:100
|
|
width:100
|
|
},
|
|
},
|
|
- {
|
|
|
|
- title: '合计应发',
|
|
|
|
- align: "center",
|
|
|
|
- dataIndex: 'totalPayable',
|
|
|
|
- ellipsis: true,
|
|
|
|
- width:110
|
|
|
|
- },
|
|
|
|
{
|
|
{
|
|
title: '社保',
|
|
title: '社保',
|
|
align: "center",
|
|
align: "center",
|
|
@@ -201,6 +187,21 @@
|
|
ellipsis: true,
|
|
ellipsis: true,
|
|
width:100
|
|
width:100
|
|
},
|
|
},
|
|
|
|
+ {
|
|
|
|
+ title: '基本薪资',
|
|
|
|
+ align: "center",
|
|
|
|
+ dataIndex: 'wages',
|
|
|
|
+ width:110,
|
|
|
|
+ fixed:'right'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '合计应发',
|
|
|
|
+ align: "center",
|
|
|
|
+ dataIndex: 'totalPayable',
|
|
|
|
+ ellipsis: true,
|
|
|
|
+ width:110,
|
|
|
|
+ fixed:'right'
|
|
|
|
+ },
|
|
{
|
|
{
|
|
title: '个税',
|
|
title: '个税',
|
|
align: "center",
|
|
align: "center",
|
|
@@ -249,16 +250,27 @@
|
|
computed: {
|
|
computed: {
|
|
// 合计展示
|
|
// 合计展示
|
|
totalDataSource(){
|
|
totalDataSource(){
|
|
- // 开票成本-衬衣 合计
|
|
|
|
var item = {
|
|
var item = {
|
|
"name":"合计"
|
|
"name":"合计"
|
|
};
|
|
};
|
|
var allNumber = 0
|
|
var allNumber = 0
|
|
|
|
+ var allWages = 0
|
|
|
|
+ var allPersonalTax = 0
|
|
|
|
+ var allTotalPayable = 0
|
|
|
|
+ var allTotalDeduction = 0
|
|
for (let row of this.dataSource){
|
|
for (let row of this.dataSource){
|
|
allNumber += row.actualOccurrence*1;
|
|
allNumber += row.actualOccurrence*1;
|
|
|
|
+ allWages +=Number(row.wages);
|
|
|
|
+ allPersonalTax+=Number(row.personalTax);
|
|
|
|
+ allTotalPayable+=Number(row.totalPayable);
|
|
|
|
+ allTotalDeduction+=Number(row.totalDeduction);
|
|
}
|
|
}
|
|
|
|
|
|
item.actualOccurrence= parseFloat(allNumber.toFixed(2));
|
|
item.actualOccurrence= parseFloat(allNumber.toFixed(2));
|
|
|
|
+ item.wages = parseFloat(allWages.toFixed(2));
|
|
|
|
+ item.personalTax = parseFloat(allPersonalTax.toFixed(2));
|
|
|
|
+ item.totalPayable = parseFloat(allTotalPayable.toFixed(2));
|
|
|
|
+ item.totalDeduction = parseFloat(allTotalDeduction.toFixed(2));
|
|
return [item];
|
|
return [item];
|
|
|
|
|
|
}
|
|
}
|
|
@@ -295,7 +307,7 @@
|
|
columns={this.columns}
|
|
columns={this.columns}
|
|
dataSource={this.totalDataSource || []}
|
|
dataSource={this.totalDataSource || []}
|
|
showHeader={false}
|
|
showHeader={false}
|
|
- scroll={{x:2000 }}
|
|
|
|
|
|
+ scroll={{x:2000 ,y:400}}
|
|
></a-table>
|
|
></a-table>
|
|
)
|
|
)
|
|
},
|
|
},
|
|
@@ -307,25 +319,15 @@
|
|
/deep/ .nresume .ant-input{
|
|
/deep/ .nresume .ant-input{
|
|
height: 100px !important;
|
|
height: 100px !important;
|
|
}
|
|
}
|
|
-
|
|
|
|
- /deep/ .ant-select{
|
|
|
|
- width: 100%;
|
|
|
|
- }
|
|
|
|
- .form-table-heard:before {
|
|
|
|
- content: '*';
|
|
|
|
- color: red;
|
|
|
|
- }
|
|
|
|
- /deep/ .ant-calendar-picker{
|
|
|
|
- width: 113px !important;
|
|
|
|
- }
|
|
|
|
/deep/ .ant-table-footer .ant-table-body {
|
|
/deep/ .ant-table-footer .ant-table-body {
|
|
- overflow: hidden !important;
|
|
|
|
|
|
+ overflow-x: hidden !important;
|
|
}
|
|
}
|
|
/deep/.ant-table-footer{
|
|
/deep/.ant-table-footer{
|
|
padding:0 !important;
|
|
padding:0 !important;
|
|
overflow: hidden !important;
|
|
overflow: hidden !important;
|
|
}
|
|
}
|
|
- /deep/.ant-table-fixed-left{
|
|
|
|
- min-width:190px !important
|
|
|
|
|
|
+ /deep/.ant-table-fixed-left .ant-table-body-inner {
|
|
|
|
+ margin-right: -28px !important;
|
|
|
|
+ padding-right: 20px !important;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|