|
@@ -3,7 +3,87 @@
|
|
<div class="title-container">
|
|
<div class="title-container">
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
</div>
|
|
</div>
|
|
- <el-tabs v-model="activeName" type="border-card" style="margin-top: 30px;">
|
|
|
|
|
|
+ <el-tabs v-model="activeName" type="border-card" style="margin-top: 30px;" @tab-click="tabClick">
|
|
|
|
+ <el-tab-pane label="回款认领" name="retPayment">
|
|
|
|
+ <y-page-list-layout :page-list="pageRetData" :page-para="listQuery1" :get-page-list="getRetList">
|
|
|
|
+ <template slot="left">
|
|
|
|
+ <el-input v-model="listQuery1.keyword" placeholder="关键字搜索..." clearable
|
|
|
|
+ style="margin-left: 20px;width: 500px;float: left;">
|
|
|
|
+ </el-input>
|
|
|
|
+ <el-date-picker style="margin-left: 20px;float: left;" v-model="payDate" type="daterange" align="center"
|
|
|
|
+ unlink-panels range-separator="至" start-placeholder="到账时日(开始)" end-placeholder="到账时日(结束)"
|
|
|
|
+ :picker-options="pickerOptions" value-format="yyyy-MM-dd">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ <el-date-picker style="margin-left: 20px;float: left;" v-model="orderDate" type="daterange" align="center"
|
|
|
|
+ unlink-panels range-separator="至" start-placeholder="录入时间(开始)" end-placeholder="录入时间(结束)"
|
|
|
|
+ :picker-options="pickerOptions" value-format="yyyy-MM-dd">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ <el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchRetList"
|
|
|
|
+ round>搜索
|
|
|
|
+ </el-button>
|
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="success" @click="resetRetSearch()">重置
|
|
|
|
+ </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ <parentTable :data="pageRetData.records" slot="table" style="width: 100%;">
|
|
|
|
+ <el-table-column label="付款方" align="center" width='200'>
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.payer }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="付款银行" align="center" width='130'>
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.payerBank }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="付款金额(元)" align="center">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.amount }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="到账时日" align="center">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.payDatetime }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="已认领(元)" align="center">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span style="color:green">{{ row.claimAmount }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="未认领(元)" align="center">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span style="color:red">{{ row.notClaimAmount }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="录入人" align="center">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.creator }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="录入时间" align="center" width='160'>
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.created }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <!-- <el-table-column label="全部认领" align="center">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <i v-if="row.notClaimAmount <= 0" style="font-size:20px; color:green" class="el-icon-success"></i>
|
|
|
|
+ <i v-else style="font-size:20px; color:RGB(255,106,106)" class="el-icon-warning"></i>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column> -->
|
|
|
|
+ <el-table-column label="备注" align="center" width='170'>
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.remark }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="认领" align="center" width="200">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <el-button type="success" round @click="openOrders(row.payer,row.amount,row.id)">选择订单</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </parentTable>
|
|
|
|
+ </y-page-list-layout>
|
|
|
|
+ </el-tab-pane>
|
|
<el-tab-pane label="项目回款" name="first">
|
|
<el-tab-pane label="项目回款" name="first">
|
|
<y-page-list-layout :page-list="pageData" :page-para="listQuery" :get-page-list="getList">
|
|
<y-page-list-layout :page-list="pageData" :page-para="listQuery" :get-page-list="getList">
|
|
<template slot="left">
|
|
<template slot="left">
|
|
@@ -71,14 +151,12 @@
|
|
<template slot-scope="{row}">
|
|
<template slot-scope="{row}">
|
|
<PermissionButton menu-code="_views_market_payment_detailList" class-name="filter-item" type="primary"
|
|
<PermissionButton menu-code="_views_market_payment_detailList" class-name="filter-item" type="primary"
|
|
:page-jump="true" :page-query="{ id: row.id }" round size="mini" />
|
|
:page-jump="true" :page-query="{ id: row.id }" round size="mini" />
|
|
- <PermissionButton menu-code="_views_market_payment_add" class-name="filter-item" type="success" round
|
|
|
|
- size="mini" @click="handleAdd(row.id, row.name)" />
|
|
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</parentTable>
|
|
</parentTable>
|
|
</y-page-list-layout>
|
|
</y-page-list-layout>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
- <el-tab-pane label="回款记录" name="sec">
|
|
|
|
|
|
+ <el-tab-pane label="认领记录" name="sec">
|
|
<y-page-list-layout :page-list="pageXData" :page-para="listQuery" :get-page-list="getXList">
|
|
<y-page-list-layout :page-list="pageXData" :page-para="listQuery" :get-page-list="getXList">
|
|
<template slot="left">
|
|
<template slot="left">
|
|
<el-input v-model="listQuery.itemName" placeholder="项目名称" clearable
|
|
<el-input v-model="listQuery.itemName" placeholder="项目名称" clearable
|
|
@@ -111,12 +189,12 @@
|
|
<span>{{ row.name }}</span>
|
|
<span>{{ row.name }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="回款金额" align="center" width="310">
|
|
|
|
|
|
+ <el-table-column label="认领金额" align="center" width="310">
|
|
<template slot-scope="{row}">
|
|
<template slot-scope="{row}">
|
|
<span>{{ row.amount }}</span>
|
|
<span>{{ row.amount }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="回款日期" align="center" width="310">
|
|
|
|
|
|
+ <el-table-column label="认领日期" align="center" width="310">
|
|
<template slot-scope="{row}">
|
|
<template slot-scope="{row}">
|
|
<span>{{ row.paymentDate }}</span>
|
|
<span>{{ row.paymentDate }}</span>
|
|
</template>
|
|
</template>
|
|
@@ -126,7 +204,7 @@
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
|
|
|
- <el-dialog width="600px" title="新增回款" :visible.sync="dialogFormVisible" :close-on-click-modal="false"
|
|
|
|
|
|
+ <el-dialog width="600px" title="新增回款" :visible.sync="dialogFormVisible"
|
|
custom-class="paymentDialog">
|
|
custom-class="paymentDialog">
|
|
<el-form ref="dataForm" v-loading="dialogLoading" :model="temp" label-position="right" label-width="110px"
|
|
<el-form ref="dataForm" v-loading="dialogLoading" :model="temp" label-position="right" label-width="110px"
|
|
style="width: 400px; margin-left:50px;">
|
|
style="width: 400px; margin-left:50px;">
|
|
@@ -165,6 +243,70 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
+
|
|
|
|
+ <el-dialog width="95%" :visible.sync="dialogOrders" center >
|
|
|
|
+ <y-page-list-layout :page-list="pageData" :page-para="listQuery" :get-page-list="getList">
|
|
|
|
+ <template slot="left">
|
|
|
|
+ <el-input v-model="listQuery.itemName" placeholder="项目名称" clearable
|
|
|
|
+ style="margin-left: 20px;width: 320px;float: left;">
|
|
|
|
+ </el-input>
|
|
|
|
+ <el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchList"
|
|
|
|
+ round>搜索
|
|
|
|
+ </el-button>
|
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="warning" @click="resetSearch()">重置
|
|
|
|
+ </el-button>
|
|
|
|
+ <el-button plain type="danger">付款方:{{ payer }} 付款金额:{{ paymentAmount }}元</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ <parentTable v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
|
|
|
|
+ <el-table-column label="事业部流水号" align="center" width="160">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.businessNo }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="项目编号" align="center" width="160">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.oaNo }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="项目名称" align="center">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.name }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="客户经理" align="center" width="100">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.clientManager }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="委托单位" align="center" width="160">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.clientUnit }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="合同签订时间" align="center" width="110">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.signDate }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="合同金额(元)" align="center" width="100">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.amount }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="已收款金额(元)" align="center" width="100">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span style="color: green">{{ row.payedAmount }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="操作" align="center" width="120">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <PermissionButton menu-code="_views_market_payment_add" class-name="filter-item" type="success" round
|
|
|
|
+ size="mini" @click="handleAdd(row.id, row.name,row.orderFundId)" />
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </parentTable>
|
|
|
|
+ </y-page-list-layout>
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
@@ -214,9 +356,11 @@ export default {
|
|
name: '',
|
|
name: '',
|
|
amount: '',
|
|
amount: '',
|
|
itemName: '',
|
|
itemName: '',
|
|
- itemId: ''
|
|
|
|
|
|
+ itemId: '',
|
|
|
|
+ realAmountId:null,
|
|
|
|
+ orderFundId:null
|
|
},
|
|
},
|
|
- activeName: 'first',
|
|
|
|
|
|
+ activeName: 'retPayment',
|
|
pageXData: { records: [] },
|
|
pageXData: { records: [] },
|
|
pickerOptions: {
|
|
pickerOptions: {
|
|
shortcuts: [{
|
|
shortcuts: [{
|
|
@@ -245,7 +389,22 @@ export default {
|
|
}
|
|
}
|
|
}]
|
|
}]
|
|
},
|
|
},
|
|
- selectDate: ''
|
|
|
|
|
|
+ selectDate: '',
|
|
|
|
+ listQuery1:{
|
|
|
|
+ page: 1,
|
|
|
|
+ size: 10,
|
|
|
|
+ descs: 'id',
|
|
|
|
+ keyword: null,
|
|
|
|
+ startDate: null,
|
|
|
|
+ endDate: null,
|
|
|
|
+ notFinished:true
|
|
|
|
+ },
|
|
|
|
+ pageRetData:{ records: [] },
|
|
|
|
+ orderDate: '',
|
|
|
|
+ payDate: '',
|
|
|
|
+ dialogOrders:false,
|
|
|
|
+ payer:null,
|
|
|
|
+ paymentAmount:null
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -253,12 +412,11 @@ export default {
|
|
if (that.$route.query.current && !isNaN(that.$route.query.current)) {
|
|
if (that.$route.query.current && !isNaN(that.$route.query.current)) {
|
|
that.listQuery.current = parseInt(that.$route.query.current);
|
|
that.listQuery.current = parseInt(that.$route.query.current);
|
|
}
|
|
}
|
|
- that.getList();
|
|
|
|
- that.getXList();
|
|
|
|
|
|
+ that.getRetList();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
save() {
|
|
save() {
|
|
- if (this.temp.itemId) {
|
|
|
|
|
|
+ if (this.temp.itemId && this.temp.realAmountId) {
|
|
this.$refs.dataForm.validate(valid => {
|
|
this.$refs.dataForm.validate(valid => {
|
|
if (valid) {
|
|
if (valid) {
|
|
this.$api.payment.add(Object.assign({}, this.temp, {
|
|
this.$api.payment.add(Object.assign({}, this.temp, {
|
|
@@ -284,10 +442,13 @@ export default {
|
|
})
|
|
})
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- handleAdd(itemId, itemName) {
|
|
|
|
|
|
+ handleAdd(itemId, itemName,orderFundId) {
|
|
const that = this;
|
|
const that = this;
|
|
that.temp.itemId = itemId;
|
|
that.temp.itemId = itemId;
|
|
that.temp.itemName = itemName;
|
|
that.temp.itemName = itemName;
|
|
|
|
+ that.temp.amount = this.paymentAmount;
|
|
|
|
+ that.temp.realAmountId = this.realAmountId;
|
|
|
|
+ that.temp.orderFundId = orderFundId;
|
|
that.dialogFormVisible = true;
|
|
that.dialogFormVisible = true;
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
this.$refs['dataForm'].clearValidate()
|
|
this.$refs['dataForm'].clearValidate()
|
|
@@ -365,6 +526,58 @@ export default {
|
|
"/paymentCollection/export", this.listQuery,
|
|
"/paymentCollection/export", this.listQuery,
|
|
"导出"
|
|
"导出"
|
|
);
|
|
);
|
|
|
|
+ },
|
|
|
|
+ getRetList() {
|
|
|
|
+ this.listQuery1.notFinished = true;
|
|
|
|
+ this.$api.financeRealFund.claimList(Object.assign({}, this.listQuery1)).then(res => {
|
|
|
|
+ if (res.code === 200) {
|
|
|
|
+ this.pageRetData = res.data;
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ searchRetList() {
|
|
|
|
+ // 重置分页
|
|
|
|
+ this.listQuery1.page = 1
|
|
|
|
+ this.listQuery1.size = 10
|
|
|
|
+ if (this.payDate) {
|
|
|
|
+ this.listQuery1.startDate = this.payDate[0];
|
|
|
|
+ this.listQuery1.endDate = this.payDate[1];
|
|
|
|
+ }
|
|
|
|
+ if (this.orderDate) {
|
|
|
|
+ this.listQuery1.xStartDate = this.orderDate[0] + ' 00:00:00';
|
|
|
|
+ this.listQuery1.xEndDate = this.orderDate[1] + ' 23:59:59';
|
|
|
|
+ }
|
|
|
|
+ this.getRetList()
|
|
|
|
+ },
|
|
|
|
+ resetRetSearch() {
|
|
|
|
+ this.$router.push({ query: {} });
|
|
|
|
+ this.orderDate = '';
|
|
|
|
+ this.payDate = '';
|
|
|
|
+ this.listQuery1 = {
|
|
|
|
+ current: 1,
|
|
|
|
+ size: 10,
|
|
|
|
+ descs: 'id',
|
|
|
|
+ }
|
|
|
|
+ this.getRetList()
|
|
|
|
+ },
|
|
|
|
+ openOrders(payer,paymentAmount,id){
|
|
|
|
+ this.dialogOrders = true;
|
|
|
|
+ this.payer = payer;
|
|
|
|
+ this.paymentAmount = paymentAmount;
|
|
|
|
+ this.realAmountId = id;
|
|
|
|
+ this.getList();
|
|
|
|
+ },
|
|
|
|
+ tabClick(tab){
|
|
|
|
+ if (tab.name == 'retPayment'){
|
|
|
|
+ this.getRetList();
|
|
|
|
+ }
|
|
|
|
+ if (tab.name == 'first'){
|
|
|
|
+ this.getList();
|
|
|
|
+ }
|
|
|
|
+ if (tab.name == 'sec'){
|
|
|
|
+ this.getXList();
|
|
|
|
+ }
|
|
|
|
+
|
|
}
|
|
}
|
|
},
|
|
},
|
|
}
|
|
}
|