|
|
@ -9,67 +9,126 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="listconadd"> |
|
|
|
<div class="wlInfo"><span>收款确认申请</span></div> |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="top" label-width="300px" class="formadd"> |
|
|
|
<div class="titwu"><span>收款确认申请</span></div> |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="top" class="formadd"> |
|
|
|
<el-row style="border-left: 0"> |
|
|
|
<el-col :span="24" class="tleftb" style="border-right: 0"> |
|
|
|
<el-form-item> |
|
|
|
<span>收款单号:{{ receiptNumber }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>申请部门</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.createDept }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>申请人</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.createByName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>申请日期</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.createDate }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款日期</span></el-form-item> |
|
|
|
<span>收款方式</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
{{ formobj.collectionDate }} |
|
|
|
<span>{{ formobj.collectionTypeValue }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款银行</span></el-form-item> |
|
|
|
<span>收款金额(元)</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
{{ formobj.collectionBank }} |
|
|
|
<span>{{ formobj.collectionMoney }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款银行账号</span></el-form-item> |
|
|
|
<span>收款日期</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
{{ formobj.collectionBankNum }} |
|
|
|
<span>{{ formobj.collectionDate }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row v-show="formobj.collectionTypeKey === '03'"> |
|
|
|
<el-col :span="4" class="tleftb balanceStyle"> |
|
|
|
<span>收款银行账号</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tlineheightb"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.collectionBankNum }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb balanceStyle"> |
|
|
|
<span>收款银行名称</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tlineheightb"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.receivingName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb balanceStyle"> |
|
|
|
<span>收款银行</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tlineheightb"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.collectionBank }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款方式</span></el-form-item> |
|
|
|
<span>付款方</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
{{ formobj.collectionTypeValue }} |
|
|
|
<span>{{ formobj.payerName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>付款方名称</span></el-form-item> |
|
|
|
<span v-show="formobj.collectionTypeKey === '03'">付款账号后4位</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
{{ formobj.payerName }} |
|
|
|
<span v-show="formobj.collectionTypeKey === '03'">{{ formobj.payAccount }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款金额</span></el-form-item> |
|
|
|
<span v-show="formobj.collectionTypeKey === '03'">付款银行</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
{{ formobj.collectionMoney }} |
|
|
|
<span v-show="formobj.collectionTypeKey === '03'">{{ formobj.payBank }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>备注</span></el-form-item> |
|
|
|
<span>备注</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
{{ formobj.remarks }} |
|
|
|
<span>{{ formobj.remarks }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
@ -115,54 +174,54 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-table border :key="selectedreceivableKey" style="width: 100%" :data="formobj.finSelectedReceivablesDetaileds"> |
|
|
|
<el-table-column label="合同编号" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.contractNo }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="车架号" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.VIN }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="客户名称" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.customerName }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="联系电话" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.customerPhone }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="应收项目名称" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.receivablesName }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="当前应收金额" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.currentReceivableMoney }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="认款金额" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.subscriptionMoney }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="认款申请日期" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.subscriptionDate }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="状态" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.auditState == 1 ? '待审核' : scope.row.auditState == 2 ? '已驳回' : scope.row.auditState == 3 ? '已审核' : '其他' }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-form> |
|
|
|
<el-table border :key="selectedreceivableKey" style="width: 100%" :data="formobj.finSelectedReceivablesDetaileds"> |
|
|
|
<el-table-column label="合同编号" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.contractNo }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="车架号" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.VIN }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="客户名称" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.customerName }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="联系电话" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.customerPhone }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="应收项目名称" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.receivablesName }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="当前应收金额" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.currentReceivableMoney }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="认款金额" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.subscriptionMoney }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="认款申请日期" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.subscriptionDate }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column label="状态" align="center">--> |
|
|
|
<!-- <template slot-scope="scope">--> |
|
|
|
<!-- {{ scope.row.auditState == 1 ? '待审核' : scope.row.auditState == 2 ? '已驳回' : scope.row.auditState == 3 ? '已审核' : '其他' }}--> |
|
|
|
<!-- </template>--> |
|
|
|
<!-- </el-table-column>--> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
@ -178,6 +237,7 @@ export default { |
|
|
|
viewTitle: '', |
|
|
|
viewState: '', |
|
|
|
selectedreceivableKey: 0, |
|
|
|
receiptNumber: '', |
|
|
|
formobj: {}, |
|
|
|
list1: [], |
|
|
|
list2: [], |
|
|
@ -188,6 +248,7 @@ export default { |
|
|
|
showInfo(row, viewState) { |
|
|
|
this.viewState = viewState |
|
|
|
this.sid = row.sid |
|
|
|
this.receiptNumber = row.billNo |
|
|
|
this.viewTitle = '认款详情' |
|
|
|
fetchDetailBySid(row.sid).then(resp => { |
|
|
|
if (resp.code === '200') { |
|
|
@ -229,8 +290,8 @@ export default { |
|
|
|
handReject() { |
|
|
|
cashierReject({ sid: this.sid }).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.message({ showClose: true, message: '已驳回', type: 'success' } |
|
|
|
) |
|
|
|
this.message({ showClose: true, message: '已驳回', type: 'success' }) |
|
|
|
this.handleReturn('true') |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
@ -239,6 +300,7 @@ export default { |
|
|
|
this.formobj = {} |
|
|
|
this.list1 = [] |
|
|
|
this.list2 = [] |
|
|
|
this.receiptNumber = '' |
|
|
|
this.$emit('doback') |
|
|
|
} |
|
|
|
} |
|
|
@ -246,21 +308,4 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.wlInfo { |
|
|
|
padding-top: 20px; |
|
|
|
font-size: 24px; |
|
|
|
font-weight: bold; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.tleftb { |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.listadd { |
|
|
|
width: 100%; |
|
|
|
height: calc(100vh - 0px); |
|
|
|
overflow-y: auto; |
|
|
|
overflow-x: hidden; |
|
|
|
} |
|
|
|
</style> |
|
|
|