316 lines
11 KiB
Vue
316 lines
11 KiB
Vue
|
<template>
|
|||
|
|
<!-- 完工结算和结算明细页面 -->
|
|||
|
|
<div>
|
|||
|
|
<PageHeader :pageContent="pageContent" @goBack="goBack" />
|
|||
|
|
<div class="row-header">
|
|||
|
|
<div>领用单位：{{ currRowInfo.unitName }}</div>
|
|||
|
|
<div>工程名称：{{ currRowInfo.projectName }}</div>
|
|||
|
|
<div>总合计：xxxxx元</div>
|
|||
|
|
<div>
|
|||
|
|
<el-button size="mini" type="primary">导出全部明细表</el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 01承担方 -->
|
|||
|
|
<FinishTable
|
|||
|
|
:tableColumns="settleTableColumns"
|
|||
|
|
:tableTitle="`设备结算清单`"
|
|||
|
|
:isCostBear="true"
|
|||
|
|
:constBear="1"
|
|||
|
|
:totalPrice="settleTotalPrice_01"
|
|||
|
|
:tableData="settleTableData_01"
|
|||
|
|
:isSettle="isSettle_01"
|
|||
|
|
:listType="1"
|
|||
|
|
@submitSell="submitSell"
|
|||
|
|
@handleExport="handleExport"
|
|||
|
|
@handelSaveSuccess="handelSaveSuccess"
|
|||
|
|
v-if="settleTableData_01.length > 0"
|
|||
|
|
/>
|
|||
|
|
<!-- 03承担方 -->
|
|||
|
|
<FinishTable
|
|||
|
|
:tableColumns="settleTableColumns"
|
|||
|
|
:tableTitle="`设备结算清单`"
|
|||
|
|
:isCostBear="true"
|
|||
|
|
:constBear="3"
|
|||
|
|
:totalPrice="settleTotalPrice_03"
|
|||
|
|
:tableData="settleTableData_03"
|
|||
|
|
:isSettle="isSettle_03"
|
|||
|
|
:listType="2"
|
|||
|
|
@submitSell="submitSell"
|
|||
|
|
@handleExport="handleExport"
|
|||
|
|
@handelSaveSuccess="handelSaveSuccess"
|
|||
|
|
v-if="settleTableData_03.length > 0"
|
|||
|
|
/>
|
|||
|
|
<FinishTable
|
|||
|
|
:tableColumns="repairTableColumns"
|
|||
|
|
:tableTitle="`设备维修清单`"
|
|||
|
|
:isRepair="true"
|
|||
|
|
:totalPrice="repairTotalPrice"
|
|||
|
|
:tableData="repairTableData"
|
|||
|
|
:listType="3"
|
|||
|
|
@handleExport="handleExport"
|
|||
|
|
/>
|
|||
|
|
<FinishTable
|
|||
|
|
:tableColumns="noReturnTableColumns"
|
|||
|
|
:tableTitle="`工机具未还赔偿清单`"
|
|||
|
|
:tableData="noReturnTableData"
|
|||
|
|
:totalPrice="noReturnTotalPrice"
|
|||
|
|
:listType="4"
|
|||
|
|
@handleExport="handleExport"
|
|||
|
|
/>
|
|||
|
|
<FinishTable
|
|||
|
|
:tableColumns="scrapTableColumns"
|
|||
|
|
:tableTitle="`工机具报废赔偿清单`"
|
|||
|
|
:tableData="scrapTableData"
|
|||
|
|
:totalPrice="scrapTotalPrice"
|
|||
|
|
:listType="5"
|
|||
|
|
@handleExport="handleExport"
|
|||
|
|
/>
|
|||
|
|
<FinishTable
|
|||
|
|
:tableColumns="stayScrapTableColumns"
|
|||
|
|
:tableTitle="`工机具待报废清单`"
|
|||
|
|
:tableData="stayScrapTableData"
|
|||
|
|
:listType="6"
|
|||
|
|
@handleExport="handleExport"
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<el-row class="submit-btn">
|
|||
|
|
<el-button size="mini" type="primary" @click="submitComSett"
|
|||
|
|
>确认完工结算</el-button
|
|||
|
|
>
|
|||
|
|
</el-row>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import PageHeader from '@/components/pageHeader'
|
|||
|
|
import FinishTable from './finishTable.vue'
|
|||
|
|
import { getComSellQueryApi, submitFeeBearApi } from '@/api/cost/cost.js'
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
PageHeader,
|
|||
|
|
FinishTable,
|
|||
|
|
},
|
|||
|
|
props: {
|
|||
|
|
// 页面标题
|
|||
|
|
pageContent: {
|
|||
|
|
type: String,
|
|||
|
|
default: () => '完工结算',
|
|||
|
|
},
|
|||
|
|
// 当前行的数据信息
|
|||
|
|
currRowInfo: {
|
|||
|
|
type: Object,
|
|||
|
|
default: () => null,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
// 结算清单配置项
|
|||
|
|
settleTableColumns: [
|
|||
|
|
{ t_prop: 'typeName', t_label: '设备名称' },
|
|||
|
|
{ t_prop: 'modelName', t_label: '规格型号' },
|
|||
|
|
{ t_prop: 'nuitName', t_label: '单位' },
|
|||
|
|
{ t_prop: 'num', t_label: '数量' },
|
|||
|
|
{ t_prop: 'leasePrice', t_label: '台班费单价（元/天）' },
|
|||
|
|
{ t_prop: 'startTime', t_label: '起租日期' },
|
|||
|
|
{ t_prop: 'endTime', t_label: '终止日期', t_slot: 't_date' },
|
|||
|
|
{ t_prop: 'leaseDays', t_label: '应结算天数' },
|
|||
|
|
{ t_prop: 'costs', t_label: '应结算金额（元）' },
|
|||
|
|
{ t_prop: 'trimDay', t_label: '调整天数', t_slot: 't_ipt' },
|
|||
|
|
{ t_prop: 'realDays', t_label: '实际结算天数' },
|
|||
|
|
{ t_prop: 'realCosts', t_label: '实际结算金额（元）' },
|
|||
|
|
{ t_prop: '', t_label: '已入账金额（元）' },
|
|||
|
|
{ t_prop: '', t_label: '本次结算金额（元）' },
|
|||
|
|
],
|
|||
|
|
// 维修清单配置项
|
|||
|
|
repairTableColumns: [
|
|||
|
|
{ t_prop: 'typeName', t_label: '设备名称' },
|
|||
|
|
{ t_prop: 'modelName', t_label: '规格型号' },
|
|||
|
|
{ t_prop: 'nuitName', t_label: '单位' },
|
|||
|
|
{ t_prop: '', t_label: '维修配件名称' },
|
|||
|
|
{ t_prop: '', t_label: '维修配件型号' },
|
|||
|
|
{ t_prop: 'num', t_label: '使用数量' },
|
|||
|
|
{ t_prop: '', t_label: '配件单价' },
|
|||
|
|
{ t_prop: 'costs', t_label: '配件总价' },
|
|||
|
|
{ t_prop: '', t_label: '委外维修费用' },
|
|||
|
|
{ t_prop: '', t_label: '费用总价' },
|
|||
|
|
],
|
|||
|
|
// 未还赔偿清单配置项
|
|||
|
|
noReturnTableColumns: [
|
|||
|
|
{ t_prop: 'typeName', t_label: '设备名称' },
|
|||
|
|
{ t_prop: 'modelName', t_label: '规格型号' },
|
|||
|
|
{ t_prop: 'nuitName', t_label: '单位' },
|
|||
|
|
{ t_prop: 'maCode', t_label: '设备编码' },
|
|||
|
|
{ t_prop: 'num', t_label: '未还数量' },
|
|||
|
|
{ t_prop: 'buyPrice', t_label: '赔偿单价' },
|
|||
|
|
{ t_prop: 'costs', t_label: '赔偿金额' },
|
|||
|
|
],
|
|||
|
|
// 报废清单单配置项
|
|||
|
|
scrapTableColumns: [
|
|||
|
|
{ t_prop: 'typeName', t_label: '设备名称' },
|
|||
|
|
{ t_prop: 'modelName', t_label: '规格型号' },
|
|||
|
|
{ t_prop: 'nuitName', t_label: '单位' },
|
|||
|
|
{ t_prop: 'maCode', t_label: '设备编码' },
|
|||
|
|
{ t_prop: 'num', t_label: '报废数量' },
|
|||
|
|
{ t_prop: 'costs', t_label: '赔偿单价' },
|
|||
|
|
{ t_prop: 'buyPrice', t_label: '赔偿金额' },
|
|||
|
|
],
|
|||
|
|
// 待报废清单配置项
|
|||
|
|
stayScrapTableColumns: [
|
|||
|
|
{ t_prop: '', t_label: '设备名称' },
|
|||
|
|
{ t_prop: 'type', t_label: '规格型号' },
|
|||
|
|
{ t_prop: '', t_label: '单位' },
|
|||
|
|
{ t_prop: '', t_label: '设备编码' },
|
|||
|
|
{ t_prop: 'date', t_label: '报废数量' },
|
|||
|
|
{ t_prop: '', t_label: '状态' },
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
// 结算清单数据源 01承担方
|
|||
|
|
settleTableData_01: [],
|
|||
|
|
// 结算清单数据源 03承担方
|
|||
|
|
settleTableData_03: [],
|
|||
|
|
// 维修清单数据源
|
|||
|
|
repairTableData: [],
|
|||
|
|
// 未还赔偿清单数据源
|
|||
|
|
noReturnTableData: [],
|
|||
|
|
// 报废清单数据源
|
|||
|
|
scrapTableData: [],
|
|||
|
|
// 待报废清单数据源
|
|||
|
|
stayScrapTableData: [],
|
|||
|
|
// 合计金额
|
|||
|
|
settleTotalPrice_01: 0,
|
|||
|
|
settleTotalPrice_03: 0,
|
|||
|
|
repairTotalPrice: 0,
|
|||
|
|
noReturnTotalPrice: 0,
|
|||
|
|
scrapTotalPrice: 0,
|
|||
|
|
// 是否结算
|
|||
|
|
isSettle_01: 0,
|
|||
|
|
isSettle_03: 0,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
this.getComSellList()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
/** 获取结算信息 */
|
|||
|
|
async getComSellList() {
|
|||
|
|
const { data: res } = await getComSellQueryApi([
|
|||
|
|
{ agreementId: this.currRowInfo.agreementId },
|
|||
|
|
])
|
|||
|
|
|
|||
|
|
this.settleTableData_01 = res.leaseListOne // 01承担方
|
|||
|
|
this.settleTableData_03 = res.leaseListThree // 03承担方
|
|||
|
|
this.repairTableData = res.repairList // 维修单
|
|||
|
|
this.noReturnTableData = res.loseList // 未还赔偿
|
|||
|
|
this.scrapTableData = res.scrapList // 报废单
|
|||
|
|
|
|||
|
|
this.settleTotalPrice_01 = res.relations[0].leaseCostOne
|
|||
|
|
this.settleTotalPrice_03 = res.relations[0].leaseCostThree
|
|||
|
|
// this.settleTotalPrice_01 = res.relations[0].repairList
|
|||
|
|
// this.settleTotalPrice_01 = res.relations[0].leaseCostOne
|
|||
|
|
this.noReturnTotalPrice = res.relations[0].loseCost
|
|||
|
|
this.isSettle_01 = res.relations[0].isSltOne
|
|||
|
|
this.isSettle_03 = res.relations[0].isSltThree
|
|||
|
|
console.log(res, '结算信息')
|
|||
|
|
},
|
|||
|
|
/** 确认结算 01或03 */
|
|||
|
|
async submitSell(type) {
|
|||
|
|
const sellParams = {
|
|||
|
|
agreementId: this.currRowInfo.agreementId,
|
|||
|
|
costBearingParty: type,
|
|||
|
|
}
|
|||
|
|
const res = await submitFeeBearApi(sellParams)
|
|||
|
|
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
this.$message.success('结算成功！')
|
|||
|
|
this.getComSellList()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
/** 确认完工结算 */
|
|||
|
|
submitComSett() {
|
|||
|
|
this.$confirm(
|
|||
|
|
'确定后则会生成财务报表，数据将不可修改，请确认检查无误',
|
|||
|
|
'提示',
|
|||
|
|
{
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
cancelButtonText: '取消',
|
|||
|
|
type: 'warning',
|
|||
|
|
},
|
|||
|
|
).then(() => {
|
|||
|
|
console.log('确定，后续走确定逻辑')
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 编辑后保存成功刷新列表
|
|||
|
|
handelSaveSuccess() {
|
|||
|
|
this.getComSellList()
|
|||
|
|
},
|
|||
|
|
/** 单个导出 */
|
|||
|
|
handleExport(type) {
|
|||
|
|
let exportUrl = 'material/sltAgreementInfo/'
|
|||
|
|
let exportTitle = ''
|
|||
|
|
switch (type) {
|
|||
|
|
case 1:
|
|||
|
|
exportUrl += 'exportLeaseOne'
|
|||
|
|
exportTitle = '设备结算清单(费用承担方01)'
|
|||
|
|
break
|
|||
|
|
case 2:
|
|||
|
|
exportUrl += 'exportLeaseThree'
|
|||
|
|
exportTitle = '设备结算清单(费用承担方03)'
|
|||
|
|
break
|
|||
|
|
case 3:
|
|||
|
|
exportTitle = '设备维修清单'
|
|||
|
|
break
|
|||
|
|
case 4:
|
|||
|
|
exportUrl += 'exportLose'
|
|||
|
|
exportTitle = '工机具未还赔偿清单'
|
|||
|
|
break
|
|||
|
|
case 5:
|
|||
|
|
exportTitle = '工机具报废赔偿清单'
|
|||
|
|
break
|
|||
|
|
case 6:
|
|||
|
|
exportTitle = '工机具待报废清单'
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.downloadJson(
|
|||
|
|
exportUrl,
|
|||
|
|
JSON.stringify([{ agreementId: this.currRowInfo.agreementId }]),
|
|||
|
|
`${exportTitle}-${new Date().getTime()}.xlsx`,
|
|||
|
|
)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/** 返回按钮 关闭当前页面 */
|
|||
|
|
goBack() {
|
|||
|
|
this.$emit('closeCurrPage')
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.row-header {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
|
|||
|
|
div {
|
|||
|
|
margin-right: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
& div:nth-child(3) {
|
|||
|
|
margin-right: 15px;
|
|||
|
|
color: rgb(255, 0, 0);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.submit-btn {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
text-align: right;
|
|||
|
|
|
|||
|
|
.el-button {
|
|||
|
|
padding: 10px 14px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|