Browse Source

完善出纳款项确认

master
yunuo970428 2 years ago
parent
commit
18a1a2be56
  1. 111
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/paymentConfirmation/cashierConfirmation.vue
  2. 209
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/paymentConfirmation/cashierConfirmationInfo.vue

111
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/paymentConfirmation/cashierConfirmation.vue

@ -7,43 +7,39 @@
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="webcon">
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow">
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-row>
<el-form-item label="付款方名称:" class="searchlist">
<el-input v-model="listQuery.params.payerName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="收款方式:" class="searchlist">
<el-select v-model="listQuery.params.collectionTypeKey" placeholder="请选择" filterable clearable>
<el-option v-for="item in collectionType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="收款银行:" class="searchlist">
<el-select v-model="listQuery.params.collectionBank" placeholder="请选择" style="width: 300px" filterable clearable>
<el-option v-for="item in receiptBank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="认款状态:" class="searchlist">
<el-select v-model="listQuery.params.subscriptionState" placeholder="请选择" filterable clearable>
<el-option v-for="item in subscriptionState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="盖章日期:" class="searchlist">
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.collectionStartDate" clearable style="width: 160px" type="date" placeholder="开始日期"/>
<div class="line"></div>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.collectionEndDate" clearable style="width: 160px" type="date" placeholder="结束日期"/>
</el-form-item>
</el-row>
<div class="searchbtns">
<el-button type="primary" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" size="small" @click="handReset">重置</el-button>
</div>
<el-form-item label="付款方名称:" class="searchlist">
<el-input v-model="listQuery.params.payerName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="收款方式:" class="searchlist">
<el-select v-model="listQuery.params.collectionTypeKey" placeholder="请选择" filterable clearable>
<el-option v-for="item in collectionType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="收款银行:" class="searchlist">
<el-select v-model="listQuery.params.collectionBank" placeholder="请选择" style="width: 300px" filterable clearable>
<el-option v-for="item in receiptBank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="认款状态:" class="searchlist">
<el-select v-model="listQuery.params.subscriptionState" placeholder="请选择" filterable clearable>
<el-option v-for="item in subscriptionState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="盖章日期:" class="searchlist">
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.collectionStartDate" clearable style="width: 160px" type="date" placeholder="开始日期"/>
<span style="padding: 0 8px"></span>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.collectionEndDate" clearable style="width: 160px" type="date" placeholder="结束日期"/>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handReset">重置</el-button>
</div>
</div>
</div>
<div>
@ -53,59 +49,64 @@
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%">
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" align="center" width="180px">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" align="center" width="180">
<template slot-scope="scope">
<el-button :disabled="scope.row.auditState !== 1" type="primary" size="small" @click="handUpdate(scope.row)">办理</el-button>
<el-button type="primary" size="small" @click="handLook(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="审核状态" align="center">
<el-table-column label="审核状态" align="center" width="90">
<template slot-scope="scope">
<span>{{ scope.row.auditState == 1 ? '待审核' : scope.row.auditState == 2 ? '已驳回' : scope.row.auditState ==3 ? '已审核' : '其他' }}</span>
</template>
</el-table-column>
<el-table-column label="认款状态" align="center">
<el-table-column label="认款状态" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.subscriptionState == 1 ? '未认款' : scope.row.subscriptionState == 2 ? '部分认款' : scope.row.subscriptionState == 3 ? '已认款' : '其他' }}</span>
</template>
</el-table-column>
<el-table-column label="申请人" align="center">
<el-table-column label="收款单号" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.billNo }}</span>
</template>
</el-table-column>
<el-table-column label="申请人" align="center" width="90">
<template slot-scope="scope">
<span>{{ scope.row.createByName }}</span>
</template>
</el-table-column>
<el-table-column label="申请日期" align="center">
<el-table-column label="申请日期" align="center" width="90">
<template slot-scope="scope">
<span>{{ scope.row.createDate }}</span>
</template>
</el-table-column>
<el-table-column label="收款日期" align="center">
<el-table-column label="收款日期" align="center" width="90">
<template slot-scope="scope">
<span>{{ scope.row.collectionDate }}</span>
</template>
</el-table-column>
<el-table-column label="收款银行" align="center">
<el-table-column label="收款银行" align="center" width="90">
<template slot-scope="scope">
<span>{{ scope.row.collectionBank }}</span>
</template>
</el-table-column>
<el-table-column label="收款银行账号" align="center">
<el-table-column label="收款银行账号" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.collectionBankNum }}</span>
</template>
</el-table-column>
<el-table-column label="收款方式" align="center">
<el-table-column label="收款方式" align="center" width="90">
<template slot-scope="scope">
<span>{{ scope.row.collectionTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="收款金额" align="center">
<el-table-column label="收款金额" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.collectionMoney }}</span>
</template>
</el-table-column>
<el-table-column label="付款方名称" align="center">
<el-table-column label="付款方" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.payerName }}</span>
</template>
@ -267,24 +268,4 @@ export default {
}
</script>
<style scoped>
.listtop {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #dfe4ed;
height: 40px;
}
.tit {
margin-bottom: -10px;
}
.pagination {
margin-bottom: -10px;
}
.line {
display: inline-block;
margin: 0px 15px;
}
.searchlist{
margin: 10px 0;
}
</style>

209
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/paymentConfirmation/cashierConfirmationInfo.vue

@ -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>

Loading…
Cancel
Save