|
@@ -1,13 +1,6 @@
|
|
<template>
|
|
<template>
|
|
- <el-dialog
|
|
|
|
- title="公积金人员信息"
|
|
|
|
- v-model="visible"
|
|
|
|
- width="70%"
|
|
|
|
- append-to-body
|
|
|
|
- draggable
|
|
|
|
- @close="close"
|
|
|
|
- :close-on-click-modal = "false"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="公积金人员信息" v-model="visible" width="70%" append-to-body draggable @close="close"
|
|
|
|
+ :close-on-click-modal="false">
|
|
<!-- 功能按钮 -->
|
|
<!-- 功能按钮 -->
|
|
<div style="padding: 8px 24px 16px 24px">
|
|
<div style="padding: 8px 24px 16px 24px">
|
|
<el-form size="small" label-width="120px" v-model="form">
|
|
<el-form size="small" label-width="120px" v-model="form">
|
|
@@ -64,58 +57,31 @@
|
|
<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" /> 人员信息
|
|
- <el-button class="button-class"
|
|
|
|
- size="small"
|
|
|
|
- @click="printSalary"
|
|
|
|
- icon="printer"
|
|
|
|
- type="primary"
|
|
|
|
- >打印</el-button
|
|
|
|
- >
|
|
|
|
- <el-button class="button-class"
|
|
|
|
- size="small"
|
|
|
|
- @click="exportSalary"
|
|
|
|
- icon="download"
|
|
|
|
- type="info"
|
|
|
|
- >导出</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button class="button-class" size="small" @click="printSalary" icon="printer"
|
|
|
|
+ type="primary">打印</el-button>
|
|
|
|
+ <el-button class="button-class" size="small" @click="exportSalary" icon="download"
|
|
|
|
+ type="info">导出</el-button>
|
|
</div>
|
|
</div>
|
|
</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"
|
|
|
|
- @selection-change="handleCheckChange"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
- :row-class-name="tableRowClassName"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table ref="sourceTable" :data="form.details" size="small" max-height="260px" border
|
|
|
|
+ highlight-current-row header-row-class-name="list-header-row" @selection-change="handleCheckChange"
|
|
|
|
+ @current-change="handleCurrentChange" :row-class-name="tableRowClassName">
|
|
<el-table-column type="selection" width="40" align="center" />
|
|
<el-table-column type="selection" width="40" align="center" />
|
|
- <el-table-column
|
|
|
|
- type="index"
|
|
|
|
- label="序号"
|
|
|
|
- width="55"
|
|
|
|
- align="center"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-table-column type="index" label="序号" width="55" 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="130" align="center">
|
|
<el-table-column label="电话号" width="130" align="center">
|
|
@@ -123,74 +89,43 @@
|
|
<div>
|
|
<div>
|
|
{{ scope.row.phone }}
|
|
{{ scope.row.phone }}
|
|
</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="120"
|
|
|
|
- align="center"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="身份证正面" width="120" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <div
|
|
|
|
- class="show-image"
|
|
|
|
- style="display: flex; justify-content: center"
|
|
|
|
- >
|
|
|
|
- <img
|
|
|
|
- class="img"
|
|
|
|
- :src="baseUrl + '/' + scope.row.idCardImage"
|
|
|
|
- alt=""
|
|
|
|
- @click="handleImageView(scope.row.idCardImage)"
|
|
|
|
- />
|
|
|
|
|
|
+ <div class="show-image" style="display: flex; justify-content: center">
|
|
|
|
+ <img class="img" :src="baseUrl + '/' + scope.row.idCardImage" alt=""
|
|
|
|
+ @click="handleImageView(scope.row.idCardImage)" />
|
|
</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="120"
|
|
|
|
- align="center"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="身份证反面" width="120" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <div
|
|
|
|
- class="show-image"
|
|
|
|
- style="display: flex; justify-content: center"
|
|
|
|
- >
|
|
|
|
- <img
|
|
|
|
- class="img"
|
|
|
|
- :src="baseUrl + '/' + scope.row.idCardImageBack"
|
|
|
|
- alt=""
|
|
|
|
- @click="handleImageView(scope.row.idCardImageBack)"
|
|
|
|
- />
|
|
|
|
|
|
+ <div class="show-image" style="display: flex; justify-content: center">
|
|
|
|
+ <img class="img" :src="baseUrl + '/' + scope.row.idCardImageBack" alt=""
|
|
|
|
+ @click="handleImageView(scope.row.idCardImageBack)" />
|
|
</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="100" align="center">
|
|
<el-table-column label="基数" width="100" align="center">
|
|
@@ -198,31 +133,25 @@
|
|
<div>
|
|
<div>
|
|
{{ rowNum(scope.row.cardinalNumber) }}
|
|
{{ rowNum(scope.row.cardinalNumber) }}
|
|
</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="100" align="center">
|
|
<el-table-column label="比例" width="100" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div>{{ scope.row.ratio }}%</div>
|
|
<div>{{ scope.row.ratio }}%</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="备注" header-align="center">
|
|
<el-table-column label="备注" header-align="center">
|
|
@@ -254,349 +183,260 @@
|
|
</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-input
|
|
|
|
- v-model.trim="form.verifyContent"
|
|
|
|
- type="textarea"
|
|
|
|
- rows="2"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-input v-model.trim="form.verifyContent" type="textarea" rows="2" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</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-show="showVerify()"
|
|
|
|
- type="danger"
|
|
|
|
- size="small"
|
|
|
|
- style="float: right; margin-left: 12px"
|
|
|
|
- icon="back"
|
|
|
|
- @click="handleVerify(4)"
|
|
|
|
- >
|
|
|
|
- 驳回</el-button
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- v-show="showVerify()"
|
|
|
|
- type="primary"
|
|
|
|
- size="small"
|
|
|
|
- icon="check"
|
|
|
|
- style="float: right; margin-left: 12px"
|
|
|
|
- @click="handleVerify(3)"
|
|
|
|
- >审核通过</el-button
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- v-show="verifiable() && form.status === 3"
|
|
|
|
- type="warning"
|
|
|
|
- size="small"
|
|
|
|
- icon="back"
|
|
|
|
- style="float: right; margin-left: 12px"
|
|
|
|
- @click="returnStatus()"
|
|
|
|
- >退回</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button v-show="showVerify()" type="danger" size="small" style="float: right; margin-left: 12px" icon="back"
|
|
|
|
+ @click="handleVerify(4)">
|
|
|
|
+ 驳回</el-button>
|
|
|
|
+ <el-button v-show="showVerify()" type="primary" size="small" icon="check" style="float: right; margin-left: 12px"
|
|
|
|
+ @click="handleVerify(3)">审核通过</el-button>
|
|
|
|
+ <el-button v-show="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" />
|
|
- <el-image-viewer
|
|
|
|
- v-if="showViewer"
|
|
|
|
- :url-list="currentFileList"
|
|
|
|
- @close="closeImages"
|
|
|
|
- :initial-index="showIndex"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-image-viewer v-if="showViewer" :url-list="currentFileList" @close="closeImages" :initial-index="showIndex" />
|
|
|
|
|
|
<!-- <print-dialog ref="printDialog" /> -->
|
|
<!-- <print-dialog ref="printDialog" /> -->
|
|
</el-dialog>
|
|
</el-dialog>
|
|
</template>
|
|
</template>
|
|
<script setup>
|
|
<script setup>
|
|
-import {
|
|
|
|
- getDetail,
|
|
|
|
- verifyDetail,
|
|
|
|
- turnBackDetail,
|
|
|
|
- exportHousingFundConfirmEmployee,
|
|
|
|
- exportHousingFundConfirmPdf,
|
|
|
|
-} from "@/api/business/production/housingFundConfirm";
|
|
|
|
-import feedbackDialog from "../feedbackDialog.vue";
|
|
|
|
-import useUserStore from "@/store/modules/user";
|
|
|
|
-import { rowNum } from "@/utils/index";
|
|
|
|
-import { ref } from "vue";
|
|
|
|
-const { proxy } = getCurrentInstance();
|
|
|
|
-const visible = ref(false);
|
|
|
|
-const width = ref(800);
|
|
|
|
-const selections = ref([]);
|
|
|
|
-const currentSource = ref(null);
|
|
|
|
-
|
|
|
|
-const showViewer = ref(false);
|
|
|
|
-const currentFileList = ref([]);
|
|
|
|
-const showIndex = ref(0);
|
|
|
|
-const editStatus = ref(false);
|
|
|
|
-
|
|
|
|
-const baseUrl = ref(import.meta.env.VITE_APP_BASE_API);
|
|
|
|
-
|
|
|
|
-const permissions = useUserStore().permissions;
|
|
|
|
-const all_permission = "*:*:*";
|
|
|
|
-
|
|
|
|
-const feedbackDialogView = ref(null);
|
|
|
|
-
|
|
|
|
-const confirmChoices = ref([
|
|
|
|
- {
|
|
|
|
- label: "是",
|
|
|
|
- value: 1,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- label: "否",
|
|
|
|
- value: 0,
|
|
|
|
- },
|
|
|
|
-]);
|
|
|
|
-
|
|
|
|
-const props = defineProps({
|
|
|
|
- getList: {
|
|
|
|
- type: Function,
|
|
|
|
- default: () => {},
|
|
|
|
- },
|
|
|
|
-});
|
|
|
|
-
|
|
|
|
-const { getList } = toRefs(props);
|
|
|
|
-const total = ref(0);
|
|
|
|
-
|
|
|
|
-const employeeEmptyData = {
|
|
|
|
- id: null,
|
|
|
|
- title: "",
|
|
|
|
- remark: "",
|
|
|
|
- employeeName: "",
|
|
|
|
- departmentName: "",
|
|
|
|
- idCode: "",
|
|
|
|
- salaryAmount: "",
|
|
|
|
- bonusAmount: "",
|
|
|
|
- allowanceAmount: "",
|
|
|
|
- subsidyAmount: "",
|
|
|
|
- absenceCut: "",
|
|
|
|
- planSalary: 0,
|
|
|
|
- actuallySalary: 0,
|
|
|
|
- endowmentInsurance: 0,
|
|
|
|
- medicalInsurance: 0,
|
|
|
|
- unemploymentBenefit: 0,
|
|
|
|
- seriousIllnessInsurance: 0,
|
|
|
|
- housingFund: 0,
|
|
|
|
- otherCut: 0,
|
|
|
|
- cumulativeIncome: 0,
|
|
|
|
- cumulativeSpecialCut: 0,
|
|
|
|
- cumulativeChildEduCut: 0,
|
|
|
|
- cumulativeHouseLoanInterestCut: 0,
|
|
|
|
- cumulativeHouseRentCut: 0,
|
|
|
|
- cumulativeSupportElderCut: 0,
|
|
|
|
- cumulativeContinuingEduCut: 0,
|
|
|
|
- cumulativeBabyCareCut: 0,
|
|
|
|
- sumSpecialCumulativeCut: 0,
|
|
|
|
- cumulativeOtherCut: 0,
|
|
|
|
- cumulativeIndividualIncomeTax: 0,
|
|
|
|
- cumulativeHasPaidIit: 0,
|
|
|
|
- currentIndividualIncomeTax: 0,
|
|
|
|
- idiograph: "",
|
|
|
|
- details: [],
|
|
|
|
- editStatus: true,
|
|
|
|
-};
|
|
|
|
-
|
|
|
|
-const form = ref({
|
|
|
|
- amount: null,
|
|
|
|
- details: [],
|
|
|
|
-});
|
|
|
|
-
|
|
|
|
-const emptyForm = {
|
|
|
|
- details: [],
|
|
|
|
-};
|
|
|
|
-
|
|
|
|
-function open(detail) {
|
|
|
|
- console.log(detail);
|
|
|
|
- visible.value = true;
|
|
|
|
- form.value = detail;
|
|
|
|
- loadData();
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function loadData() {
|
|
|
|
- getDetail(form.value).then((res) => {
|
|
|
|
- form.value = { ...proxy.deepClone(emptyForm), ...res.data };
|
|
|
|
- computeTotal();
|
|
|
|
|
|
+ import {
|
|
|
|
+ getDetail,
|
|
|
|
+ verifyDetail,
|
|
|
|
+ turnBackDetail,
|
|
|
|
+ exportHousingFundConfirmEmployee,
|
|
|
|
+ exportHousingFundConfirmPdf,
|
|
|
|
+ } from "@/api/business/production/housingFundConfirm";
|
|
|
|
+ import feedbackDialog from "../feedbackDialog.vue";
|
|
|
|
+ import useUserStore from "@/store/modules/user";
|
|
|
|
+ import { rowNum } from "@/utils/index";
|
|
|
|
+ import { ref } from "vue";
|
|
|
|
+ const { proxy } = getCurrentInstance();
|
|
|
|
+ const visible = ref(false);
|
|
|
|
+ const width = ref(800);
|
|
|
|
+ const selections = ref([]);
|
|
|
|
+ const currentSource = ref(null);
|
|
|
|
+
|
|
|
|
+ const showViewer = ref(false);
|
|
|
|
+ const currentFileList = ref([]);
|
|
|
|
+ const showIndex = ref(0);
|
|
|
|
+ const editStatus = ref(false);
|
|
|
|
+
|
|
|
|
+ const baseUrl = ref(import.meta.env.VITE_APP_BASE_API);
|
|
|
|
+
|
|
|
|
+ const permissions = useUserStore().permissions;
|
|
|
|
+ const all_permission = "*:*:*";
|
|
|
|
+
|
|
|
|
+ const feedbackDialogView = ref(null);
|
|
|
|
+
|
|
|
|
+ const confirmChoices = ref([
|
|
|
|
+ {
|
|
|
|
+ label: "是",
|
|
|
|
+ value: 1,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: "否",
|
|
|
|
+ value: 0,
|
|
|
|
+ },
|
|
|
|
+ ]);
|
|
|
|
+
|
|
|
|
+ const props = defineProps({
|
|
|
|
+ getList: {
|
|
|
|
+ type: Function,
|
|
|
|
+ default: () => { },
|
|
|
|
+ },
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ const { getList } = toRefs(props);
|
|
|
|
+ const total = ref(0);
|
|
|
|
+
|
|
|
|
+ const employeeEmptyData = {
|
|
|
|
+ id: null,
|
|
|
|
+ title: "",
|
|
|
|
+ remark: "",
|
|
|
|
+ employeeName: "",
|
|
|
|
+ departmentName: "",
|
|
|
|
+ idCode: "",
|
|
|
|
+ salaryAmount: "",
|
|
|
|
+ bonusAmount: "",
|
|
|
|
+ allowanceAmount: "",
|
|
|
|
+ subsidyAmount: "",
|
|
|
|
+ absenceCut: "",
|
|
|
|
+ planSalary: 0,
|
|
|
|
+ actuallySalary: 0,
|
|
|
|
+ endowmentInsurance: 0,
|
|
|
|
+ medicalInsurance: 0,
|
|
|
|
+ unemploymentBenefit: 0,
|
|
|
|
+ seriousIllnessInsurance: 0,
|
|
|
|
+ housingFund: 0,
|
|
|
|
+ otherCut: 0,
|
|
|
|
+ cumulativeIncome: 0,
|
|
|
|
+ cumulativeSpecialCut: 0,
|
|
|
|
+ cumulativeChildEduCut: 0,
|
|
|
|
+ cumulativeHouseLoanInterestCut: 0,
|
|
|
|
+ cumulativeHouseRentCut: 0,
|
|
|
|
+ cumulativeSupportElderCut: 0,
|
|
|
|
+ cumulativeContinuingEduCut: 0,
|
|
|
|
+ cumulativeBabyCareCut: 0,
|
|
|
|
+ sumSpecialCumulativeCut: 0,
|
|
|
|
+ cumulativeOtherCut: 0,
|
|
|
|
+ cumulativeIndividualIncomeTax: 0,
|
|
|
|
+ cumulativeHasPaidIit: 0,
|
|
|
|
+ currentIndividualIncomeTax: 0,
|
|
|
|
+ idiograph: "",
|
|
|
|
+ details: [],
|
|
|
|
+ editStatus: true,
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ const form = ref({
|
|
|
|
+ amount: null,
|
|
|
|
+ details: [],
|
|
});
|
|
});
|
|
-}
|
|
|
|
-
|
|
|
|
-function close() {
|
|
|
|
- visible.value = false;
|
|
|
|
- reset();
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function reset() {
|
|
|
|
- form.value = proxy.deepClone(emptyForm);
|
|
|
|
- total.value = 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-//人员信息打印
|
|
|
|
-function printSalary() {
|
|
|
|
- exportHousingFundConfirmPdf(form.value.id);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-//人员信息导出
|
|
|
|
-function exportSalary() {
|
|
|
|
- exportHousingFundConfirmEmployee(form.value.id);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function showVerify() {
|
|
|
|
- if (
|
|
|
|
- form.value.id == null ||
|
|
|
|
- form.value.status === 0 ||
|
|
|
|
- form.value.status === 3 ||
|
|
|
|
- form.value.status === 4
|
|
|
|
- ) {
|
|
|
|
- return false;
|
|
|
|
- } else if (verifiable()) {
|
|
|
|
- return true;
|
|
|
|
- } else {
|
|
|
|
- return false;
|
|
|
|
|
|
+
|
|
|
|
+ const emptyForm = {
|
|
|
|
+ details: [],
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ function open(detail) {
|
|
|
|
+ console.log(detail);
|
|
|
|
+ visible.value = true;
|
|
|
|
+ form.value = detail;
|
|
|
|
+ loadData();
|
|
}
|
|
}
|
|
-}
|
|
|
|
-
|
|
|
|
-function verifiable() {
|
|
|
|
- // console.log(permissions)
|
|
|
|
- // console.log(permissions)
|
|
|
|
- return (
|
|
|
|
- permissions.includes(all_permission) ||
|
|
|
|
- permissions.includes("business:housingFundConfirm:verify")
|
|
|
|
- );
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function handleCurrentChange(row) {
|
|
|
|
- currentSource.value = row;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function handleCheckChange(selection) {
|
|
|
|
- selections.value = selection.map((item) => item);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function getSummaries(param) {
|
|
|
|
- const { columns, data } = param;
|
|
|
|
- const sums = [];
|
|
|
|
- columns.forEach((column, index) => {
|
|
|
|
- if (index === 0) {
|
|
|
|
- sums[index] = "合计";
|
|
|
|
- return;
|
|
|
|
- } else if (index === 1) {
|
|
|
|
- sums[index] = "";
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
- const values = data.map((item) => Number(item[column.property]));
|
|
|
|
-
|
|
|
|
- if (!values.every((value) => isNaN(value))) {
|
|
|
|
- sums[index] = values.reduce((prev, curr) => {
|
|
|
|
- const value = Number(curr);
|
|
|
|
- if (!isNaN(value)) {
|
|
|
|
- return (Number(prev) + Number(curr)).toFixed(2);
|
|
|
|
- } else {
|
|
|
|
- return Number(prev).toFixed(2);
|
|
|
|
- }
|
|
|
|
- }, 0);
|
|
|
|
|
|
+
|
|
|
|
+ function loadData() {
|
|
|
|
+ getDetail(form.value).then((res) => {
|
|
|
|
+ form.value = { ...proxy.deepClone(emptyForm), ...res.data };
|
|
|
|
+ computeTotal();
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function close() {
|
|
|
|
+ visible.value = false;
|
|
|
|
+ reset();
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function reset() {
|
|
|
|
+ form.value = proxy.deepClone(emptyForm);
|
|
|
|
+ total.value = 0;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ //人员信息打印
|
|
|
|
+ function printSalary() {
|
|
|
|
+ exportHousingFundConfirmPdf(form.value.id);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ //人员信息导出
|
|
|
|
+ function exportSalary() {
|
|
|
|
+ exportHousingFundConfirmEmployee(form.value.id);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function showVerify() {
|
|
|
|
+ if (
|
|
|
|
+ form.value.id == null ||
|
|
|
|
+ form.value.status === 0 ||
|
|
|
|
+ form.value.status === 3 ||
|
|
|
|
+ form.value.status === 4
|
|
|
|
+ ) {
|
|
|
|
+ return false;
|
|
|
|
+ } else if (verifiable()) {
|
|
|
|
+ return true;
|
|
} else {
|
|
} else {
|
|
- sums[index] = "";
|
|
|
|
|
|
+ return false;
|
|
}
|
|
}
|
|
- });
|
|
|
|
- return sums;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function handleVerify(status) {
|
|
|
|
- if (status === 4) {
|
|
|
|
- const saveValue = proxy.deepClone(form.value);
|
|
|
|
- saveValue.status = status;
|
|
|
|
- feedbackDialogView.value.open(saveValue);
|
|
|
|
- } else {
|
|
|
|
- proxy.$modal
|
|
|
|
- .confirm("确认审核么?")
|
|
|
|
- .then((_) => {
|
|
|
|
- const saveValue = proxy.deepClone(form.value);
|
|
|
|
- saveValue.status = status;
|
|
|
|
- verify(saveValue);
|
|
|
|
- })
|
|
|
|
- .catch((_) => {
|
|
|
|
- proxy.$modal.msg("已取消审核");
|
|
|
|
- });
|
|
|
|
}
|
|
}
|
|
-}
|
|
|
|
|
|
|
|
-function verify(data) {
|
|
|
|
- verifyDetail(data).then((res) => {
|
|
|
|
- reset();
|
|
|
|
- getList.value();
|
|
|
|
- close();
|
|
|
|
- });
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function rowChangeSum(row) {
|
|
|
|
- let actuallySalary = 0;
|
|
|
|
- actuallySalary += row.planSalary == null ? 0 : row.planSalary;
|
|
|
|
- actuallySalary += row.bonusAmount == null ? 0 : row.bonusAmount;
|
|
|
|
- actuallySalary -= row.endowmentInsurance == null ? 0 : row.endowmentInsurance;
|
|
|
|
- actuallySalary -= row.medicalInsurance == null ? 0 : row.medicalInsurance;
|
|
|
|
- actuallySalary -=
|
|
|
|
- row.unemploymentBenefit == null ? 0 : row.unemploymentBenefit;
|
|
|
|
- actuallySalary -=
|
|
|
|
- row.seriousIllnessInsurance == null ? 0 : row.seriousIllnessInsurance;
|
|
|
|
- actuallySalary -= row.housingFund == null ? 0 : row.housingFund;
|
|
|
|
- if (form.value.hasIndividualIncomeTax === 1) {
|
|
|
|
- actuallySalary -=
|
|
|
|
- row.individualIncomeTaxConfirm == null
|
|
|
|
- ? 0
|
|
|
|
- : row.individualIncomeTaxConfirm;
|
|
|
|
- } else {
|
|
|
|
- actuallySalary -=
|
|
|
|
- row.currentIndividualIncomeTax == null
|
|
|
|
- ? 0
|
|
|
|
- : row.currentIndividualIncomeTax;
|
|
|
|
|
|
+ function verifiable() {
|
|
|
|
+ // console.log(permissions)
|
|
|
|
+ // console.log(permissions)
|
|
|
|
+ return (
|
|
|
|
+ permissions.includes(all_permission) ||
|
|
|
|
+ // permissions.includes("business:housingFundConfirm:verify")
|
|
|
|
+ permissions.includes("business:housingFundConfirm:return")
|
|
|
|
+ );
|
|
}
|
|
}
|
|
- actuallySalary -= row.otherCut == null ? 0 : row.otherCut;
|
|
|
|
- row.actuallySalary = actuallySalary;
|
|
|
|
- computeTotal();
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function computeTotal() {
|
|
|
|
- let totalSalay = 0;
|
|
|
|
- form.value.details.forEach((l) => {
|
|
|
|
- totalSalay += l.actuallySalary == null ? 0 : l.actuallySalary;
|
|
|
|
- });
|
|
|
|
- form.value.amount = totalSalay.toFixed(2);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-function returnStatus(status) {
|
|
|
|
- proxy.$modal
|
|
|
|
- .confirm("确认退回么?")
|
|
|
|
- .then((_) => {
|
|
|
|
- turnBackDetail(form.value).then((res) => {
|
|
|
|
- // if (res.data.successStatus = true) {
|
|
|
|
- // reset()
|
|
|
|
- // getList.value()
|
|
|
|
- // close()
|
|
|
|
- // } else {
|
|
|
|
- // proxy.$modal.msg(res.data.message)
|
|
|
|
- // }
|
|
|
|
- reset();
|
|
|
|
- getList.value();
|
|
|
|
- close();
|
|
|
|
- });
|
|
|
|
- })
|
|
|
|
- .catch((_) => {
|
|
|
|
- proxy.$modal.msg("已取消退回");
|
|
|
|
|
|
+
|
|
|
|
+ function handleCurrentChange(row) {
|
|
|
|
+ currentSource.value = row;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function handleCheckChange(selection) {
|
|
|
|
+ selections.value = selection.map((item) => item);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function getSummaries(param) {
|
|
|
|
+ const { columns, data } = param;
|
|
|
|
+ const sums = [];
|
|
|
|
+ columns.forEach((column, index) => {
|
|
|
|
+ if (index === 0) {
|
|
|
|
+ sums[index] = "合计";
|
|
|
|
+ return;
|
|
|
|
+ } else if (index === 1) {
|
|
|
|
+ sums[index] = "";
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ const values = data.map((item) => Number(item[column.property]));
|
|
|
|
+
|
|
|
|
+ if (!values.every((value) => isNaN(value))) {
|
|
|
|
+ sums[index] = values.reduce((prev, curr) => {
|
|
|
|
+ const value = Number(curr);
|
|
|
|
+ if (!isNaN(value)) {
|
|
|
|
+ return (Number(prev) + Number(curr)).toFixed(2);
|
|
|
|
+ } else {
|
|
|
|
+ return Number(prev).toFixed(2);
|
|
|
|
+ }
|
|
|
|
+ }, 0);
|
|
|
|
+ } else {
|
|
|
|
+ sums[index] = "";
|
|
|
|
+ }
|
|
});
|
|
});
|
|
-}
|
|
|
|
|
|
+ return sums;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function handleVerify(status) {
|
|
|
|
+ if (status === 4) {
|
|
|
|
+ const saveValue = proxy.deepClone(form.value);
|
|
|
|
+ saveValue.status = status;
|
|
|
|
+ feedbackDialogView.value.open(saveValue);
|
|
|
|
+ } else {
|
|
|
|
+ proxy.$modal
|
|
|
|
+ .confirm("确认审核么?")
|
|
|
|
+ .then((_) => {
|
|
|
|
+ const saveValue = proxy.deepClone(form.value);
|
|
|
|
+ saveValue.status = status;
|
|
|
|
+ verify(saveValue);
|
|
|
|
+ })
|
|
|
|
+ .catch((_) => {
|
|
|
|
+ proxy.$modal.msg("已取消审核");
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
-function changeIndividual(arg) {
|
|
|
|
- // if (arg === 1) {
|
|
|
|
- form.value.details.forEach((row) => {
|
|
|
|
|
|
+ function verify(data) {
|
|
|
|
+ verifyDetail(data).then((res) => {
|
|
|
|
+ reset();
|
|
|
|
+ getList.value();
|
|
|
|
+ close();
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function rowChangeSum(row) {
|
|
let actuallySalary = 0;
|
|
let actuallySalary = 0;
|
|
actuallySalary += row.planSalary == null ? 0 : row.planSalary;
|
|
actuallySalary += row.planSalary == null ? 0 : row.planSalary;
|
|
actuallySalary += row.bonusAmount == null ? 0 : row.bonusAmount;
|
|
actuallySalary += row.bonusAmount == null ? 0 : row.bonusAmount;
|
|
- actuallySalary -=
|
|
|
|
- row.endowmentInsurance == null ? 0 : row.endowmentInsurance;
|
|
|
|
|
|
+ actuallySalary -= row.endowmentInsurance == null ? 0 : row.endowmentInsurance;
|
|
actuallySalary -= row.medicalInsurance == null ? 0 : row.medicalInsurance;
|
|
actuallySalary -= row.medicalInsurance == null ? 0 : row.medicalInsurance;
|
|
actuallySalary -=
|
|
actuallySalary -=
|
|
row.unemploymentBenefit == null ? 0 : row.unemploymentBenefit;
|
|
row.unemploymentBenefit == null ? 0 : row.unemploymentBenefit;
|
|
actuallySalary -=
|
|
actuallySalary -=
|
|
row.seriousIllnessInsurance == null ? 0 : row.seriousIllnessInsurance;
|
|
row.seriousIllnessInsurance == null ? 0 : row.seriousIllnessInsurance;
|
|
actuallySalary -= row.housingFund == null ? 0 : row.housingFund;
|
|
actuallySalary -= row.housingFund == null ? 0 : row.housingFund;
|
|
- if (arg === 1) {
|
|
|
|
|
|
+ if (form.value.hasIndividualIncomeTax === 1) {
|
|
actuallySalary -=
|
|
actuallySalary -=
|
|
row.individualIncomeTaxConfirm == null
|
|
row.individualIncomeTaxConfirm == null
|
|
? 0
|
|
? 0
|
|
@@ -609,88 +449,148 @@ function changeIndividual(arg) {
|
|
}
|
|
}
|
|
actuallySalary -= row.otherCut == null ? 0 : row.otherCut;
|
|
actuallySalary -= row.otherCut == null ? 0 : row.otherCut;
|
|
row.actuallySalary = actuallySalary;
|
|
row.actuallySalary = actuallySalary;
|
|
- });
|
|
|
|
- computeTotal();
|
|
|
|
-}
|
|
|
|
|
|
+ computeTotal();
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function computeTotal() {
|
|
|
|
+ let totalSalay = 0;
|
|
|
|
+ form.value.details.forEach((l) => {
|
|
|
|
+ totalSalay += l.actuallySalary == null ? 0 : l.actuallySalary;
|
|
|
|
+ });
|
|
|
|
+ form.value.amount = totalSalay.toFixed(2);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function returnStatus(status) {
|
|
|
|
+ proxy.$modal
|
|
|
|
+ .confirm("确认退回么?")
|
|
|
|
+ .then((_) => {
|
|
|
|
+ turnBackDetail(form.value).then((res) => {
|
|
|
|
+ // if (res.data.successStatus = true) {
|
|
|
|
+ // reset()
|
|
|
|
+ // getList.value()
|
|
|
|
+ // close()
|
|
|
|
+ // } else {
|
|
|
|
+ // proxy.$modal.msg(res.data.message)
|
|
|
|
+ // }
|
|
|
|
+ reset();
|
|
|
|
+ getList.value();
|
|
|
|
+ close();
|
|
|
|
+ });
|
|
|
|
+ })
|
|
|
|
+ .catch((_) => {
|
|
|
|
+ proxy.$modal.msg("已取消退回");
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function changeIndividual(arg) {
|
|
|
|
+ // if (arg === 1) {
|
|
|
|
+ form.value.details.forEach((row) => {
|
|
|
|
+ let actuallySalary = 0;
|
|
|
|
+ actuallySalary += row.planSalary == null ? 0 : row.planSalary;
|
|
|
|
+ actuallySalary += row.bonusAmount == null ? 0 : row.bonusAmount;
|
|
|
|
+ actuallySalary -=
|
|
|
|
+ row.endowmentInsurance == null ? 0 : row.endowmentInsurance;
|
|
|
|
+ actuallySalary -= row.medicalInsurance == null ? 0 : row.medicalInsurance;
|
|
|
|
+ actuallySalary -=
|
|
|
|
+ row.unemploymentBenefit == null ? 0 : row.unemploymentBenefit;
|
|
|
|
+ actuallySalary -=
|
|
|
|
+ row.seriousIllnessInsurance == null ? 0 : row.seriousIllnessInsurance;
|
|
|
|
+ actuallySalary -= row.housingFund == null ? 0 : row.housingFund;
|
|
|
|
+ if (arg === 1) {
|
|
|
|
+ actuallySalary -=
|
|
|
|
+ row.individualIncomeTaxConfirm == null
|
|
|
|
+ ? 0
|
|
|
|
+ : row.individualIncomeTaxConfirm;
|
|
|
|
+ } else {
|
|
|
|
+ actuallySalary -=
|
|
|
|
+ row.currentIndividualIncomeTax == null
|
|
|
|
+ ? 0
|
|
|
|
+ : row.currentIndividualIncomeTax;
|
|
|
|
+ }
|
|
|
|
+ actuallySalary -= row.otherCut == null ? 0 : row.otherCut;
|
|
|
|
+ row.actuallySalary = actuallySalary;
|
|
|
|
+ });
|
|
|
|
+ computeTotal();
|
|
|
|
+ }
|
|
|
|
|
|
-function passwordCheckHandler(value, field) {
|
|
|
|
- // console.log(value)
|
|
|
|
- if (!passwordCheck(form.value[field])) {
|
|
|
|
- proxy.$modal.msgError("请输入正确密码");
|
|
|
|
|
|
+ function passwordCheckHandler(value, field) {
|
|
|
|
+ // console.log(value)
|
|
|
|
+ if (!passwordCheck(form.value[field])) {
|
|
|
|
+ proxy.$modal.msgError("请输入正确密码");
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-}
|
|
|
|
|
|
|
|
-function handleImageView(fileUrl) {
|
|
|
|
- window.open(`${baseUrl.value}${fileUrl}`);
|
|
|
|
-}
|
|
|
|
|
|
+ function handleImageView(fileUrl) {
|
|
|
|
+ window.open(`${baseUrl.value}${fileUrl}`);
|
|
|
|
+ }
|
|
|
|
|
|
-function closeImages() {
|
|
|
|
- showViewer.value = false;
|
|
|
|
-}
|
|
|
|
|
|
+ function closeImages() {
|
|
|
|
+ showViewer.value = false;
|
|
|
|
+ }
|
|
|
|
|
|
-function amountChange() {
|
|
|
|
- let amount = 0;
|
|
|
|
- if (form.value.details.length > 0) {
|
|
|
|
- for (let i = 0; i < form.value.details.length; i++) {
|
|
|
|
- amount = amount + form.value.details[i].arriveAmount;
|
|
|
|
|
|
+ function amountChange() {
|
|
|
|
+ let amount = 0;
|
|
|
|
+ if (form.value.details.length > 0) {
|
|
|
|
+ for (let i = 0; i < form.value.details.length; i++) {
|
|
|
|
+ amount = amount + form.value.details[i].arriveAmount;
|
|
|
|
+ }
|
|
|
|
+ // 判断到款状态
|
|
|
|
+ form.value.arriveAmount = amount;
|
|
|
|
+ if (form.value.arriveAmount > 0)
|
|
|
|
+ form.value.arriveStatus =
|
|
|
|
+ form.value.arriveAmount === form.value.amount ? 1 : 2;
|
|
|
|
+ else form.value.arriveStatus = 0;
|
|
}
|
|
}
|
|
- // 判断到款状态
|
|
|
|
- form.value.arriveAmount = amount;
|
|
|
|
- if (form.value.arriveAmount > 0)
|
|
|
|
- form.value.arriveStatus =
|
|
|
|
- form.value.arriveAmount === form.value.amount ? 1 : 2;
|
|
|
|
- else form.value.arriveStatus = 0;
|
|
|
|
}
|
|
}
|
|
-}
|
|
|
|
-
|
|
|
|
-function tableRowClassName({ row, index }) {
|
|
|
|
- if (row.changeStatus === 1) {
|
|
|
|
- return "list-row add-row";
|
|
|
|
- } else if (row.changeStatus === 2) {
|
|
|
|
- return "list-row delete-row";
|
|
|
|
- } else {
|
|
|
|
- return "list-row";
|
|
|
|
|
|
+
|
|
|
|
+ function tableRowClassName({ row, index }) {
|
|
|
|
+ if (row.changeStatus === 1) {
|
|
|
|
+ return "list-row add-row";
|
|
|
|
+ } else if (row.changeStatus === 2) {
|
|
|
|
+ return "list-row delete-row";
|
|
|
|
+ } else {
|
|
|
|
+ return "list-row";
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-}
|
|
|
|
|
|
|
|
-// 暴露给父组件的方法
|
|
|
|
-defineExpose({
|
|
|
|
- open,
|
|
|
|
-});
|
|
|
|
|
|
+ // 暴露给父组件的方法
|
|
|
|
+ defineExpose({
|
|
|
|
+ open,
|
|
|
|
+ });
|
|
</script>
|
|
</script>
|
|
<style scoped>
|
|
<style scoped>
|
|
-.img {
|
|
|
|
- width: 23px;
|
|
|
|
- height: 23px;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.button-class{
|
|
|
|
|
|
+ .img {
|
|
|
|
+ width: 23px;
|
|
|
|
+ height: 23px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .button-class {
|
|
margin-top: 15px;
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
-}
|
|
|
|
-
|
|
|
|
-::v-deep(.el-upload) {
|
|
|
|
- display: flex;
|
|
|
|
- text-align: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- cursor: pointer;
|
|
|
|
- outline: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.required::after {
|
|
|
|
- content: "*";
|
|
|
|
- color: red;
|
|
|
|
-}
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ ::v-deep(.el-upload) {
|
|
|
|
+ display: flex;
|
|
|
|
+ text-align: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ outline: 0;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .required::after {
|
|
|
|
+ content: "*";
|
|
|
|
+ color: red;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|
|
<style>
|
|
<style>
|
|
-.el-table .delete-row {
|
|
|
|
- background-color: rgb(251, 159, 173);
|
|
|
|
-}
|
|
|
|
|
|
+ .el-table .delete-row {
|
|
|
|
+ background-color: rgb(251, 159, 173);
|
|
|
|
+ }
|
|
|
|
|
|
-.el-table .add-row {
|
|
|
|
- background-color: rgb(184, 234, 147);
|
|
|
|
-}
|
|
|
|
|
|
+ .el-table .add-row {
|
|
|
|
+ background-color: rgb(184, 234, 147);
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|