Skip to content

薪
薪瑞通-前端
Commit e9553892 authored by 许珑标's avatar 许珑标
Browse files
Options

优化

parent 3d94ba6d
Show whitespace changes
Inline Side-by-side
Showing with 379 additions and 299 deletions
src/views/business/outPersonal/index.vue
View file @ e9553892
...@@ -51,15 +51,13 @@ ...@@ -51,15 +51,13 @@
<dict-tag :options="dict.type.payee_acc_type" :value="scope.row.bearType"/> <dict-tag :options="dict.type.payee_acc_type" :value="scope.row.bearType"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="岗位名称" align="center" prop="postName" /> <el-table-column label="性别" align="center" prop="gender" />
<el-table-column label="岗位工资(￥)" align="center" prop="postWage" />
<el-table-column label="应发工资(￥)" align="center" prop="salaryPayable" />
<el-table-column label="实发金额(￥)" align="center" prop="actualPayable" />
<el-table-column label="五险一金承担方式" align="center" prop="bearType" width="110"> <el-table-column label="五险一金承担方式" align="center" prop="bearType" width="110">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bx_bear_type" :value="scope.row.bearType"/> <dict-tag :options="dict.type.bx_bear_type" :value="scope.row.bearType"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="岗位名称" align="center" prop="postName" />
<el-table-column label="保险缴纳基数"> <el-table-column label="保险缴纳基数">
<el-table-column label="失业保险(￥)" align="center" prop="sybxBase" /> <el-table-column label="失业保险(￥)" align="center" prop="sybxBase" />
<el-table-column label="养老保险(￥)" align="center" prop="ylbxBase" /> <el-table-column label="养老保险(￥)" align="center" prop="ylbxBase" />
...@@ -84,6 +82,9 @@ ...@@ -84,6 +82,9 @@
<el-table-column label="生育保险(%)" align="center" prop="syubxPersonalRate" /> <el-table-column label="生育保险(%)" align="center" prop="syubxPersonalRate" />
<el-table-column label="公积金(%)" align="center" prop="providentFundPersonalRate" /> <el-table-column label="公积金(%)" align="center" prop="providentFundPersonalRate" />
</el-table-column> </el-table-column>
<el-table-column label="岗位工资(￥)" align="center" prop="postWage" />
<el-table-column label="应发工资(￥)" align="center" prop="salaryPayable" />
<el-table-column label="实发金额(￥)" align="center" prop="actualPayable" />
<el-table-column label="管理费(￥)" align="center" prop="operationCost" /> <el-table-column label="管理费(￥)" align="center" prop="operationCost" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
......
src/views/business/payOutDetail/index.vue
View file @ e9553892
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
<el-form-item label="工资批次" v-show="batchName"> <el-form-item label="任务名称" v-show="batchName">
<el-input v-model="batchName" disabled /> <el-input v-model="batchName" disabled/>
</el-form-item>
<el-form-item label="工资批次号" prop="batchNo">
<el-input
v-model="queryParams.batchNo"
disabled
placeholder="请输入工资批次编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="人员名称" prop="userName"> <el-form-item label="人员名称" prop="userName">
<el-input <el-input
...@@ -59,7 +50,8 @@ ...@@ -59,7 +50,8 @@
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['business:payOutDetail:add']" v-hasPermi="['business:payOutDetail:add']"
>新增</el-button> >新增
</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
...@@ -69,7 +61,8 @@ ...@@ -69,7 +61,8 @@
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['business:payOutDetail:edit']" v-hasPermi="['business:payOutDetail:edit']"
>修改</el-button> >修改
</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
...@@ -79,7 +72,8 @@ ...@@ -79,7 +72,8 @@
:disabled="multiple" :disabled="multiple"
@click="handleDelete" @click="handleDelete"
v-hasPermi="['business:payOutDetail:remove']" v-hasPermi="['business:payOutDetail:remove']"
>删除</el-button> >删除
</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
...@@ -88,15 +82,14 @@ ...@@ -88,15 +82,14 @@
size="mini" size="mini"
@click="handleExport" @click="handleExport"
v-hasPermi="['business:payOutDetail:export']" v-hasPermi="['business:payOutDetail:export']"
>导出</el-button> >导出
</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="payOutDetailList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="payOutDetailList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center"/>
<el-table-column label="工资批次编号" align="center" prop="batchNo" />
<el-table-column label="工资分组编号" align="center" prop="groupNo" />
<el-table-column label="工资月份" align="center" prop="salaryMonth"> <el-table-column label="工资月份" align="center" prop="salaryMonth">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.salaryMonth, '{y}-{m}') }}</span> <span>{{ parseTime(scope.row.salaryMonth, '{y}-{m}') }}</span>
...@@ -108,143 +101,84 @@ ...@@ -108,143 +101,84 @@
<el-tag>{{ scope.row.companyCode }}</el-tag> <el-tag>{{ scope.row.companyCode }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="发放状态" align="center" prop="payStatus"> <el-table-column label="人员名称" align="center" prop="userName"/>
<template slot-scope="scope"> <el-table-column label="身份证号" align="center" prop="userCode"/>
<dict-tag :options="dict.type.pay_status" :value="scope.row.payStatus"/> <el-table-column label="性别" align="center" prop="gender"/>
</template>
</el-table-column>
<!-- <el-table-column label="发放时间" align="center" prop="payTime" width="180">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ parseTime(scope.row.payTime) }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="人员名称" align="center" prop="userName" />
<el-table-column label="人员身份证号" align="center" prop="userCode" />
<el-table-column label="收款账号" align="center" prop="payeeAccNo"> <el-table-column label="收款账号" align="center" prop="payeeAccNo">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.payeeAccNo }} {{ scope.row.payeeAccNo }}
<dict-tag :options="dict.type.payee_acc_type" :value="scope.row.bearType"/> <dict-tag :options="dict.type.payee_acc_type" :value="scope.row.bearType"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="岗位名称" align="center" prop="postName" /> <el-table-column label="岗位名称" align="center" prop="postName"/>
<el-table-column label="岗位工资" align="center" prop="postWage" /> <!-- <el-table-column label="五险一金承担方式" align="center" width="110">-->
<el-table-column label="应发工资" align="center" prop="salaryPayable" /> <!-- <template slot-scope="scope">-->
<el-table-column label="实发金额" align="center" prop="actualPayable" /> <!-- <dict-tag :options="dict.type.bx_bear_type" :value="scope.row.standard.bearType"/>-->
<el-table-column label="五险一金承担方式" align="center" width="110"> <!-- </template>-->
<template slot-scope="scope"> <!-- </el-table-column>-->
<dict-tag :options="dict.type.bx_bear_type" :value="scope.row.standard.bearType"/> <!-- <el-table-column label="保险缴纳基数">-->
</template> <!-- <el-table-column label="失业保险(￥)" align="center">-->
</el-table-column> <!-- <template slot-scope="scope">-->
<el-table-column label="保险缴纳基数"> <!-- {{scope.row.standard.sybxBase}}-->
<el-table-column label="失业保险(￥)" align="center"> <!-- </template>-->
<template slot-scope="scope"> <!-- </el-table-column>-->
{{scope.row.standard.sybxBase}} <!-- <el-table-column label="养老保险(￥)" align="center">-->
</template> <!-- <template slot-scope="scope">-->
</el-table-column> <!-- {{scope.row.standard.ylbxBase}}-->
<el-table-column label="养老保险(￥)" align="center"> <!-- </template>-->
<template slot-scope="scope"> <!-- </el-table-column>-->
{{scope.row.standard.ylbxBase}} <!-- <el-table-column label="工伤保险(￥)" align="center">-->
</template> <!-- <template slot-scope="scope">-->
</el-table-column> <!-- {{scope.row.standard.gsbxBase}}-->
<el-table-column label="工伤保险(￥)" align="center"> <!-- </template>-->
<template slot-scope="scope"> <!-- </el-table-column>-->
{{scope.row.standard.gsbxBase}} <!-- <el-table-column label="医疗保险(￥)" align="center">-->
</template> <!-- <template slot-scope="scope">-->
</el-table-column> <!-- {{scope.row.standard.ysbxBase}}-->
<el-table-column label="医疗保险(￥)" align="center"> <!-- </template>-->
<template slot-scope="scope"> <!-- </el-table-column>-->
{{scope.row.standard.ysbxBase}} <!-- <el-table-column label="生育保险(￥)" align="center">-->
</template> <!-- <template slot-scope="scope">-->
</el-table-column> <!-- {{scope.row.standard.syubxBase}}-->
<el-table-column label="生育保险(￥)" align="center"> <!-- </template>-->
<template slot-scope="scope"> <!-- </el-table-column>-->
{{scope.row.standard.syubxBase}} <!-- <el-table-column label="公积金(￥)" align="center">-->
</template> <!-- <template slot-scope="scope">-->
</el-table-column> <!-- {{scope.row.standard.providentFundBase}}-->
<el-table-column label="公积金(￥)" align="center"> <!-- </template>-->
<template slot-scope="scope"> <!-- </el-table-column>-->
{{scope.row.standard.providentFundBase}} <!-- </el-table-column>-->
</template> <el-table-column label="单位缴纳保险情况" align="center">
</el-table-column> <el-table-column label="失业保险" align="center" prop="sybxCompanyMoney" />
</el-table-column> <el-table-column label="养老保险" align="center" prop="ylbxCompanyMoney"/>
<el-table-column label="单位缴纳保险情况"> <el-table-column label="工伤保险" align="center" prop="gsbxCompanyMoney" />
<el-table-column label="失业保险" align="center"> <el-table-column label="医疗保险" align="center" prop="ysbxCompanyMoney" />
<template slot-scope="scope"> <el-table-column label="生育保险" align="center" prpo="syubxCompanyMoney" />
<el-tag type="warning">{{scope.row.standard.sybxCompanyRate}}%</el-tag> <el-table-column label="公积金" align="center" prpo="providentFundCompanyMoney" />
<el-tag>￥{{scope.row.sybxCompanyMoney}}</el-tag>
</template>
</el-table-column>
<el-table-column label="养老保险" align="center">
<template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.ylbxCompanyRate}}%</el-tag>
<el-tag>￥{{scope.row.ylbxCompanyMoney}}</el-tag>
</template>
</el-table-column>
<el-table-column label="工伤保险" align="center">
<template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.gsbxCompanyRate}}%</el-tag>
<el-tag>￥{{scope.row.gsbxCompanyMoney}}</el-tag>
</template>
</el-table-column>
<el-table-column label="医疗保险" align="center">
<template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.ysbxCompanyRate}}%</el-tag>
<el-tag>￥{{scope.row.ysbxCompanyMoney}}</el-tag>
</template>
</el-table-column>
<el-table-column label="生育保险" align="center">
<template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.syubxCompanyRate}}%</el-tag>
<el-tag>￥{{scope.row.syubxCompanyMoney}}</el-tag>
</template>
</el-table-column>
<el-table-column label="公积金" align="center">
<template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.providentFundCompanyRate}}%</el-tag>
<el-tag>￥{{scope.row.providentFundCompanyMoeny}}</el-tag>
</template>
</el-table-column>
</el-table-column>
<el-table-column label="个人缴纳保险情况">
<el-table-column label="失业保险" align="center">
<template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.sybxPersonalRate}}%</el-tag>
<el-tag>￥{{scope.row.sybxPersonalMoney}}</el-tag>
</template>
</el-table-column>
<el-table-column label="养老保险" align="center">
<template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.ylbxPersonalRate}}%</el-tag>
<el-tag>￥{{scope.row.ylbxPersonalMoney}}</el-tag>
</template>
</el-table-column>
<el-table-column label="工伤保险" align="center">
<template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.gsbxPersonalRate}}%</el-tag>
<el-tag>￥{{scope.row.gsbxPersonalMoney}}</el-tag>
</template>
</el-table-column> </el-table-column>
<el-table-column label="医疗保险" align="center"> <el-table-column label="个人缴纳保险情况" align="center">
<template slot-scope="scope"> <el-table-column label="失业保险" align="center" prpo="sybxPersonalMoney" />
<el-tag type="warning">{{scope.row.standard.ysbxPersonalRate}}%</el-tag> <el-table-column label="养老保险" align="center" prpo="ylbxPersonalMoney" />
<el-tag>￥{{scope.row.ysbxPersonalMoney}}</el-tag> <el-table-column label="工伤保险" align="center" prpo="gsbxPersonalMoney" />
</template> <el-table-column label="医疗保险" align="center" prpo="ysbxPersonalMoney" />
<el-table-column label="生育保险" align="center" prpo="syubxPersonalMoney" />
<el-table-column label="公积金" align="center" prpo="providentFundPersonalMoney" />
</el-table-column> </el-table-column>
<el-table-column label="生育保险" align="center"> <el-table-column label="岗位工资" align="center" prop="postWage"/>
<el-table-column label="应发工资" align="center" prop="salaryPayable"/>
<el-table-column label="实发金额" align="center" prop="actualPayable"/>
<el-table-column label="管理费" align="center" prop="operationCost"/>
<el-table-column label="考勤扣除" align="center" prop="checkWorkCost"/>
<el-table-column label="发放状态" align="center" prop="payStatus">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.syubxPersonalRate}}%</el-tag> <dict-tag :options="dict.type.pay_status" :value="scope.row.payStatus"/>
<el-tag>￥{{scope.row.syubxPersonalMoney}}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="公积金" align="center"> <el-table-column label="发放时间" align="center" prop="payTime" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="warning">{{scope.row.standard.providentFundPersonalRate}}%</el-tag> <span>{{ parseTime(scope.row.payTime) }}</span>
<el-tag>￥{{scope.row.providentFundPersonalMoney}}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
</el-table-column>
<el-table-column label="管理费" align="center" prop="operationCost" />
<el-table-column label="考勤扣除" align="center" prop="checkWorkCost" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
...@@ -253,21 +187,24 @@ ...@@ -253,21 +187,24 @@
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['business:payOutDetail:edit']" v-hasPermi="['business:payOutDetail:edit']"
>修改</el-button> >修改
</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="checkWork(scope.row)"
v-hasPermi="['business:payOutDetail:edit']" v-hasPermi="['business:payOutDetail:edit']"
>考勤核对</el-button> >考勤核对
</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['business:payOutDetail:remove']" v-hasPermi="['business:payOutDetail:remove']"
>删除</el-button> >删除
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -284,152 +221,154 @@ ...@@ -284,152 +221,154 @@
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="工资批次编号" prop="batchNo"> <el-form-item label="工资批次编号" prop="batchNo">
<el-input v-model="form.batchNo" placeholder="请输入工资批次编号" /> <el-input v-model="form.batchNo" placeholder="请输入工资批次编号"/>
</el-form-item> </el-form-item>
<el-form-item label="工资分组编号" prop="groupNo"> <el-form-item label="工资分组编号" prop="groupNo">
<el-input v-model="form.groupNo" placeholder="请输入工资分组编号" /> <el-input v-model="form.groupNo" placeholder="请输入工资分组编号"/>
</el-form-item> </el-form-item>
<el-form-item label="工资月份" prop="salaryMonth"> <el-form-item label="工资月份" prop="salaryMonth">
<el-date-picker clearable <el-date-picker clearable
v-model="form.salaryMonth" v-model="form.salaryMonth"
type="date" type="date"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择工资月份"> placeholder="请选择工资月份"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="发放单位" prop="companyName"> <el-form-item label="发放单位" prop="companyName">
<el-input v-model="form.companyName" placeholder="请输入发放单位" /> <el-input v-model="form.companyName" placeholder="请输入发放单位"/>
</el-form-item> </el-form-item>
<el-form-item label="发放单位编码(信用代码)" prop="companyCode"> <el-form-item label="发放单位编码(信用代码)" prop="companyCode">
<el-input v-model="form.companyCode" placeholder="请输入发放单位编码(信用代码)" /> <el-input v-model="form.companyCode" placeholder="请输入发放单位编码(信用代码)"/>
</el-form-item> </el-form-item>
<el-form-item label="发放时间" prop="payTime"> <el-form-item label="发放时间" prop="payTime">
<el-date-picker clearable <el-date-picker clearable
v-model="form.payTime" v-model="form.payTime"
type="date" type="date"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择发放时间"> placeholder="请选择发放时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="收薪人员ID" prop="personalId"> <el-form-item label="收薪人员ID" prop="personalId">
<el-input v-model="form.personalId" placeholder="请输入收薪人员ID" /> <el-input v-model="form.personalId" placeholder="请输入收薪人员ID"/>
</el-form-item> </el-form-item>
<el-form-item label="人员名称" prop="userName"> <el-form-item label="人员名称" prop="userName">
<el-input v-model="form.userName" placeholder="请输入人员名称" /> <el-input v-model="form.userName" placeholder="请输入人员名称"/>
</el-form-item> </el-form-item>
<el-form-item label="人员身份证号" prop="userCode"> <el-form-item label="人员身份证号" prop="userCode">
<el-input v-model="form.userCode" placeholder="请输入人员身份证号" /> <el-input v-model="form.userCode" placeholder="请输入人员身份证号"/>
</el-form-item> </el-form-item>
<el-form-item label="收款账号" prop="payeeAccNo"> <el-form-item label="收款账号" prop="payeeAccNo">
<el-input v-model="form.payeeAccNo" placeholder="请输入收款账号" /> <el-input v-model="form.payeeAccNo" placeholder="请输入收款账号"/>
</el-form-item> </el-form-item>
<el-form-item label="岗位名称" prop="postName"> <el-form-item label="岗位名称" prop="postName">
<el-input v-model="form.postName" placeholder="请输入岗位名称" /> <el-input v-model="form.postName" placeholder="请输入岗位名称"/>
</el-form-item> </el-form-item>
<el-form-item label="岗位工资" prop="postWage"> <el-form-item label="岗位工资" prop="postWage">
<el-input v-model="form.postWage" placeholder="请输入岗位工资" /> <el-input v-model="form.postWage" placeholder="请输入岗位工资"/>
</el-form-item> </el-form-item>
<el-form-item label="应发工资" prop="salaryPayable"> <el-form-item label="应发工资" prop="salaryPayable">
<el-input v-model="form.salaryPayable" placeholder="请输入应发工资" /> <el-input v-model="form.salaryPayable" placeholder="请输入应发工资"/>
</el-form-item> </el-form-item>
<el-form-item label="实发金额" prop="actualPayable"> <el-form-item label="实发金额" prop="actualPayable">
<el-input v-model="form.actualPayable" placeholder="请输入实发金额" /> <el-input v-model="form.actualPayable" placeholder="请输入实发金额"/>
</el-form-item> </el-form-item>
<el-form-item label="失业保险缴费基数" prop="sybxBase"> <el-form-item label="失业保险缴费基数" prop="sybxBase">
<el-input v-model="form.sybxBase" placeholder="请输入失业保险缴费基数" /> <el-input v-model="form.sybxBase" placeholder="请输入失业保险缴费基数"/>
</el-form-item> </el-form-item>
<el-form-item label="失业保险公司承担比例" prop="sybxCompanyRate"> <el-form-item label="失业保险公司承担比例" prop="sybxCompanyRate">
<el-input v-model="form.sybxCompanyRate" placeholder="请输入失业保险公司承担比例" /> <el-input v-model="form.sybxCompanyRate" placeholder="请输入失业保险公司承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="失业保险公司承担金额" prop="sybxCompanyMoney"> <el-form-item label="失业保险公司承担金额" prop="sybxCompanyMoney">
<el-input v-model="form.sybxCompanyMoney" placeholder="请输入失业保险公司承担金额" /> <el-input v-model="form.sybxCompanyMoney" placeholder="请输入失业保险公司承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="失业保险个人承担比例" prop="sybxPersonalRate"> <el-form-item label="失业保险个人承担比例" prop="sybxPersonalRate">
<el-input v-model="form.sybxPersonalRate" placeholder="请输入失业保险个人承担比例" /> <el-input v-model="form.sybxPersonalRate" placeholder="请输入失业保险个人承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="失业保险个人承担金额" prop="sybxPersonalMoney"> <el-form-item label="失业保险个人承担金额" prop="sybxPersonalMoney">
<el-input v-model="form.sybxPersonalMoney" placeholder="请输入失业保险个人承担金额" /> <el-input v-model="form.sybxPersonalMoney" placeholder="请输入失业保险个人承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="养老保险缴费基数" prop="ylbxBase"> <el-form-item label="养老保险缴费基数" prop="ylbxBase">
<el-input v-model="form.ylbxBase" placeholder="请输入养老保险缴费基数" /> <el-input v-model="form.ylbxBase" placeholder="请输入养老保险缴费基数"/>
</el-form-item> </el-form-item>
<el-form-item label="养老保险公司承担比例" prop="ylbxCompanyRate"> <el-form-item label="养老保险公司承担比例" prop="ylbxCompanyRate">
<el-input v-model="form.ylbxCompanyRate" placeholder="请输入养老保险公司承担比例" /> <el-input v-model="form.ylbxCompanyRate" placeholder="请输入养老保险公司承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="养老保险公司承担金额" prop="ylbxCompanyMoney"> <el-form-item label="养老保险公司承担金额" prop="ylbxCompanyMoney">
<el-input v-model="form.ylbxCompanyMoney" placeholder="请输入养老保险公司承担金额" /> <el-input v-model="form.ylbxCompanyMoney" placeholder="请输入养老保险公司承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="养老保险个人承担比例" prop="ylbxPersonalRate"> <el-form-item label="养老保险个人承担比例" prop="ylbxPersonalRate">
<el-input v-model="form.ylbxPersonalRate" placeholder="请输入养老保险个人承担比例" /> <el-input v-model="form.ylbxPersonalRate" placeholder="请输入养老保险个人承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="养老保险个人承担金额" prop="ylbxPersonalMoney"> <el-form-item label="养老保险个人承担金额" prop="ylbxPersonalMoney">
<el-input v-model="form.ylbxPersonalMoney" placeholder="请输入养老保险个人承担金额" /> <el-input v-model="form.ylbxPersonalMoney" placeholder="请输入养老保险个人承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="工伤保险缴费基数" prop="gsbxBase"> <el-form-item label="工伤保险缴费基数" prop="gsbxBase">
<el-input v-model="form.gsbxBase" placeholder="请输入工伤保险缴费基数" /> <el-input v-model="form.gsbxBase" placeholder="请输入工伤保险缴费基数"/>
</el-form-item> </el-form-item>
<el-form-item label="工伤保险公司承担比例" prop="gsbxCompanyRate"> <el-form-item label="工伤保险公司承担比例" prop="gsbxCompanyRate">
<el-input v-model="form.gsbxCompanyRate" placeholder="请输入工伤保险公司承担比例" /> <el-input v-model="form.gsbxCompanyRate" placeholder="请输入工伤保险公司承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="工伤保险公司承担金额" prop="gsbxCompanyMoney"> <el-form-item label="工伤保险公司承担金额" prop="gsbxCompanyMoney">
<el-input v-model="form.gsbxCompanyMoney" placeholder="请输入工伤保险公司承担金额" /> <el-input v-model="form.gsbxCompanyMoney" placeholder="请输入工伤保险公司承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="工伤保险个人承担比例" prop="gsbxPersonalRate"> <el-form-item label="工伤保险个人承担比例" prop="gsbxPersonalRate">
<el-input v-model="form.gsbxPersonalRate" placeholder="请输入工伤保险个人承担比例" /> <el-input v-model="form.gsbxPersonalRate" placeholder="请输入工伤保险个人承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="工伤保险个人承担金额" prop="gsbxPersonalMoney"> <el-form-item label="工伤保险个人承担金额" prop="gsbxPersonalMoney">
<el-input v-model="form.gsbxPersonalMoney" placeholder="请输入工伤保险个人承担金额" /> <el-input v-model="form.gsbxPersonalMoney" placeholder="请输入工伤保险个人承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="医疗保险缴费基数(可包含生育险)" prop="ysbxBase"> <el-form-item label="医疗保险缴费基数(可包含生育险)" prop="ysbxBase">
<el-input v-model="form.ysbxBase" placeholder="请输入医疗保险缴费基数(可包含生育险)" /> <el-input v-model="form.ysbxBase" placeholder="请输入医疗保险缴费基数(可包含生育险)"/>
</el-form-item> </el-form-item>
<el-form-item label="医疗保险公司承担比例" prop="ysbxCompanyRate"> <el-form-item label="医疗保险公司承担比例" prop="ysbxCompanyRate">
<el-input v-model="form.ysbxCompanyRate" placeholder="请输入医疗保险公司承担比例" /> <el-input v-model="form.ysbxCompanyRate" placeholder="请输入医疗保险公司承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="医疗保险公司承担金额" prop="ysbxCompanyMoney"> <el-form-item label="医疗保险公司承担金额" prop="ysbxCompanyMoney">
<el-input v-model="form.ysbxCompanyMoney" placeholder="请输入医疗保险公司承担金额" /> <el-input v-model="form.ysbxCompanyMoney" placeholder="请输入医疗保险公司承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="医疗保险个人承担比例" prop="ysbxPersonalRate"> <el-form-item label="医疗保险个人承担比例" prop="ysbxPersonalRate">
<el-input v-model="form.ysbxPersonalRate" placeholder="请输入医疗保险个人承担比例" /> <el-input v-model="form.ysbxPersonalRate" placeholder="请输入医疗保险个人承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="医疗保险个人承担金额" prop="ysbxPersonalMoney"> <el-form-item label="医疗保险个人承担金额" prop="ysbxPersonalMoney">
<el-input v-model="form.ysbxPersonalMoney" placeholder="请输入医疗保险个人承担金额" /> <el-input v-model="form.ysbxPersonalMoney" placeholder="请输入医疗保险个人承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="生育保险缴费基数" prop="syubxBase"> <el-form-item label="生育保险缴费基数" prop="syubxBase">
<el-input v-model="form.syubxBase" placeholder="请输入生育保险缴费基数" /> <el-input v-model="form.syubxBase" placeholder="请输入生育保险缴费基数"/>
</el-form-item> </el-form-item>
<el-form-item label="生育保险公司承担比例" prop="syubxCompanyRate"> <el-form-item label="生育保险公司承担比例" prop="syubxCompanyRate">
<el-input v-model="form.syubxCompanyRate" placeholder="请输入生育保险公司承担比例" /> <el-input v-model="form.syubxCompanyRate" placeholder="请输入生育保险公司承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="生育保险公司承担金额" prop="syubxCompanyMoney"> <el-form-item label="生育保险公司承担金额" prop="syubxCompanyMoney">
<el-input v-model="form.syubxCompanyMoney" placeholder="请输入生育保险公司承担金额" /> <el-input v-model="form.syubxCompanyMoney" placeholder="请输入生育保险公司承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="生育保险个人承担比例" prop="syubxPersonalRate"> <el-form-item label="生育保险个人承担比例" prop="syubxPersonalRate">
<el-input v-model="form.syubxPersonalRate" placeholder="请输入生育保险个人承担比例" /> <el-input v-model="form.syubxPersonalRate" placeholder="请输入生育保险个人承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="生育保险个人承担金额" prop="syubxPersonalMoney"> <el-form-item label="生育保险个人承担金额" prop="syubxPersonalMoney">
<el-input v-model="form.syubxPersonalMoney" placeholder="请输入生育保险个人承担金额" /> <el-input v-model="form.syubxPersonalMoney" placeholder="请输入生育保险个人承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="公积金缴费基数" prop="providentFundBase"> <el-form-item label="公积金缴费基数" prop="providentFundBase">
<el-input v-model="form.providentFundBase" placeholder="请输入公积金缴费基数" /> <el-input v-model="form.providentFundBase" placeholder="请输入公积金缴费基数"/>
</el-form-item> </el-form-item>
<el-form-item label="公积金企业承担比例" prop="providentFundCompanyRate"> <el-form-item label="公积金企业承担比例" prop="providentFundCompanyRate">
<el-input v-model="form.providentFundCompanyRate" placeholder="请输入公积金企业承担比例" /> <el-input v-model="form.providentFundCompanyRate" placeholder="请输入公积金企业承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="公积金企业承担金额" prop="providentFundCompanyMoeny"> <el-form-item label="公积金企业承担金额" prop="providentFundCompanyMoeny">
<el-input v-model="form.providentFundCompanyMoeny" placeholder="请输入公积金企业承担金额" /> <el-input v-model="form.providentFundCompanyMoeny" placeholder="请输入公积金企业承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="公积金个人承担比例" prop="providentFundPersonalRate"> <el-form-item label="公积金个人承担比例" prop="providentFundPersonalRate">
<el-input v-model="form.providentFundPersonalRate" placeholder="请输入公积金个人承担比例" /> <el-input v-model="form.providentFundPersonalRate" placeholder="请输入公积金个人承担比例"/>
</el-form-item> </el-form-item>
<el-form-item label="公积金个人承担金额" prop="providentFundPersonalMoney"> <el-form-item label="公积金个人承担金额" prop="providentFundPersonalMoney">
<el-input v-model="form.providentFundPersonalMoney" placeholder="请输入公积金个人承担金额" /> <el-input v-model="form.providentFundPersonalMoney" placeholder="请输入公积金个人承担金额"/>
</el-form-item> </el-form-item>
<el-form-item label="管理费" prop="operationCost"> <el-form-item label="管理费" prop="operationCost">
<el-input v-model="form.operationCost" placeholder="请输入管理费" /> <el-input v-model="form.operationCost" placeholder="请输入管理费"/>
</el-form-item> </el-form-item>
<el-form-item label="所属部门" prop="deptId"> <el-form-item label="所属部门" prop="deptId">
<el-input v-model="form.deptId" placeholder="请输入所属部门" /> <el-input v-model="form.deptId" placeholder="请输入所属部门"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
...@@ -437,17 +376,97 @@ ...@@ -437,17 +376,97 @@
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 考勤核对 -->
<el-dialog title="考勤核对" :visible.sync="checkWorkOpen" width="1000px" append-to-body>
<el-row>
<el-col :span="12">
<el-form :model="preForm" label-width="120px">
<el-form-item>
<el-tag>修正前</el-tag>
</el-form-item>
<el-form-item label="单位缴纳保险" prop="companyBxMoney">
<el-input v-model="preForm.companyBxMoney" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="个人缴纳保险" prop="personalBxMoney">
<el-input v-model="preForm.personalBxMoney" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="岗位工资" prop="postWage">
<el-input v-model="preForm.postWage" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="应发工资" prop="salaryPayable">
<el-input v-model="preForm.salaryPayable" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="实发工资" prop="actualPayable">
<el-input v-model="preForm.actualPayable" disabled placeholder="请输入岗位工资"/>
</el-form-item>
</el-form>
</el-col>
<el-col :span="12">
<el-form ref="cwForm" :model="cwForm" :rules="cwFormRules" label-width="120px">
<el-form-item>
<el-tag type="success">修正后</el-tag>
</el-form-item>
<el-form-item label="单位缴纳保险" prop="companyBxMoney">
<el-input v-model="cwForm.companyBxMoney" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="个人缴纳保险" prop="personalBxMoney">
<el-input v-model="cwForm.personalBxMoney" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="岗位工资" prop="postWage">
<el-input v-model="cwForm.postWage" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="应发工资" prop="salaryPayable">
<el-input v-model="cwForm.salaryPayable" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="实发工资" prop="actualPayable">
<el-input v-model="cwForm.actualPayable" disabled placeholder="请输入岗位工资"/>
</el-form-item>
<el-form-item label="考勤扣除" prop="checkWorkCost">
<el-input-number style="width: 200px" :precision="2" :step="1" :min="0" v-model="cwForm.checkWorkCost"
placeholder="请输入考勤扣除"
>
</el-input-number>
<el-button style="margin-left: 10px" size="mini" round @click="preCal">预览</el-button>
</el-form-item>
</el-form>
</el-col>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="checkWorkOpen = false">取 消</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listPayOutDetail, getPayOutDetail, delPayOutDetail, addPayOutDetail, updatePayOutDetail } from "@/api/business/payOutDetail"; import {
listPayOutDetail,
getPayOutDetail,
delPayOutDetail,
addPayOutDetail,
updatePayOutDetail
} from '@/api/business/payOutDetail'
export default { export default {
name: "PayOutDetail", name: 'PayOutDetail',
dicts: ['pay_status', 'bx_bear_type', 'payee_acc_type'], dicts: ['pay_status', 'bx_bear_type', 'payee_acc_type'],
data() { data() {
return { return {
preForm: {},
preFormOpen: false,
checkWorkOpen: false,
cwForm: {
companyBxMoney: null,
personalBxMoney: null,
postWage: null,
salaryPayable: null,
actualPayable: null,
checkWorkCost: 0
},
cwFormRules: {},
batchName: null, batchName: null,
// 根路径 // 根路径
baseURL: process.env.VUE_APP_BASE_API, baseURL: process.env.VUE_APP_BASE_API,
...@@ -466,7 +485,7 @@ export default { ...@@ -466,7 +485,7 @@ export default {
// 发薪详情表格数据 // 发薪详情表格数据
payOutDetailList: [], payOutDetailList: [],
// 弹出层标题 // 弹出层标题
title: "", title: '',
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
// 查询参数 // 查询参数
...@@ -478,164 +497,164 @@ export default { ...@@ -478,164 +497,164 @@ export default {
companyCode: null, companyCode: null,
payStatus: null, payStatus: null,
userName: null, userName: null,
userCode: null, userCode: null
}, },
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
rules: { rules: {
id: [ id: [
{ required: true, message: "$comment不能为空", trigger: "blur" } { required: true, message: '$comment不能为空', trigger: 'blur' }
], ],
batchNo: [ batchNo: [
{ required: true, message: "工资批次编号不能为空", trigger: "blur" } { required: true, message: '工资批次编号不能为空', trigger: 'blur' }
], ],
groupNo: [ groupNo: [
{ required: true, message: "工资分组编号不能为空", trigger: "blur" } { required: true, message: '工资分组编号不能为空', trigger: 'blur' }
], ],
salaryMonth: [ salaryMonth: [
{ required: true, message: "工资月份不能为空", trigger: "blur" } { required: true, message: '工资月份不能为空', trigger: 'blur' }
], ],
companyName: [ companyName: [
{ required: true, message: "发放单位不能为空", trigger: "blur" } { required: true, message: '发放单位不能为空', trigger: 'blur' }
], ],
companyCode: [ companyCode: [
{ required: true, message: "发放单位编码(信用代码)不能为空", trigger: "blur" } { required: true, message: '发放单位编码(信用代码)不能为空', trigger: 'blur' }
], ],
payStatus: [ payStatus: [
{ required: true, message: "发放状态不能为空", trigger: "blur" } { required: true, message: '发放状态不能为空', trigger: 'blur' }
], ],
payTime: [ payTime: [
{ required: true, message: "发放时间不能为空", trigger: "blur" } { required: true, message: '发放时间不能为空', trigger: 'blur' }
], ],
personalId: [ personalId: [
{ required: true, message: "收薪人员ID不能为空", trigger: "blur" } { required: true, message: '收薪人员ID不能为空', trigger: 'blur' }
], ],
userName: [ userName: [
{ required: true, message: "人员名称不能为空", trigger: "blur" } { required: true, message: '人员名称不能为空', trigger: 'blur' }
], ],
userCode: [ userCode: [
{ required: true, message: "人员身份证号不能为空", trigger: "blur" } { required: true, message: '人员身份证号不能为空', trigger: 'blur' }
], ],
payeeAccType: [ payeeAccType: [
{ required: true, message: "收款账号类型不能为空", trigger: "change" } { required: true, message: '收款账号类型不能为空', trigger: 'change' }
], ],
payeeAccNo: [ payeeAccNo: [
{ required: true, message: "收款账号不能为空", trigger: "blur" } { required: true, message: '收款账号不能为空', trigger: 'blur' }
], ],
postName: [ postName: [
{ required: true, message: "岗位名称不能为空", trigger: "blur" } { required: true, message: '岗位名称不能为空', trigger: 'blur' }
], ],
postWage: [ postWage: [
{ required: true, message: "岗位工资不能为空", trigger: "blur" } { required: true, message: '岗位工资不能为空', trigger: 'blur' }
], ],
salaryPayable: [ salaryPayable: [
{ required: true, message: "应发工资不能为空", trigger: "blur" } { required: true, message: '应发工资不能为空', trigger: 'blur' }
], ],
actualPayable: [ actualPayable: [
{ required: true, message: "实发金额不能为空", trigger: "blur" } { required: true, message: '实发金额不能为空', trigger: 'blur' }
], ],
bearType: [ bearType: [
{ required: true, message: "五险一金承担方式:1、各自承担;2、个人承担不能为空", trigger: "change" } { required: true, message: '五险一金承担方式:1、各自承担;2、个人承担不能为空', trigger: 'change' }
], ],
sybxBase: [ sybxBase: [
{ required: true, message: "失业保险缴费基数不能为空", trigger: "blur" } { required: true, message: '失业保险缴费基数不能为空', trigger: 'blur' }
], ],
sybxCompanyRate: [ sybxCompanyRate: [
{ required: true, message: "失业保险公司承担比例不能为空", trigger: "blur" } { required: true, message: '失业保险公司承担比例不能为空', trigger: 'blur' }
], ],
sybxCompanyMoney: [ sybxCompanyMoney: [
{ required: true, message: "失业保险公司承担金额不能为空", trigger: "blur" } { required: true, message: '失业保险公司承担金额不能为空', trigger: 'blur' }
], ],
sybxPersonalRate: [ sybxPersonalRate: [
{ required: true, message: "失业保险个人承担比例不能为空", trigger: "blur" } { required: true, message: '失业保险个人承担比例不能为空', trigger: 'blur' }
], ],
sybxPersonalMoney: [ sybxPersonalMoney: [
{ required: true, message: "失业保险个人承担金额不能为空", trigger: "blur" } { required: true, message: '失业保险个人承担金额不能为空', trigger: 'blur' }
], ],
ylbxBase: [ ylbxBase: [
{ required: true, message: "养老保险缴费基数不能为空", trigger: "blur" } { required: true, message: '养老保险缴费基数不能为空', trigger: 'blur' }
], ],
ylbxCompanyRate: [ ylbxCompanyRate: [
{ required: true, message: "养老保险公司承担比例不能为空", trigger: "blur" } { required: true, message: '养老保险公司承担比例不能为空', trigger: 'blur' }
], ],
ylbxCompanyMoney: [ ylbxCompanyMoney: [
{ required: true, message: "养老保险公司承担金额不能为空", trigger: "blur" } { required: true, message: '养老保险公司承担金额不能为空', trigger: 'blur' }
], ],
ylbxPersonalRate: [ ylbxPersonalRate: [
{ required: true, message: "养老保险个人承担比例不能为空", trigger: "blur" } { required: true, message: '养老保险个人承担比例不能为空', trigger: 'blur' }
], ],
ylbxPersonalMoney: [ ylbxPersonalMoney: [
{ required: true, message: "养老保险个人承担金额不能为空", trigger: "blur" } { required: true, message: '养老保险个人承担金额不能为空', trigger: 'blur' }
], ],
gsbxBase: [ gsbxBase: [
{ required: true, message: "工伤保险缴费基数不能为空", trigger: "blur" } { required: true, message: '工伤保险缴费基数不能为空', trigger: 'blur' }
], ],
gsbxCompanyRate: [ gsbxCompanyRate: [
{ required: true, message: "工伤保险公司承担比例不能为空", trigger: "blur" } { required: true, message: '工伤保险公司承担比例不能为空', trigger: 'blur' }
], ],
gsbxCompanyMoney: [ gsbxCompanyMoney: [
{ required: true, message: "工伤保险公司承担金额不能为空", trigger: "blur" } { required: true, message: '工伤保险公司承担金额不能为空', trigger: 'blur' }
], ],
gsbxPersonalRate: [ gsbxPersonalRate: [
{ required: true, message: "工伤保险个人承担比例不能为空", trigger: "blur" } { required: true, message: '工伤保险个人承担比例不能为空', trigger: 'blur' }
], ],
gsbxPersonalMoney: [ gsbxPersonalMoney: [
{ required: true, message: "工伤保险个人承担金额不能为空", trigger: "blur" } { required: true, message: '工伤保险个人承担金额不能为空', trigger: 'blur' }
], ],
ysbxBase: [ ysbxBase: [
{ required: true, message: "医疗保险缴费基数(可包含生育险)不能为空", trigger: "blur" } { required: true, message: '医疗保险缴费基数(可包含生育险)不能为空', trigger: 'blur' }
], ],
ysbxCompanyRate: [ ysbxCompanyRate: [
{ required: true, message: "医疗保险公司承担比例不能为空", trigger: "blur" } { required: true, message: '医疗保险公司承担比例不能为空', trigger: 'blur' }
], ],
ysbxCompanyMoney: [ ysbxCompanyMoney: [
{ required: true, message: "医疗保险公司承担金额不能为空", trigger: "blur" } { required: true, message: '医疗保险公司承担金额不能为空', trigger: 'blur' }
], ],
ysbxPersonalRate: [ ysbxPersonalRate: [
{ required: true, message: "医疗保险个人承担比例不能为空", trigger: "blur" } { required: true, message: '医疗保险个人承担比例不能为空', trigger: 'blur' }
], ],
ysbxPersonalMoney: [ ysbxPersonalMoney: [
{ required: true, message: "医疗保险个人承担金额不能为空", trigger: "blur" } { required: true, message: '医疗保险个人承担金额不能为空', trigger: 'blur' }
], ],
syubxBase: [ syubxBase: [
{ required: true, message: "生育保险缴费基数不能为空", trigger: "blur" } { required: true, message: '生育保险缴费基数不能为空', trigger: 'blur' }
], ],
syubxCompanyRate: [ syubxCompanyRate: [
{ required: true, message: "生育保险公司承担比例不能为空", trigger: "blur" } { required: true, message: '生育保险公司承担比例不能为空', trigger: 'blur' }
], ],
syubxCompanyMoney: [ syubxCompanyMoney: [
{ required: true, message: "生育保险公司承担金额不能为空", trigger: "blur" } { required: true, message: '生育保险公司承担金额不能为空', trigger: 'blur' }
], ],
syubxPersonalRate: [ syubxPersonalRate: [
{ required: true, message: "生育保险个人承担比例不能为空", trigger: "blur" } { required: true, message: '生育保险个人承担比例不能为空', trigger: 'blur' }
], ],
syubxPersonalMoney: [ syubxPersonalMoney: [
{ required: true, message: "生育保险个人承担金额不能为空", trigger: "blur" } { required: true, message: '生育保险个人承担金额不能为空', trigger: 'blur' }
], ],
providentFundBase: [ providentFundBase: [
{ required: true, message: "公积金缴费基数不能为空", trigger: "blur" } { required: true, message: '公积金缴费基数不能为空', trigger: 'blur' }
], ],
providentFundCompanyRate: [ providentFundCompanyRate: [
{ required: true, message: "公积金企业承担比例不能为空", trigger: "blur" } { required: true, message: '公积金企业承担比例不能为空', trigger: 'blur' }
], ],
providentFundCompanyMoeny: [ providentFundCompanyMoeny: [
{ required: true, message: "公积金企业承担金额不能为空", trigger: "blur" } { required: true, message: '公积金企业承担金额不能为空', trigger: 'blur' }
], ],
providentFundPersonalRate: [ providentFundPersonalRate: [
{ required: true, message: "公积金个人承担比例不能为空", trigger: "blur" } { required: true, message: '公积金个人承担比例不能为空', trigger: 'blur' }
], ],
providentFundPersonalMoney: [ providentFundPersonalMoney: [
{ required: true, message: "公积金个人承担金额不能为空", trigger: "blur" } { required: true, message: '公积金个人承担金额不能为空', trigger: 'blur' }
], ],
operationCost: [ operationCost: [
{ required: true, message: "管理费不能为空", trigger: "blur" } { required: true, message: '管理费不能为空', trigger: 'blur' }
], ],
deptId: [ deptId: [
{ required: true, message: "所属部门不能为空", trigger: "blur" } { required: true, message: '所属部门不能为空', trigger: 'blur' }
], ]
}
} }
};
}, },
created() { created() {
// this.getList(); // this.getList();
...@@ -643,22 +662,22 @@ export default { ...@@ -643,22 +662,22 @@ export default {
mounted() { mounted() {
this.queryParams.batchNo = this.$route.query.batchNo this.queryParams.batchNo = this.$route.query.batchNo
this.batchName = this.$route.query.batchName this.batchName = this.$route.query.batchName
this.getList(); this.getList()
}, },
methods: { methods: {
/** 查询发薪详情列表 */ /** 查询发薪详情列表 */
getList() { getList() {
this.loading = true; this.loading = true
listPayOutDetail(this.queryParams).then(response => { listPayOutDetail(this.queryParams).then(response => {
this.payOutDetailList = response.rows; this.payOutDetailList = response.rows
this.total = response.total; this.total = response.total
this.loading = false; this.loading = false
}); })
}, },
// 取消按钮 // 取消按钮
cancel() { cancel() {
this.open = false; this.open = false
this.reset(); this.reset()
}, },
// 表单重置 // 表单重置
reset() { reset() {
...@@ -712,79 +731,139 @@ export default { ...@@ -712,79 +731,139 @@ export default {
providentFundPersonalRate: null, providentFundPersonalRate: null,
providentFundPersonalMoney: null, providentFundPersonalMoney: null,
operationCost: null, operationCost: null,
deptId: null, deptId: null
}; }
this.resetForm("form"); this.resetForm('form')
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryParams.pageNum = 1
this.getList(); this.getList()
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.resetForm('queryForm')
this.queryParams.batchNo = this.$route.query.batchNo this.queryParams.batchNo = this.$route.query.batchNo
this.handleQuery(); this.handleQuery()
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset()
this.open = true; this.open = true
this.title = "添加发薪详情"; this.title = '添加发薪详情'
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset()
const id = row.id || this.ids const id = row.id || this.ids
getPayOutDetail(id).then(response => { getPayOutDetail(id).then(response => {
this.form = response.data; this.form = response.data
this.open = true; this.open = true
this.title = "修改发薪详情"; this.title = '修改发薪详情'
}); })
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs['form'].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updatePayOutDetail(this.form).then(response => { updatePayOutDetail(this.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess('修改成功')
this.open = false; this.open = false
this.getList(); this.getList()
}); })
} else { } else {
addPayOutDetail(this.form).then(response => { addPayOutDetail(this.form).then(response => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess('新增成功')
this.open = false; this.open = false
this.getList(); this.getList()
}); })
} }
} }
}); })
}, },
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids
this.$modal.confirm('是否确认删除发薪详情编号为"' + ids + '"的数据项？').then(function() { this.$modal.confirm('是否确认删除发薪详情编号为"' + ids + '"的数据项？').then(function() {
return delPayOutDetail(ids); return delPayOutDetail(ids)
}).then(() => { }).then(() => {
this.getList(); this.getList()
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess('删除成功')
}).catch(() => {}); }).catch(() => {
})
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
this.download('business/payOutDetail/export', { this.download('business/payOutDetail/export', {
...this.queryParams ...this.queryParams
}, `payOutDetail_${new Date().getTime()}.xlsx`) }, `payOutDetail_${new Date().getTime()}.xlsx`)
},
checkWork(row) {
// 单位总金额计算
let companyTotalAmount = 0
if (row.ylbxCompanyMoney) {
companyTotalAmount += Number(row.ylbxCompanyMoney)
}
if (row.gsbxCompanyMoney) {
companyTotalAmount += Number(row.gsbxCompanyMoney)
}
if (row.ysbxCompanyMoney) {
companyTotalAmount += Number(row.ysbxCompanyMoney)
}
if (row.sybxCompanyMoney) {
companyTotalAmount += Number(row.sybxCompanyMoney)
}
if (row.syubxCompanyMoney) {
companyTotalAmount += Number(row.syubxCompanyMoney)
}
if (row.providentFundCompanyMoney) {
companyTotalAmount += Number(row.providentFundCompanyMoney)
}
// 个人总金额方法
let personTotalAmount = 0
if (row.ylbxPersonalMoney) {
personTotalAmount += Number(row.ylbxPersonalMoney)
}
if (row.gsbxPersonalMoney) {
personTotalAmount += Number(row.gsbxPersonalMoney)
}
if (row.ysbxPersonalMoney) {
personTotalAmount += Number(row.ysbxPersonalMoney)
}
if (row.sybxPersonalMoney) {
personTotalAmount += Number(row.sybxPersonalMoney)
}
if (row.syubxPersonalMoney) {
personTotalAmount += Number(row.syubxPersonalMoney)
}
if (row.providentFundPersonalMoney) {
personTotalAmount += Number(row.providentFundPersonalMoney)
}
this.cwForm = {
companyBxMoney: companyTotalAmount,
personalBxMoney: personTotalAmount,
postWage: row.postWage,
salaryPayable: row.salaryPayable,
actualPayable: row.actualPayable,
bearType: row.standard.bearType
}
this.checkWorkOpen = true
this.preForm = { ...this.cwForm }
},
preCal() {
if (1 == this.cwForm.bearType) {
this.cwForm.salaryPayable = this.cwForm.salaryPayable - Number(this.cwForm.checkWorkCost)
} else {
this.cwForm.postWage = this.cwForm.postWage + Number(this.cwForm.checkWorkCost)
}
} }
} }
}; }
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment