|
@@ -1,12 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <el-dialog
|
|
|
|
- title="工资信息"
|
|
|
|
- v-model="visible"
|
|
|
|
- :width="width"
|
|
|
|
- append-to-body
|
|
|
|
- draggable
|
|
|
|
- @close="close"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="工资信息" v-model="visible" :width="width" append-to-body draggable @close="close">
|
|
<!-- 功能按钮 -->
|
|
<!-- 功能按钮 -->
|
|
<div style="padding: 8px 24px 16px 24px">
|
|
<div style="padding: 8px 24px 16px 24px">
|
|
<el-form size="small" label-width="100px" v-model="form">
|
|
<el-form size="small" label-width="100px" v-model="form">
|
|
@@ -31,41 +24,22 @@
|
|
</div>
|
|
</div>
|
|
<div class="details-body">
|
|
<div class="details-body">
|
|
<div>
|
|
<div>
|
|
- <el-table
|
|
|
|
- ref="sourceTable"
|
|
|
|
- :data="form.details"
|
|
|
|
- size="small"
|
|
|
|
- max-height="260px"
|
|
|
|
- border
|
|
|
|
- show-summary
|
|
|
|
- :summary-method="getSummaries"
|
|
|
|
- highlight-current-row
|
|
|
|
- header-row-class-name="list-header-row"
|
|
|
|
- row-class-name="list-row"
|
|
|
|
- @selection-change="handleCheckChange"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
- >
|
|
|
|
- <el-table-column
|
|
|
|
- type="index"
|
|
|
|
- label="序号"
|
|
|
|
- width="50"
|
|
|
|
- align="center"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-table ref="sourceTable" :data="form.details" size="small" max-height="260px" border show-summary
|
|
|
|
+ :summary-method="getSummaries" highlight-current-row header-row-class-name="list-header-row"
|
|
|
|
+ row-class-name="list-row" @selection-change="handleCheckChange" @current-change="handleCurrentChange">
|
|
|
|
+ <el-table-column type="index" label="序号" width="50" align="center" />
|
|
<el-table-column label="员工姓名" width="80" align="center">
|
|
<el-table-column label="员工姓名" width="80" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.employeeName }}
|
|
{{ scope.row.employeeName }}
|
|
</div>
|
|
</div>
|
|
- <span
|
|
|
|
- style="
|
|
|
|
|
|
+ <span style="
|
|
color: red;
|
|
color: red;
|
|
position: absolute;
|
|
position: absolute;
|
|
z-index: 10;
|
|
z-index: 10;
|
|
top: 4px;
|
|
top: 4px;
|
|
right: 6px;
|
|
right: 6px;
|
|
- "
|
|
|
|
- >*</span
|
|
|
|
- >
|
|
|
|
|
|
+ ">*</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="身份证号" width="150" align="center">
|
|
<el-table-column label="身份证号" width="150" align="center">
|
|
@@ -73,48 +47,30 @@
|
|
<div>
|
|
<div>
|
|
{{ scope.row.idCode }}
|
|
{{ scope.row.idCode }}
|
|
</div>
|
|
</div>
|
|
- <span
|
|
|
|
- style="
|
|
|
|
|
|
+ <span style="
|
|
color: red;
|
|
color: red;
|
|
position: absolute;
|
|
position: absolute;
|
|
z-index: 10;
|
|
z-index: 10;
|
|
top: 4px;
|
|
top: 4px;
|
|
right: 6px;
|
|
right: 6px;
|
|
- "
|
|
|
|
- >*</span
|
|
|
|
- >
|
|
|
|
|
|
+ ">*</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="应发工资"
|
|
|
|
- width="70"
|
|
|
|
- align="center"
|
|
|
|
- prop="planSalary"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="应发工资" width="70" align="center" prop="planSalary">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.planSalary }}
|
|
{{ scope.row.planSalary }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="实发工资"
|
|
|
|
- width="70"
|
|
|
|
- align="center"
|
|
|
|
- prop="actuallySalary"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="实发工资" width="70" align="center" prop="actuallySalary">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.actuallySalary }}
|
|
{{ scope.row.actuallySalary }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="奖金及其他"
|
|
|
|
- width="95"
|
|
|
|
- align="center"
|
|
|
|
- prop="bonusAmount"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="奖金及其他" width="95" align="center" prop="bonusAmount">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.bonusAmount }}
|
|
{{ scope.row.bonusAmount }}
|
|
@@ -122,48 +78,28 @@
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="社保" align="center">
|
|
<el-table-column label="社保" align="center">
|
|
- <el-table-column
|
|
|
|
- label="养老保险"
|
|
|
|
- width="70"
|
|
|
|
- align="center"
|
|
|
|
- prop="endowmentInsurance"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="养老保险" width="70" align="center" prop="endowmentInsurance">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.endowmentInsurance }}
|
|
{{ scope.row.endowmentInsurance }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="医疗保险"
|
|
|
|
- width="70"
|
|
|
|
- align="center"
|
|
|
|
- prop="medicalInsurance"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="医疗保险" width="70" align="center" prop="medicalInsurance">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.medicalInsurance }}
|
|
{{ scope.row.medicalInsurance }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="失业险"
|
|
|
|
- width="70"
|
|
|
|
- align="center"
|
|
|
|
- prop="unemploymentBenefit"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="失业险" width="70" align="center" prop="unemploymentBenefit">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.unemploymentBenefit }}
|
|
{{ scope.row.unemploymentBenefit }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="大病险"
|
|
|
|
- width="70"
|
|
|
|
- align="center"
|
|
|
|
- prop="seriousIllnessInsurance"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="大病险" width="70" align="center" prop="seriousIllnessInsurance">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.seriousIllnessInsurance }}
|
|
{{ scope.row.seriousIllnessInsurance }}
|
|
@@ -171,54 +107,34 @@
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="公积金"
|
|
|
|
- width="80"
|
|
|
|
- align="center"
|
|
|
|
- prop="housingFund"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="公积金" width="80" align="center" prop="housingFund">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.housingFund }}
|
|
{{ scope.row.housingFund }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="个税"
|
|
|
|
- align="center"
|
|
|
|
- :prop="
|
|
|
|
- form.status === 3 && form.hasIndividualIncomeTax
|
|
|
|
- ? 'individualIncomeTaxConfirm'
|
|
|
|
- : 'currentIndividualIncomeTax'
|
|
|
|
- "
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="个税" align="center" :prop="form.status === 3 && form.hasIndividualIncomeTax
|
|
|
|
+ ? 'individualIncomeTaxConfirm'
|
|
|
|
+ : 'currentIndividualIncomeTax'
|
|
|
|
+ ">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{
|
|
{{
|
|
form.status === 3 && form.hasIndividualIncomeTax
|
|
form.status === 3 && form.hasIndividualIncomeTax
|
|
- ? scope.row.individualIncomeTaxConfirm
|
|
|
|
- : scope.row.currentIndividualIncomeTax
|
|
|
|
|
|
+ ? scope.row.individualIncomeTaxConfirm
|
|
|
|
+ : scope.row.currentIndividualIncomeTax
|
|
}}
|
|
}}
|
|
</div>
|
|
</div>
|
|
- </template></el-table-column
|
|
|
|
- >
|
|
|
|
- <el-table-column
|
|
|
|
- label="其他扣款"
|
|
|
|
- width="70"
|
|
|
|
- align="center"
|
|
|
|
- prop="otherCut"
|
|
|
|
- >
|
|
|
|
|
|
+ </template></el-table-column>
|
|
|
|
+ <el-table-column label="其他扣款" width="70" align="center" prop="otherCut">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.otherCut }}
|
|
{{ scope.row.otherCut }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="备注"
|
|
|
|
- width="100"
|
|
|
|
- header-align="center"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="备注" width="100" header-align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.remark }}
|
|
{{ scope.row.remark }}
|
|
@@ -249,27 +165,13 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col v-if="showVerify()" :span="24">
|
|
<el-col v-if="showVerify()" :span="24">
|
|
<el-form-item label="是否有个税">
|
|
<el-form-item label="是否有个税">
|
|
- <el-select
|
|
|
|
- v-model.trim="form.hasIndividualIncomeTax"
|
|
|
|
- placeholder="请选择"
|
|
|
|
- size="small"
|
|
|
|
- style="width: 100%"
|
|
|
|
- @change="changeIndividual"
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in confirmChoices"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-select v-model.trim="form.hasIndividualIncomeTax" placeholder="请选择" size="small" style="width: 100%"
|
|
|
|
+ @change="changeIndividual">
|
|
|
|
+ <el-option v-for="item in confirmChoices" :key="item.value" :label="item.label" :value="item.value" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col
|
|
|
|
- v-if="showVerify() && form.hasIndividualIncomeTax === 1"
|
|
|
|
- :span="24"
|
|
|
|
- class="details-container"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-col v-if="showVerify() && form.hasIndividualIncomeTax === 1" :span="24" class="details-container">
|
|
<div class="details-head">
|
|
<div class="details-head">
|
|
<div class="title">
|
|
<div class="title">
|
|
<i class="fa fa-th-list" aria-hidden="true" /> 人员信息
|
|
<i class="fa fa-th-list" aria-hidden="true" /> 人员信息
|
|
@@ -277,58 +179,29 @@
|
|
</div>
|
|
</div>
|
|
<div class="details-body">
|
|
<div class="details-body">
|
|
<div>
|
|
<div>
|
|
- <el-table
|
|
|
|
- ref="sourceTable"
|
|
|
|
- :data="form.details"
|
|
|
|
- size="small"
|
|
|
|
- max-height="260px"
|
|
|
|
- border
|
|
|
|
- highlight-current-row
|
|
|
|
- header-row-class-name="list-header-row"
|
|
|
|
- row-class-name="list-row"
|
|
|
|
- @selection-change="handleCheckChange"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
- >
|
|
|
|
- <el-table-column
|
|
|
|
- type="index"
|
|
|
|
- label="序号"
|
|
|
|
- width="50"
|
|
|
|
- align="center"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-table ref="sourceTable" :data="form.details" size="small" max-height="260px" border
|
|
|
|
+ highlight-current-row header-row-class-name="list-header-row" row-class-name="list-row"
|
|
|
|
+ @selection-change="handleCheckChange" @current-change="handleCurrentChange">
|
|
|
|
+ <el-table-column type="index" label="序号" width="50" align="center" />
|
|
<el-table-column label="员工姓名" width="120" align="center">
|
|
<el-table-column label="员工姓名" width="120" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
{{ scope.row.employeeName }}
|
|
{{ scope.row.employeeName }}
|
|
</div>
|
|
</div>
|
|
- <span
|
|
|
|
- style="
|
|
|
|
|
|
+ <span style="
|
|
color: red;
|
|
color: red;
|
|
position: absolute;
|
|
position: absolute;
|
|
z-index: 10;
|
|
z-index: 10;
|
|
top: 4px;
|
|
top: 4px;
|
|
right: 6px;
|
|
right: 6px;
|
|
- "
|
|
|
|
- >*</span
|
|
|
|
- >
|
|
|
|
|
|
+ ">*</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="实际个税"
|
|
|
|
- align="center"
|
|
|
|
- width="120"
|
|
|
|
- prop="individualIncomeTaxConfirm"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="实际个税" align="center" width="120" prop="individualIncomeTaxConfirm">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>
|
|
<div>
|
|
- <el-input-number
|
|
|
|
- v-model="scope.row.individualIncomeTaxConfirm"
|
|
|
|
- size="small"
|
|
|
|
- placeholder="个税"
|
|
|
|
- :precision="2"
|
|
|
|
- :controls="false"
|
|
|
|
- style="width: 100%"
|
|
|
|
- @change="rowChangeSum(scope.row)"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-input-number v-model="scope.row.individualIncomeTaxConfirm" size="small" placeholder="个税"
|
|
|
|
+ :precision="2" :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -339,14 +212,8 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
<el-form-item label="审核备注">
|
|
<el-form-item label="审核备注">
|
|
- <el-input
|
|
|
|
- v-if="form.status === 2"
|
|
|
|
- maxlength="200"
|
|
|
|
- show-word-limit
|
|
|
|
- v-model.trim="form.verifyContent"
|
|
|
|
- type="textarea"
|
|
|
|
- rows="2"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-input v-if="form.status === 2" maxlength="200" show-word-limit v-model.trim="form.verifyContent"
|
|
|
|
+ type="textarea" rows="2" />
|
|
<span v-else>{{ form.verifyContent }}</span>
|
|
<span v-else>{{ form.verifyContent }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -354,36 +221,15 @@
|
|
</el-form>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
<div class="form-btns-container" style="height: 40px">
|
|
<div class="form-btns-container" style="height: 40px">
|
|
- <el-button
|
|
|
|
- v-if="showVerify()"
|
|
|
|
- type="danger"
|
|
|
|
- size="small"
|
|
|
|
- icon="back"
|
|
|
|
- style="float: right; margin-left: 12px"
|
|
|
|
- @click="handleVerify(4)"
|
|
|
|
- >
|
|
|
|
- 驳回</el-button
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- v-if="showVerify()"
|
|
|
|
- type="primary"
|
|
|
|
- size="small"
|
|
|
|
- style="float: right; margin-left: 12px"
|
|
|
|
- icon="check"
|
|
|
|
- @click="handleVerify(3)"
|
|
|
|
- >
|
|
|
|
- 审核通过</el-button
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- v-if="verifiable() && form.status === 3"
|
|
|
|
- type="warning"
|
|
|
|
- size="small"
|
|
|
|
- icon="back"
|
|
|
|
- style="float: right; margin-left: 12px"
|
|
|
|
- @click="returnStatus()"
|
|
|
|
- >
|
|
|
|
- 退回</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button v-if="showVerify()" type="danger" size="small" icon="back" style="float: right; margin-left: 12px"
|
|
|
|
+ @click="handleVerify(4)">
|
|
|
|
+ 驳回</el-button>
|
|
|
|
+ <el-button v-if="showVerify()" type="primary" size="small" style="float: right; margin-left: 12px" icon="check"
|
|
|
|
+ @click="handleVerify(3)">
|
|
|
|
+ 审核通过</el-button>
|
|
|
|
+ <el-button v-if="verifiable() && form.status === 3" type="warning" size="small" icon="back"
|
|
|
|
+ style="float: right; margin-left: 12px" @click="returnStatus()">
|
|
|
|
+ 退回</el-button>
|
|
</div>
|
|
</div>
|
|
<feedback-dialog ref="feedbackDialogView" :verify="verify" />
|
|
<feedback-dialog ref="feedbackDialogView" :verify="verify" />
|
|
<!-- <print-dialog ref="printDialog" /> -->
|
|
<!-- <print-dialog ref="printDialog" /> -->
|
|
@@ -423,7 +269,7 @@ const confirmChoices = ref([
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
getList: {
|
|
getList: {
|
|
type: Function,
|
|
type: Function,
|
|
- default: () => {},
|
|
|
|
|
|
+ default: () => { },
|
|
},
|
|
},
|
|
});
|
|
});
|
|
|
|
|
|
@@ -501,14 +347,15 @@ function reset() {
|
|
total.value = 0;
|
|
total.value = 0;
|
|
}
|
|
}
|
|
|
|
|
|
-function printSalary() {}
|
|
|
|
-function exportSalary() {}
|
|
|
|
|
|
+function printSalary() { }
|
|
|
|
+function exportSalary() { }
|
|
|
|
|
|
function showVerify() {
|
|
function showVerify() {
|
|
if (
|
|
if (
|
|
form.value.id == null ||
|
|
form.value.id == null ||
|
|
form.value.status === 0 ||
|
|
form.value.status === 0 ||
|
|
- form.value.status === 3
|
|
|
|
|
|
+ form.value.status === 3 ||
|
|
|
|
+ form.value.status === 4
|
|
) {
|
|
) {
|
|
return false;
|
|
return false;
|
|
} else if (verifiable()) {
|
|
} else if (verifiable()) {
|