Skip to content

薪
薪瑞通-前端
Commit f61cb28e authored by 谢子梦's avatar 谢子梦
Browse files
Options

收薪人员操作

parent a210bc2d
Hide whitespace changes
Inline Side-by-side
Showing with 254 additions and 53 deletions
src/api/business/outPersonal.js
View file @ f61cb28e
...@@ -51,3 +51,11 @@ export function delOutPersonal(id) { ...@@ -51,3 +51,11 @@ export function delOutPersonal(id) {
method: 'get' method: 'get'
}) })
} }
// 计算收薪人员信息
export const postcalculateAPI = (data) => {
return request({
url: "/business/outPersonal/salary/calculate",
method: 'POST',
data
})
}
\ No newline at end of file
src/views/business/component/paidUsers.vue
View file @ f61cb28e
...@@ -60,12 +60,14 @@ ...@@ -60,12 +60,14 @@
<el-form-item label="实发金额" prop="actualPayable"> <el-form-item label="实发金额" prop="actualPayable">
<el-input v-model="formData.actualPayable" placeholder="请输入实发金额"></el-input> <el-input v-model="formData.actualPayable" placeholder="请输入实发金额"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col> -->
<el-col :span="8"> <el-col :span="8">
<el-form-item label="管理费" prop="operationCost"> <el-form-item label="管理费" prop="operationCost">
<el-input v-model="formData.operationCost" placeholder="请输入管理费"></el-input> <el-input-number @change="postcalculateShow = true" v-model="formData.operationCost"
placeholder="请输入请输入管理费" :precision="2" :step="1" :min="0"
controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> --> </el-col>
<!-- <el-col :span="8"> <!-- <el-col :span="8">
<el-form-item label="所属部门" prop="deptId"> <el-form-item label="所属部门" prop="deptId">
<el-input v-model="formData.deptId" placeholder="请输入所属部门"></el-input> <el-input v-model="formData.deptId" placeholder="请输入所属部门"></el-input>
...@@ -112,7 +114,7 @@ ...@@ -112,7 +114,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="ylbxCompanyRate"> <el-form-item label-width="0px" prop="ylbxCompanyRate">
<el-input-number @change="ylbxCompanyRateChange" v-model="formData.ylbxCompanyRate" <el-input-number @change="ylbxCompanyRateChange" v-model="formData.ylbxCompanyRate"
placeholder="请输入养老保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入养老保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -122,7 +124,7 @@ ...@@ -122,7 +124,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="ylbxPersonalRate"> <el-form-item label-width="0px" prop="ylbxPersonalRate">
<el-input-number @change="ylbxPersonalRateChange" v-model="formData.ylbxPersonalRate" <el-input-number @change="ylbxPersonalRateChange" v-model="formData.ylbxPersonalRate"
placeholder="请输入养老保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入养老保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -145,7 +147,7 @@ ...@@ -145,7 +147,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="gsbxCompanyRate"> <el-form-item label-width="0px" prop="gsbxCompanyRate">
<el-input-number @change="gsbxCompanyRateChange" v-model="formData.gsbxCompanyRate" <el-input-number @change="gsbxCompanyRateChange" v-model="formData.gsbxCompanyRate"
placeholder="请输入工伤保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入工伤保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -155,7 +157,7 @@ ...@@ -155,7 +157,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="gsbxPersonalRate"> <el-form-item label-width="0px" prop="gsbxPersonalRate">
<el-input-number @change="gsbxPersonalRateChange" v-model="formData.gsbxPersonalRate" <el-input-number @change="gsbxPersonalRateChange" v-model="formData.gsbxPersonalRate"
placeholder="请输入工伤保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入工伤保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -178,7 +180,7 @@ ...@@ -178,7 +180,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="ysbxCompanyRate"> <el-form-item label-width="0px" prop="ysbxCompanyRate">
<el-input-number @change="ysbxCompanyRateChange" v-model="formData.ysbxCompanyRate" <el-input-number @change="ysbxCompanyRateChange" v-model="formData.ysbxCompanyRate"
placeholder="请输入医疗保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入医疗保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -188,7 +190,7 @@ ...@@ -188,7 +190,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="ysbxPersonalRate"> <el-form-item label-width="0px" prop="ysbxPersonalRate">
<el-input-number @change="ysbxPersonalRateChange" v-model="formData.ysbxPersonalRate" <el-input-number @change="ysbxPersonalRateChange" v-model="formData.ysbxPersonalRate"
placeholder="请输入医疗保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入医疗保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -211,7 +213,7 @@ ...@@ -211,7 +213,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="sybxCompanyRate"> <el-form-item label-width="0px" prop="sybxCompanyRate">
<el-input-number @change="sybxCompanyRateChange" v-model="formData.sybxCompanyRate" <el-input-number @change="sybxCompanyRateChange" v-model="formData.sybxCompanyRate"
placeholder="请输入失业保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入失业保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -221,7 +223,7 @@ ...@@ -221,7 +223,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="sybxPersonalRate"> <el-form-item label-width="0px" prop="sybxPersonalRate">
<el-input-number @change="sybxPersonalRateChange" v-model="formData.sybxPersonalRate" <el-input-number @change="sybxPersonalRateChange" v-model="formData.sybxPersonalRate"
placeholder="请输入失业保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入失业保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -244,7 +246,7 @@ ...@@ -244,7 +246,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="syubxCompanyRate"> <el-form-item label-width="0px" prop="syubxCompanyRate">
<el-input-number @change="syubxCompanyRateChange" v-model="formData.syubxCompanyRate" <el-input-number @change="syubxCompanyRateChange" v-model="formData.syubxCompanyRate"
placeholder="请输入生育保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入生育保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -254,7 +256,7 @@ ...@@ -254,7 +256,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="syubxPersonalRate"> <el-form-item label-width="0px" prop="syubxPersonalRate">
<el-input-number @change="syubxPersonalRateChange" v-model="formData.syubxPersonalRate" <el-input-number @change="syubxPersonalRateChange" v-model="formData.syubxPersonalRate"
placeholder="请输入生育保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入生育保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -277,7 +279,7 @@ ...@@ -277,7 +279,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="providentFundCompanyRate"> <el-form-item label-width="0px" prop="providentFundCompanyRate">
<el-input-number @change="providentFundCompanyRateChange" <el-input-number @change="providentFundCompanyRateChange"
v-model="formData.providentFundCompanyRate" placeholder="请输入公积金单位占比" :precision="2" v-model="formData.providentFundCompanyRate" placeholder="请输入公积金单位占比" :precision="0"
:step="1" :min="0" :max="100" controls-position="right"></el-input-number> :step="1" :min="0" :max="100" controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -287,7 +289,7 @@ ...@@ -287,7 +289,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="providentFundPersonalRate"> <el-form-item label-width="0px" prop="providentFundPersonalRate">
<el-input-number @change="providentFundPersonalRateChange" <el-input-number @change="providentFundPersonalRateChange"
v-model="formData.providentFundPersonalRate" placeholder="请输入公积金个人占比" :precision="2" v-model="formData.providentFundPersonalRate" placeholder="请输入公积金个人占比" :precision="0"
:step="1" :min="0" :max="100" controls-position="right"></el-input-number> :step="1" :min="0" :max="100" controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -325,7 +327,7 @@ ...@@ -325,7 +327,7 @@
<div class="projectTitle">计算方式</div> <div class="projectTitle">计算方式</div>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-radio-group v-model="formData.calculaType"> <el-radio-group @change="calculaTypeChange" v-model="formData.calculaType">
<el-radio :label="1">正推</el-radio> <el-radio :label="1">正推</el-radio>
<el-radio :label="2">倒推</el-radio> <el-radio :label="2">倒推</el-radio>
</el-radio-group> </el-radio-group>
...@@ -334,21 +336,36 @@ ...@@ -334,21 +336,36 @@
</div> </div>
</el-card> </el-card>
<!-- 薪资组成 --> <!-- 薪资组成 -->
<el-card class="box-card" style="margin-top: 22px;" v-if="formData.id"> <el-card class="box-card" style="margin-top: 22px;">
<el-row :gutter="64" style="margin-top: 12px;"> <div class="cardMain">
<el-col :span="6"> <el-row :gutter="64" style="margin-top: 12px;">
<span>岗位工资：</span>{{ formData.postWage || '--' }} <el-col :span="7">
</el-col> <el-form-item label="岗位工资" :prop="formData.calculaType == 1 ? 'postWage' : ''">
<el-col :span="6"> <el-input-number @change="postcalculateShow = true" v-model="formData.postWage"
<span>应发工资：</span>{{ formData.salaryPayable || '--' }} placeholder="请输入请输入岗位工资" :precision="2" :step="1" :min="0" controls-position="right"
</el-col> :disabled="formData.calculaType == 2"></el-input-number>
<el-col :span="6"> </el-form-item>
<span>管理费：</span>{{ formData.operationCost || '--' }} </el-col>
</el-col> <el-col :span="7">
<el-col :span="6"> <el-form-item label="应发工资" :prop="formData.calculaType == 2 ? 'salaryPayable' : ''">
<span>实发工资：</span>{{ formData.actualPayable || '--' }} <el-input-number @change="postcalculateShow = true" v-model="formData.salaryPayable"
</el-col> placeholder="请输入请输入应发工资" :precision="2" :step="1" :min="0" controls-position="right"
</el-row> :disabled="formData.calculaType == 1"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="实发工资">
<el-input-number v-model="formData.actualPayable" placeholder="请输入请输入实发工资："
:precision="2" :step="1" :min="0" controls-position="right"
:disabled="true"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="3">
<el-button type="success" icon="el-icon-circle-plus-outline" @click="postcalculateFN"
v-if="postcalculateShow">计算</el-button>
</el-col>
</el-row>
</div>
</el-card> </el-card>
</el-form> </el-form>
<div class="fixdBottom"> <div class="fixdBottom">
...@@ -361,7 +378,8 @@ ...@@ -361,7 +378,8 @@
</template> </template>
<script> <script>
import { getOutPersonal, addOutPersonal, updateOutPersonal } from "@/api/business/outPersonal"; import { getOutPersonal, addOutPersonal, updateOutPersonal, postcalculateAPI } from "@/api/business/outPersonal";
import { getOutContract } from "@/api/business/outContract";
export default { export default {
name: "PaidUsers", name: "PaidUsers",
data() { data() {
...@@ -510,19 +528,106 @@ export default { ...@@ -510,19 +528,106 @@ export default {
providentFundPersonalRateAmount: '--',//公积金个人金额 providentFundPersonalRateAmount: '--',//公积金个人金额
companyTotalAmount: '--',//单位总金额 companyTotalAmount: '--',//单位总金额
personTotalAmount: '--',//个人总金额 personTotalAmount: '--',//个人总金额
// 控制计算按钮是否显示与隐藏
postcalculateShow: true,
} }
}, },
created() { }, created() { },
mounted() { mounted() {
this.reset() this.reset()
if (this.$route.query.contractId) { if (this.$route.query.id) {
this.formData.contractId = this.$route.query.contractId this.getOutPersonalFN(this.$route.query.id)
} } else {
if (this.$route.query.contractName) { if (this.$route.query.contractId) {
this.formData.contractName = this.$route.query.contractName this.formData.contractId = this.$route.query.contractId
this.getOutContractFN(this.$route.query.contractId)
}
if (this.$route.query.contractName) {
this.formData.contractName = this.$route.query.contractName
}
} }
}, },
methods: { methods: {
// 计算方法
postcalculateFN() {
let obj = {
sybxBase: this.formData.sybxBase,
sybxCompanyRate: this.formData.sybxCompanyRate,
sybxPersonalRate: this.formData.sybxPersonalRate,
ylbxBase: this.formData.ylbxBase,
ylbxCompanyRate: this.formData.ylbxCompanyRate,
ylbxPersonalRate: this.formData.ylbxPersonalRate,
gsbxBase: this.formData.gsbxBase,
gsbxCompanyRate: this.formData.gsbxCompanyRate,
gsbxPersonalRate: this.formData.gsbxPersonalRate,
ysbxBase: this.formData.ysbxBase,
ysbxCompanyRate: this.formData.ysbxCompanyRate,
ysbxPersonalRate: this.formData.ysbxPersonalRate,
syubxBase: this.formData.syubxBase,
syubxCompanyRate: this.formData.syubxCompanyRate,
syubxPersonalRate: this.formData.syubxPersonalRate,
providentFundBase: this.formData.providentFundBase,
providentFundCompanyRate: this.formData.providentFundCompanyRate,
providentFundPersonalRate: this.formData.providentFundPersonalRate,
bearType: this.formData.bearType,
operationCost: this.formData.operationCost,
calculaType: this.formData.calculaType
}
if (this.formData.calculaType == 1) {
obj.postWage = this.formData.postWage
} else if (this.formData.calculaType == 2) {
obj.salaryPayable = this.formData.salaryPayable
}
postcalculateAPI(obj).then(res => {
if (res.code == 200) {
this.formData.salaryPayable = res.data.salaryPayable
this.formData.postWage = res.data.postWage
this.formData.actualPayable = res.data.actualPayable
this.postcalculateShow = false
this.$modal.msgSuccess("计算成功");
}
})
},
// 计算方式选择
calculaTypeChange(e) {
this.postcalculateShow = true
// this.$foceUpdate()
},
// 新增进入页面加载详情
getOutContractFN(id) {
getOutContract(id).then(res => {
if (res.code == 200) {
this.formData.operationCost = res.data.operationCost
this.formData.bearType = res.data.bearType
this.formData.sybxBase = res.data.sybxBase
this.formData.sybxCompanyRate = res.data.sybxCompanyRate
this.formData.sybxPersonalRate = res.data.sybxPersonalRate
this.formData.ylbxBase = res.data.ylbxBase
this.formData.ylbxCompanyRate = res.data.ylbxCompanyRate
this.formData.ylbxPersonalRate = res.data.ylbxPersonalRate
this.formData.gsbxBase = res.data.gsbxBase
this.formData.gsbxCompanyRate = res.data.gsbxCompanyRate
this.formData.gsbxPersonalRate = res.data.gsbxPersonalRate
this.formData.ysbxBase = res.data.ysbxBase
this.formData.ysbxCompanyRate = res.data.ysbxCompanyRate
this.formData.ysbxPersonalRate = res.data.ysbxPersonalRate
this.formData.syubxBase = res.data.syubxBase
this.formData.syubxCompanyRate = res.data.syubxCompanyRate
this.formData.syubxPersonalRate = res.data.syubxPersonalRate
this.formData.providentFundBase = res.data.providentFundBase
this.formData.providentFundCompanyRate = res.data.providentFundCompanyRate
this.formData.providentFundPersonalRate = res.data.providentFundPersonalRate
this.ylbxBaseChange()
this.gsbxBaseChange()
this.ysbxBaseChange()
this.sybxBaseChange()
this.syubxBaseChange()
this.providentFundBaseChange()
this.TotalAmountFN()
}
})
},
// 计算占比总金额方法 // 计算占比总金额方法
TotalAmountFN() { TotalAmountFN() {
// 单位总金额计算 // 单位总金额计算
...@@ -575,13 +680,85 @@ export default { ...@@ -575,13 +680,85 @@ export default {
// 获取人员详情方法 // 获取人员详情方法
getOutPersonalFN(id) { getOutPersonalFN(id) {
getOutPersonal(id).then(res => { getOutPersonal(id).then(res => {
if (res.code == 200) {
this.formData = res.data
this.formData.contractId = this.$route.query.contractId
this.formData.contractName = this.$route.query.contractName
this.ylbxBaseChange()
this.gsbxBaseChange()
this.ysbxBaseChange()
this.sybxBaseChange()
this.syubxBaseChange()
this.providentFundBaseChange()
this.TotalAmountFN()
}
}) })
}, },
// 确定按钮方法 // 确定按钮方法
submitFN() { submitFN() {
this.$refs["formRef"].validate(valid => { this.$refs["formRef"].validate(valid => {
if (valid) { if (valid) {
this.formData.bxMoneyTemplate = {}
if (this.ylbxCompanyRateAmount == '--') {
this.formData.bxMoneyTemplate.ylbxCompanyRateAmount = 0
} else {
this.formData.bxMoneyTemplate.ylbxCompanyRateAmount = Number(this.ylbxCompanyRateAmount)
}
if (this.ylbxPersonalRateAmount == '--') {
this.formData.bxMoneyTemplate.ylbxPersonalRateAmount = '--'
} else {
this.formData.bxMoneyTemplate.ylbxPersonalRateAmount = Number(this.ylbxPersonalRateAmount)
}
if (this.gsbxCompanyRateAmount == '--') {
this.formData.bxMoneyTemplate.gsbxCompanyRateAmount = 0
} else {
this.formData.bxMoneyTemplate.gsbxCompanyRateAmount = Number(this.gsbxCompanyRateAmount)
}
if (this.gsbxPersonalRateAmount == '--') {
this.formData.bxMoneyTemplate.gsbxPersonalRateAmount = 0
} else {
this.formData.bxMoneyTemplate.gsbxPersonalRateAmount = Number(this.gsbxPersonalRateAmount)
}
if (this.ysbxCompanyRateAmount == '--') {
this.formData.bxMoneyTemplate.ysbxCompanyRateAmount = 0
} else {
this.formData.bxMoneyTemplate.ysbxCompanyRateAmount = Number(this.ysbxCompanyRateAmount)
}
if (this.ysbxPersonalRateAmount == '--') {
this.formData.bxMoneyTemplate.ysbxPersonalRateAmount = 0
} else {
this.formData.bxMoneyTemplate.ysbxPersonalRateAmount = Number(this.ysbxPersonalRateAmount)
}
if (this.sybxCompanyRateAmount == '--') {
this.formData.bxMoneyTemplate.sybxCompanyRateAmount = 0
} else {
this.formData.bxMoneyTemplate.sybxCompanyRateAmount = Number(this.sybxCompanyRateAmount)
}
if (this.sybxPersonalRateAmount == '--') {
this.formData.bxMoneyTemplate.sybxPersonalRateAmount = 0
} else {
this.formData.bxMoneyTemplate.sybxPersonalRateAmount = Number(this.sybxPersonalRateAmount)
}
if (this.syubxCompanyRateAmount == '--') {
this.formData.bxMoneyTemplate.syubxCompanyRateAmount = 0
} else {
this.formData.bxMoneyTemplate.syubxCompanyRateAmount = Number(this.syubxCompanyRateAmount)
}
if (this.syubxPersonalRateAmount == '--') {
this.formData.bxMoneyTemplate.syubxPersonalRateAmount = 0
} else {
this.formData.bxMoneyTemplate.syubxPersonalRateAmount = Number(this.syubxPersonalRateAmount)
}
if (this.providentFundCompanyRateAmount == '--') {
this.formData.bxMoneyTemplate.providentFundCompanyRateAmount = 0
} else {
this.formData.bxMoneyTemplate.providentFundCompanyRateAmount = Number(this.providentFundCompanyRateAmount)
}
if (this.providentFundPersonalRateAmount == '--') {
this.formData.bxMoneyTemplate.providentFundPersonalRateAmount = 0
} else {
this.formData.bxMoneyTemplate.providentFundPersonalRateAmount = Number(this.providentFundPersonalRateAmount)
}
if (this.formData.id != null) { if (this.formData.id != null) {
updateOutPersonal(this.formData).then(response => { updateOutPersonal(this.formData).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
......
src/views/business/component/staffForm.vue
View file @ f61cb28e
...@@ -28,7 +28,8 @@ ...@@ -28,7 +28,8 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="管理费" prop="operationCost"> <el-form-item label="管理费" prop="operationCost">
<el-input v-model="formData.operationCost" placeholder="请输入管理费"></el-input> <el-input-number v-model="formData.operationCost" placeholder="请输入请输入管理费" :precision="2"
:step="1" :min="0" controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="8"> <!-- <el-col :span="8">
...@@ -82,7 +83,7 @@ ...@@ -82,7 +83,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="ylbxCompanyRate"> <el-form-item label-width="0px" prop="ylbxCompanyRate">
<el-input-number @change="ylbxCompanyRateChange" v-model="formData.ylbxCompanyRate" <el-input-number @change="ylbxCompanyRateChange" v-model="formData.ylbxCompanyRate"
placeholder="请输入养老保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入养老保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -92,7 +93,7 @@ ...@@ -92,7 +93,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="ylbxPersonalRate"> <el-form-item label-width="0px" prop="ylbxPersonalRate">
<el-input-number @change="ylbxPersonalRateChange" v-model="formData.ylbxPersonalRate" <el-input-number @change="ylbxPersonalRateChange" v-model="formData.ylbxPersonalRate"
placeholder="请输入养老保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入养老保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -115,7 +116,7 @@ ...@@ -115,7 +116,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="gsbxCompanyRate"> <el-form-item label-width="0px" prop="gsbxCompanyRate">
<el-input-number @change="gsbxCompanyRateChange" v-model="formData.gsbxCompanyRate" <el-input-number @change="gsbxCompanyRateChange" v-model="formData.gsbxCompanyRate"
placeholder="请输入工伤保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入工伤保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -125,7 +126,7 @@ ...@@ -125,7 +126,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="gsbxPersonalRate"> <el-form-item label-width="0px" prop="gsbxPersonalRate">
<el-input-number @change="gsbxPersonalRateChange" v-model="formData.gsbxPersonalRate" <el-input-number @change="gsbxPersonalRateChange" v-model="formData.gsbxPersonalRate"
placeholder="请输入工伤保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入工伤保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -148,7 +149,7 @@ ...@@ -148,7 +149,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="ysbxCompanyRate"> <el-form-item label-width="0px" prop="ysbxCompanyRate">
<el-input-number @change="ysbxCompanyRateChange" v-model="formData.ysbxCompanyRate" <el-input-number @change="ysbxCompanyRateChange" v-model="formData.ysbxCompanyRate"
placeholder="请输入医疗保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入医疗保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -158,7 +159,7 @@ ...@@ -158,7 +159,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="ysbxPersonalRate"> <el-form-item label-width="0px" prop="ysbxPersonalRate">
<el-input-number @change="ysbxPersonalRateChange" v-model="formData.ysbxPersonalRate" <el-input-number @change="ysbxPersonalRateChange" v-model="formData.ysbxPersonalRate"
placeholder="请输入医疗保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入医疗保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -181,7 +182,7 @@ ...@@ -181,7 +182,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="sybxCompanyRate"> <el-form-item label-width="0px" prop="sybxCompanyRate">
<el-input-number @change="sybxCompanyRateChange" v-model="formData.sybxCompanyRate" <el-input-number @change="sybxCompanyRateChange" v-model="formData.sybxCompanyRate"
placeholder="请输入失业保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入失业保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -191,7 +192,7 @@ ...@@ -191,7 +192,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="sybxPersonalRate"> <el-form-item label-width="0px" prop="sybxPersonalRate">
<el-input-number @change="sybxPersonalRateChange" v-model="formData.sybxPersonalRate" <el-input-number @change="sybxPersonalRateChange" v-model="formData.sybxPersonalRate"
placeholder="请输入失业保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入失业保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -214,7 +215,7 @@ ...@@ -214,7 +215,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="syubxCompanyRate"> <el-form-item label-width="0px" prop="syubxCompanyRate">
<el-input-number @change="syubxCompanyRateChange" v-model="formData.syubxCompanyRate" <el-input-number @change="syubxCompanyRateChange" v-model="formData.syubxCompanyRate"
placeholder="请输入生育保险单位占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入生育保险单位占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -224,7 +225,7 @@ ...@@ -224,7 +225,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="syubxPersonalRate"> <el-form-item label-width="0px" prop="syubxPersonalRate">
<el-input-number @change="syubxPersonalRateChange" v-model="formData.syubxPersonalRate" <el-input-number @change="syubxPersonalRateChange" v-model="formData.syubxPersonalRate"
placeholder="请输入生育保险个人占比" :precision="2" :step="1" :min="0" :max="100" placeholder="请输入生育保险个人占比" :precision="0" :step="1" :min="0" :max="100"
controls-position="right"></el-input-number> controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -247,7 +248,7 @@ ...@@ -247,7 +248,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="providentFundCompanyRate"> <el-form-item label-width="0px" prop="providentFundCompanyRate">
<el-input-number @change="providentFundCompanyRateChange" <el-input-number @change="providentFundCompanyRateChange"
v-model="formData.providentFundCompanyRate" placeholder="请输入公积金单位占比" :precision="2" v-model="formData.providentFundCompanyRate" placeholder="请输入公积金单位占比" :precision="0"
:step="1" :min="0" :max="100" controls-position="right"></el-input-number> :step="1" :min="0" :max="100" controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -257,7 +258,7 @@ ...@@ -257,7 +258,7 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label-width="0px" prop="providentFundPersonalRate"> <el-form-item label-width="0px" prop="providentFundPersonalRate">
<el-input-number @change="providentFundPersonalRateChange" <el-input-number @change="providentFundPersonalRateChange"
v-model="formData.providentFundPersonalRate" placeholder="请输入公积金个人占比" :precision="2" v-model="formData.providentFundPersonalRate" placeholder="请输入公积金个人占比" :precision="0"
:step="1" :min="0" :max="100" controls-position="right"></el-input-number> :step="1" :min="0" :max="100" controls-position="right"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -265,6 +266,18 @@ ...@@ -265,6 +266,18 @@
<div class="amountMain">{{ providentFundPersonalRateAmount }}</div> <div class="amountMain">{{ providentFundPersonalRateAmount }}</div>
</el-col> </el-col>
</el-row> </el-row>
<!-- 承担方式部分 -->
<el-row :gutter="56" style="margin-top: 12px;">
<el-col :span="2">
<div class="projectTitle">承担方式</div>
</el-col>
<el-col :span="5">
<el-radio-group v-model="formData.bearType">
<el-radio :label="1">各自承担</el-radio>
<el-radio :label="2">个人全部承担</el-radio>
</el-radio-group>
</el-col>
</el-row>
</div> </div>
</el-card> </el-card>
...@@ -309,8 +322,10 @@ export default { ...@@ -309,8 +322,10 @@ export default {
providentFundPersonalRate: 0, providentFundPersonalRate: 0,
operationCost: null, operationCost: null,
deptId: null, deptId: null,
bearType: 1,
}, },
formRules: { formRules: {
bearType: [{ required: true, message: "请先选择承担方式", trigger: "change" }],
contractName: [ contractName: [
{ required: true, message: "合同名称不能为空", trigger: "blur" } { required: true, message: "合同名称不能为空", trigger: "blur" }
], ],
...@@ -710,6 +725,7 @@ export default { ...@@ -710,6 +725,7 @@ export default {
providentFundPersonalRate: 0, providentFundPersonalRate: 0,
operationCost: null, operationCost: null,
deptId: null, deptId: null,
bearType: 1,
} }
this.resetForm("formRef"); this.resetForm("formRef");
}, },
......
src/views/business/outPersonal/index.vue
View file @ f61cb28e
...@@ -166,7 +166,7 @@ ...@@ -166,7 +166,7 @@
<el-table-column label="公积金个人承担比例" align="center" prop="providentFundPersonalRate" /> <el-table-column label="公积金个人承担比例" align="center" prop="providentFundPersonalRate" />
<el-table-column label="管理费" align="center" prop="operationCost" /> <el-table-column label="管理费" align="center" prop="operationCost" />
<el-table-column label="所属部门" align="center" prop="deptId" /> <el-table-column label="所属部门" align="center" prop="deptId" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['business:outPersonal:edit']">修改</el-button> v-hasPermi="['business:outPersonal:edit']">修改</el-button>
...@@ -527,7 +527,7 @@ export default { ...@@ -527,7 +527,7 @@ export default {
handleUpdate(row) { handleUpdate(row) {
// this.reset(); // this.reset();
const id = row.id || this.ids const id = row.id || this.ids
this.$router.push({ path: "/business/paidUsers", query: { id: id } }); this.$router.push({ path: "/business/paidUsers", query: { id: id, contractId: this.queryParams.contractId, contractName: this.queryParams.contractName } });
return return
getOutPersonal(id).then(response => { getOutPersonal(id).then(response => {
this.form = response.data; this.form = response.data;
......
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