<template>
|
<div class="product">
|
<div class="borrower">
|
<p class="title">
|
<span></span>
|
工人薪资信息
|
</p>
|
<el-form ref="borrowerForm" size="small" inline label-width="165px">
|
<div class="form">
|
<el-form-item label="待发薪资总额" prop="totalSalaryPaid">
|
<el-input v-model="workerInfo.totalSalaryPaid" disabled></el-input>
|
</el-form-item>
|
</div>
|
</el-form>
|
<p class="title">
|
<span></span>
|
产值明细信息
|
</p>
|
<TableList
|
:pageInfo="pageInfo"
|
@doAction="doAction"
|
:isAutoIndex="true"
|
:isPaddingRight="false"
|
ref="tableRef"
|
:list="detailWorkerList"
|
:header="tableHeader"
|
:height="tableHeight"
|
:loading="loading"
|
></TableList>
|
<div class="btn">
|
<el-button size="medium" plain @click="prevPage()">上一页</el-button>
|
<el-button size="medium" type="primary" @click="nextPage()"
|
>下一页</el-button
|
>
|
</div>
|
<WorkerDetailDialog v-if="showWorkerDetail" v-on:closeApply="closeApply" :visible="showWorkerDetail" title="工人信息" :selectWorkerInfo="selectWorkerInfo" />
|
</div>
|
</div>
|
</template>
|
<script>
|
import { qryWorkerSalaryInfoList } from "@/api/product";
|
import common from "@/utils/common";
|
import TableList from "../../../../comprehensiveTransaction/components/TableList.vue";
|
import WorkerDetailDialog from "../../../components/WorkerDetailDialog.vue"
|
import { workerOutputDetailListHeader } from "@comprehensive/utils/tableHeaders";
|
export default {
|
data() {
|
return {
|
projectCompany: this.$store.state.product.projectCompany,
|
applyMenu: this.$store.state.product.applyMenu,
|
workerInfo:{},
|
detailWorkerList: [],
|
tableHeader: [...workerOutputDetailListHeader],
|
tableHeight: "560px",
|
loading: false,
|
showWorkerDetail: false,
|
selectWorkerInfo: {},
|
//页码
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10,
|
total: 0,
|
},
|
};
|
},
|
computed: {},
|
components: {
|
TableList,
|
WorkerDetailDialog
|
},
|
async created() {
|
this.requestQryWorkerSalaryInfoList()
|
},
|
methods: {
|
async requestQryWorkerSalaryInfoList() {
|
const resp = await qryWorkerSalaryInfoList({
|
projectSerialNo: this.projectCompany.serialno
|
})
|
if (resp.code == '00') {
|
this.workerInfo = resp.result
|
this.detailWorkerList = resp.result.salaryInfoList
|
this.pageInfo = {
|
currentPage: 1,
|
pageSize: resp.result.salaryInfoList.length,
|
total: resp.result.salaryInfoList.length,
|
};
|
}
|
|
},
|
doAction(name, item, { label }) {
|
if (item.workSerialNo) {
|
this.showWorkerDetail = true
|
this.selectWorkerInfo = item
|
}
|
},
|
prevPage() {
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "工人信息") {
|
common.workerTabInfo(
|
this.applyMenu[index - 1].tabname,
|
'CreditFlowPublic',
|
this
|
);
|
}
|
});
|
},
|
nextPage() {
|
this.$parent.updateApplyTabTree('工人信息');
|
},
|
// 关闭弹窗
|
closeApply(data) {
|
this.showWorkerDetail = data;
|
},
|
},
|
beforeRouteLeave(to, from, next) {
|
next();
|
},
|
};
|
</script>
|
