|
|
@ -1,7 +1,34 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="cardTitle">账单明细</div>
|
|
|
|
<div class="cardTitle">账单明细</div>
|
|
|
|
<searchForm :formItem="formItem" @getSearch="search($event)"></searchForm>
|
|
|
|
<div class="search-form">
|
|
|
|
|
|
|
|
<a-form-model style="margin-left: 32px" layout='inline'>
|
|
|
|
|
|
|
|
<a-form-model-item label="流水号">
|
|
|
|
|
|
|
|
<a-select style="width: 150px" v-model="form.type" placeholder="请选择">
|
|
|
|
|
|
|
|
<a-select-option :value="1">
|
|
|
|
|
|
|
|
手动生成
|
|
|
|
|
|
|
|
</a-select-option>
|
|
|
|
|
|
|
|
<a-select-option :value="2">
|
|
|
|
|
|
|
|
自动生成
|
|
|
|
|
|
|
|
</a-select-option>
|
|
|
|
|
|
|
|
</a-select>
|
|
|
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
<a-form-model-item style="margin-left: 32px" label="关联房屋" >
|
|
|
|
|
|
|
|
<a-cascader v-model="casVal" @change="chooseHouse" :field-names="{label: 'name', value: 'id', children: 'childList' }" :options="houseInfo" style="width: 200px" placeholder="请选择">
|
|
|
|
|
|
|
|
</a-cascader>
|
|
|
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
<a-form-model-item style="margin-left: 32px" label="收费标准">
|
|
|
|
|
|
|
|
<a-select v-model="chargesVal" style="width: 150px" @change="chargeChoose">
|
|
|
|
|
|
|
|
<a-select-option v-for="(item) in chargeInfo" :key="item.id" :value="item.id">
|
|
|
|
|
|
|
|
{{item.name}}
|
|
|
|
|
|
|
|
</a-select-option>
|
|
|
|
|
|
|
|
</a-select>
|
|
|
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
</a-form-model>
|
|
|
|
|
|
|
|
<div class="btn-box"><a-button type="primary" @click="search"> 查询 </a-button>
|
|
|
|
|
|
|
|
<a-button style="margin-left: 10px" @click="resetForm"> 重置 </a-button></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <searchForm :formItem="formItem" @getSearch="search($event)"></searchForm> -->
|
|
|
|
<a-table :columns="columns" :data-source="tableData" :pagination="pagination" :scroll="{x: 1900}" @change="handlerPage">
|
|
|
|
<a-table :columns="columns" :data-source="tableData" :pagination="pagination" :scroll="{x: 1900}" @change="handlerPage">
|
|
|
|
<template slot="unitName" slot-scope="text, record">
|
|
|
|
<template slot="unitName" slot-scope="text, record">
|
|
|
|
{{record.buildingName}}/{{record.unitName}}/{{record.estateName}}
|
|
|
|
{{record.buildingName}}/{{record.unitName}}/{{record.estateName}}
|
|
|
@ -85,7 +112,8 @@
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { formItem, columns, pagination } from "./depend/config"
|
|
|
|
import { formItem, columns, pagination } from "./depend/config"
|
|
|
|
import { getBillList, abolition, recover, findBillOrderList, offlinePayments } from "@/api/payment/billManagement"
|
|
|
|
import { getBillList, abolition, recover, findBillOrderList, offlinePayments } from "@/api/payment/billManagement"
|
|
|
|
|
|
|
|
import {findEstateCascade} from "@/api/basic/estate"
|
|
|
|
|
|
|
|
import {chargesList} from "@/api/payment/chargeStandardManage"
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
name: 'payInfo',
|
|
|
|
name: 'payInfo',
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
@ -93,8 +121,11 @@ export default {
|
|
|
|
form: {
|
|
|
|
form: {
|
|
|
|
type: undefined,
|
|
|
|
type: undefined,
|
|
|
|
estateId: undefined,
|
|
|
|
estateId: undefined,
|
|
|
|
chargesIds: undefined
|
|
|
|
chargesIds: []
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
casVal: [],
|
|
|
|
|
|
|
|
chargesVal: undefined,
|
|
|
|
|
|
|
|
/////
|
|
|
|
tableData:[],
|
|
|
|
tableData:[],
|
|
|
|
formItem,
|
|
|
|
formItem,
|
|
|
|
columns,
|
|
|
|
columns,
|
|
|
@ -145,12 +176,27 @@ export default {
|
|
|
|
offDetail: {},
|
|
|
|
offDetail: {},
|
|
|
|
//支付
|
|
|
|
//支付
|
|
|
|
paymentShow: false,
|
|
|
|
paymentShow: false,
|
|
|
|
|
|
|
|
//房屋信息
|
|
|
|
|
|
|
|
houseInfo: [],
|
|
|
|
|
|
|
|
//收费标准信息
|
|
|
|
|
|
|
|
chargeInfo: []
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
this.getApi()
|
|
|
|
this.getData()
|
|
|
|
this.getData()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
getApi() {
|
|
|
|
|
|
|
|
findEstateCascade().then(res => {
|
|
|
|
|
|
|
|
let data = res.data;
|
|
|
|
|
|
|
|
this.houseInfo = data;
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
chargesList({pageNum:1,size:1000}).then(res => {
|
|
|
|
|
|
|
|
let data = res.data;
|
|
|
|
|
|
|
|
this.chargeInfo = data.rows
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
},
|
|
|
|
getData() {
|
|
|
|
getData() {
|
|
|
|
let obj = Object.assign({pageNum: this.pagination.current, size: this.pagination.pageSize},this.form)
|
|
|
|
let obj = Object.assign({pageNum: this.pagination.current, size: this.pagination.pageSize},this.form)
|
|
|
|
getBillList(obj).then(res => {
|
|
|
|
getBillList(obj).then(res => {
|
|
|
@ -159,10 +205,27 @@ export default {
|
|
|
|
this.pagination.total = data.total
|
|
|
|
this.pagination.total = data.total
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
search(data) {
|
|
|
|
search() {
|
|
|
|
this.form = data;
|
|
|
|
|
|
|
|
this.getData()
|
|
|
|
this.getData()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
resetForm() {
|
|
|
|
|
|
|
|
this.form = {
|
|
|
|
|
|
|
|
type: undefined,
|
|
|
|
|
|
|
|
estateId: undefined,
|
|
|
|
|
|
|
|
chargesIds: undefined
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
this.casVal = [];
|
|
|
|
|
|
|
|
this.chargesVal = undefined;
|
|
|
|
|
|
|
|
this.getData();
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
chooseHouse(val) {
|
|
|
|
|
|
|
|
let v = val;
|
|
|
|
|
|
|
|
let index = val.length
|
|
|
|
|
|
|
|
this.form.estateId = v[index-1]
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
chargeChoose(val) {
|
|
|
|
|
|
|
|
this.form.chargesIds = [val]
|
|
|
|
|
|
|
|
},
|
|
|
|
handlerPage(val) {
|
|
|
|
handlerPage(val) {
|
|
|
|
this.pagination.current = val.current;
|
|
|
|
this.pagination.current = val.current;
|
|
|
|
this.pagination.pageSize = val.pageSize;
|
|
|
|
this.pagination.pageSize = val.pageSize;
|
|
|
@ -248,6 +311,15 @@ export default {
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="less">
|
|
|
|
<style lang="less">
|
|
|
|
|
|
|
|
.search-form {
|
|
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
background: #f9f9f9;
|
|
|
|
|
|
|
|
padding-top: 25px;
|
|
|
|
|
|
|
|
padding-bottom: 1px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-box{
|
|
|
|
|
|
|
|
margin:10px 0 15px 100px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.billTitle {
|
|
|
|
.billTitle {
|
|
|
|
font-family: 'PingFang SC';
|
|
|
|
font-family: 'PingFang SC';
|
|
|
|
font-style: normal;
|
|
|
|
font-style: normal;
|
|
|
|