|
@@ -3,7 +3,7 @@
|
|
<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;">
|
|
<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">
|
|
@@ -17,8 +17,8 @@
|
|
</el-button>
|
|
</el-button>
|
|
</template>
|
|
</template>
|
|
<template slot="right">
|
|
<template slot="right">
|
|
- <PermissionButton menu-code="_views_payment_collection_export" class-name="filter-item" round type="primary" name="导出"
|
|
|
|
- @click="paymentExport">
|
|
|
|
|
|
+ <PermissionButton menu-code="_views_payment_collection_export" class-name="filter-item" round type="primary"
|
|
|
|
+ name="导出" @click="paymentExport">
|
|
</PermissionButton>
|
|
</PermissionButton>
|
|
</template>
|
|
</template>
|
|
<parentTable v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
|
|
<parentTable v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
|
|
@@ -87,11 +87,18 @@
|
|
<el-input v-model="listQuery.name" placeholder="回款名称" clearable
|
|
<el-input v-model="listQuery.name" placeholder="回款名称" clearable
|
|
style="margin-left: 20px;width: 320px;float: left;">
|
|
style="margin-left: 20px;width: 320px;float: left;">
|
|
</el-input>
|
|
</el-input>
|
|
|
|
+ <el-date-picker style="margin-left: 20px;float: left;" v-model="selectDate" type="daterange"
|
|
|
|
+ :picker-options="pickerOptions" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" range-separator="至"
|
|
|
|
+ start-placeholder="开始日期" end-placeholder="结束日期" align="right">
|
|
|
|
+ </el-date-picker>
|
|
<el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchXList"
|
|
<el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchXList"
|
|
round>搜索
|
|
round>搜索
|
|
</el-button>
|
|
</el-button>
|
|
<el-button class="filter-item" style="float: left;" round type="warning" @click="resetSearch()">重置
|
|
<el-button class="filter-item" style="float: left;" round type="warning" @click="resetSearch()">重置
|
|
</el-button>
|
|
</el-button>
|
|
|
|
+ <el-button class="filter-item" round type="success" @click="exportPaymentCollect()"
|
|
|
|
+ :disabled="!listQuery.startDate && !listQuery.endDate">导出
|
|
|
|
+ </el-button>
|
|
</template>
|
|
</template>
|
|
<parentTable v-loading="listLoading" :data="pageXData.records" slot="table" style="width: 100%;">
|
|
<parentTable v-loading="listLoading" :data="pageXData.records" slot="table" style="width: 100%;">
|
|
<el-table-column label="项目名称" align="center" width="center">
|
|
<el-table-column label="项目名称" align="center" width="center">
|
|
@@ -129,12 +136,12 @@
|
|
|
|
|
|
<el-form-item label="回款名称:" prop="name" :rules="{ required: true, message: '请填写回款名称', trigger: 'blur' }">
|
|
<el-form-item label="回款名称:" prop="name" :rules="{ required: true, message: '请填写回款名称', trigger: 'blur' }">
|
|
<el-select v-model="temp.name" style="width: 100%;">
|
|
<el-select v-model="temp.name" style="width: 100%;">
|
|
- <el-option label="一次性付款" value="一次性付款"></el-option>
|
|
|
|
- <el-option label="预付款" value="预付款"></el-option>
|
|
|
|
- <el-option label="尾款" value="尾款"></el-option>
|
|
|
|
- <el-option label="第一次回款" value="第一次回款"></el-option>
|
|
|
|
- <el-option label="第二次回款" value="第二次回款"></el-option>
|
|
|
|
- <el-option label="第三次回款" value="第三次回款"></el-option>
|
|
|
|
|
|
+ <el-option label="一次性付款" value="一次性付款"></el-option>
|
|
|
|
+ <el-option label="预付款" value="预付款"></el-option>
|
|
|
|
+ <el-option label="尾款" value="尾款"></el-option>
|
|
|
|
+ <el-option label="第一次回款" value="第一次回款"></el-option>
|
|
|
|
+ <el-option label="第二次回款" value="第二次回款"></el-option>
|
|
|
|
+ <el-option label="第三次回款" value="第三次回款"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
@@ -195,7 +202,11 @@ export default {
|
|
page: 1,
|
|
page: 1,
|
|
size: 10,
|
|
size: 10,
|
|
descs: 'id',
|
|
descs: 'id',
|
|
- itemName: null
|
|
|
|
|
|
+ itemName: null,
|
|
|
|
+ // 开始时间
|
|
|
|
+ startDate: null,
|
|
|
|
+ // 结束时间
|
|
|
|
+ endDate: null
|
|
},
|
|
},
|
|
listQueryKey: 'keyword',
|
|
listQueryKey: 'keyword',
|
|
importLoading: false,
|
|
importLoading: false,
|
|
@@ -206,7 +217,35 @@ export default {
|
|
itemId: ''
|
|
itemId: ''
|
|
},
|
|
},
|
|
activeName: 'first',
|
|
activeName: 'first',
|
|
- pageXData:{records:[]}
|
|
|
|
|
|
+ pageXData: { records: [] },
|
|
|
|
+ pickerOptions: {
|
|
|
|
+ shortcuts: [{
|
|
|
|
+ text: '最近一周',
|
|
|
|
+ onClick(picker) {
|
|
|
|
+ const end = new Date();
|
|
|
|
+ const start = new Date();
|
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
|
+ }
|
|
|
|
+ }, {
|
|
|
|
+ text: '最近一个月',
|
|
|
|
+ onClick(picker) {
|
|
|
|
+ const end = new Date();
|
|
|
|
+ const start = new Date();
|
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
|
+ }
|
|
|
|
+ }, {
|
|
|
|
+ text: '最近三个月',
|
|
|
|
+ onClick(picker) {
|
|
|
|
+ const end = new Date();
|
|
|
|
+ const start = new Date();
|
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
|
+ }
|
|
|
|
+ }]
|
|
|
|
+ },
|
|
|
|
+ selectDate: ''
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -255,6 +294,7 @@ export default {
|
|
})
|
|
})
|
|
},
|
|
},
|
|
resetSearch() {
|
|
resetSearch() {
|
|
|
|
+ this.selectDate = '';
|
|
this.$router.push({ query: {} });
|
|
this.$router.push({ query: {} });
|
|
this.listQuery = {
|
|
this.listQuery = {
|
|
current: 1,
|
|
current: 1,
|
|
@@ -292,29 +332,40 @@ export default {
|
|
})
|
|
})
|
|
},
|
|
},
|
|
getXList() {
|
|
getXList() {
|
|
- const that = this;
|
|
|
|
- this.listLoading = true;
|
|
|
|
- // console.log(that.listQuery)
|
|
|
|
- const key = {}
|
|
|
|
- key[this.listQueryKey] = this.listQuery.description;
|
|
|
|
- this.$api.payment
|
|
|
|
- .list(Object.assign({}, that.listQuery, key))
|
|
|
|
- .then((res) => {
|
|
|
|
- that.pageXData = res.data
|
|
|
|
- setTimeout(() => {
|
|
|
|
- that.listLoading = false
|
|
|
|
- }, 200)
|
|
|
|
- })
|
|
|
|
- .catch(() => {
|
|
|
|
|
|
+ if (this.selectDate) {
|
|
|
|
+ this.listQuery.startDate = this.selectDate[0] + ' 00:00:00';
|
|
|
|
+ this.listQuery.endDate = this.selectDate[1] + ' 23:59:59';
|
|
|
|
+ }
|
|
|
|
+ const that = this;
|
|
|
|
+ this.listLoading = true;
|
|
|
|
+ // console.log(that.listQuery)
|
|
|
|
+ const key = {}
|
|
|
|
+ key[this.listQueryKey] = this.listQuery.description;
|
|
|
|
+ this.$api.payment
|
|
|
|
+ .list(Object.assign({}, that.listQuery, key))
|
|
|
|
+ .then((res) => {
|
|
|
|
+ that.pageXData = res.data
|
|
|
|
+ setTimeout(() => {
|
|
that.listLoading = false
|
|
that.listLoading = false
|
|
- })
|
|
|
|
- },
|
|
|
|
- paymentExport(){
|
|
|
|
- this.$utils.exportUtil(
|
|
|
|
|
|
+ }, 200)
|
|
|
|
+ })
|
|
|
|
+ .catch(() => {
|
|
|
|
+ that.listLoading = false
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ paymentExport() {
|
|
|
|
+ this.$utils.exportUtil(
|
|
"/paymentCollection/item/export", this.listQuery,
|
|
"/paymentCollection/item/export", this.listQuery,
|
|
"导出"
|
|
"导出"
|
|
);
|
|
);
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ // 回款记录导出
|
|
|
|
+ exportPaymentCollect() {
|
|
|
|
+ this.$utils.exportUtil(
|
|
|
|
+ "/paymentCollection/export", this.listQuery,
|
|
|
|
+ "导出"
|
|
|
|
+ );
|
|
|
|
+ }
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|