|
|
|
@ -8,17 +8,11 @@ |
|
|
|
:key="item.cid" |
|
|
|
:label="item.descr" |
|
|
|
:value="item.cid" |
|
|
|
clear="false" |
|
|
|
/> |
|
|
|
clear="false" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="缴费类型："> |
|
|
|
<el-select |
|
|
|
ref="headerSearchSelect" |
|
|
|
v-model="queryParams.chargetype" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
> |
|
|
|
<el-select v-model="queryParams.chargetype" clearable size="small"> |
|
|
|
<el-option v-for="item in feesType" :key="item.value" :value="item.value" :label="item.label" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
@ -29,48 +23,27 @@ |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
size="small"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="陈欠周期"> |
|
|
|
<el-input |
|
|
|
placeholder="请输入" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
v-model="queryParams.owe"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="预缴周期"> |
|
|
|
<el-input |
|
|
|
placeholder="请输入" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
v-model="queryParams.prepay"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|
|
|
<!-- <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button> --> |
|
|
|
</el-form-item> |
|
|
|
<div> |
|
|
|
<el-form-item label="陈欠收费金额:"> |
|
|
|
{{ chenQianCharge }} 元 |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="当期收费金额:"> |
|
|
|
{{ currentCharge }} 元 |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="预缴收费金额:"> |
|
|
|
{{ prepayCharge }} 元 |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="实缴金额:"> |
|
|
|
{{ paidInCharge }} 元 |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="陈欠收费金额:"> {{ chenQianCharge }} 元 </el-form-item> |
|
|
|
<el-form-item label="当期收费金额:"> {{ currentCharge }} 元 </el-form-item> |
|
|
|
<el-form-item label="预缴收费金额:"> {{ prepayCharge }} 元 </el-form-item> |
|
|
|
<el-form-item label="实缴金额:"> {{ paidInCharge }} 元 </el-form-item> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
<el-table v-loading="loading" :data="dataList" border> |
|
|
|
<el-table-column v-for="(item, index) in headers" :key="index" align="center" :label="getColumnName(item)" width="120px" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column |
|
|
|
v-for="(item, index) in headers" |
|
|
|
:key="index" |
|
|
|
align="center" |
|
|
|
:label="getColumnName(item)" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if=" item === 'cid'">{{ getValue(scope.row[item]) }}</span> |
|
|
|
<span v-else-if=" item === 'chargetype'">{{ scope.row[item] === 2 ? '电梯卡费' : scope.row[item] === 3 ? '车位费' : '物业费' }}</span> |
|
|
|
<span v-else-if=" item === 'status'">{{ scope.row[item] === 0 ? '已缴费' : '未缴费' }}</span> |
|
|
|
<span v-else-if=" item === 'lastmodifytime'">{{ parseTime(scope.row.createtime) }}</span> |
|
|
|
<span v-else-if=" item === 'createtime'">{{ parseTime(scope.row.createtime) }}</span> |
|
|
|
<span v-else-if=" item === 'chargetype'">{{ feesTypeEcho(scope.row[item]) }}</span> |
|
|
|
<span v-else>{{ scope.row[item] }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -90,34 +63,36 @@ |
|
|
|
import { chargeTotalPage } from '@/api/reportform' |
|
|
|
import moment from 'moment' |
|
|
|
export default { |
|
|
|
name: 'ExpireReport', |
|
|
|
name: 'monthCharge', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
cidList:JSON.parse(localStorage.cid) || [], // 园区列表 |
|
|
|
role:localStorage.role, |
|
|
|
// 数据列表 |
|
|
|
dataList: [], |
|
|
|
// 遍历表头 |
|
|
|
headers: [], |
|
|
|
// 遮罩层 |
|
|
|
loading: true, |
|
|
|
// 总条数 |
|
|
|
total: 0, |
|
|
|
cidList: JSON.parse(localStorage.cid) || [], // 园区列表 |
|
|
|
role: localStorage.role, // 角色 |
|
|
|
dataList: [], // 数据列表 |
|
|
|
headers1: [ // 物业费展示的字段 |
|
|
|
'cid','chargetype','chargetime','propertyid','begdate','enddate','lengthdate','constructionarea','unitprice', |
|
|
|
'realMoney','oweMoney','NowMoney','prepayMoney'], |
|
|
|
headers2: [ // 电梯卡费展示的字段 |
|
|
|
'cid','chargetype','chargetime','propertyid','accesscardid','begdate','enddate','lengthdate', |
|
|
|
'unitprice','realMoney','oweMoney','NowMoney','prepayMoney'], |
|
|
|
headers3: [ // 车位费展示的字段 |
|
|
|
'cid','chargetype','chargetime','propertyid','carportid','begdate','enddate','lengthdate','unitprice', |
|
|
|
'allUnitprice','rentoutPrice','allRentoutPrice','realMoney','oweMoney','NowMoney','prepayMoney'], |
|
|
|
headers: [], |
|
|
|
loading: false, // 遮罩层 |
|
|
|
total: 0, // 总条数 |
|
|
|
chenQianCharge: 0, // 陈欠收费金额 |
|
|
|
currentCharge: 0, // 当期收费金额 |
|
|
|
prepayCharge: 0, // 预缴收费金额 |
|
|
|
paidInCharge: 0, // 实缴金额 |
|
|
|
// 查询参数 |
|
|
|
queryParams: { |
|
|
|
queryParams: { // 查询参数 |
|
|
|
cid: undefined, |
|
|
|
chargetype: 1, |
|
|
|
startDate: moment().format('yyyy-MM'), |
|
|
|
owe: 3, |
|
|
|
prepay: 12, |
|
|
|
pageIndex: 1, |
|
|
|
pageSize: 10, |
|
|
|
}, |
|
|
|
feesType: [ |
|
|
|
feesType: [ // 缴费类型 |
|
|
|
{ value: 1, label: '物业费' }, |
|
|
|
{ value: 2, label: '电梯卡费' }, |
|
|
|
{ value: 3, label: '车位费' } |
|
|
|
@ -128,27 +103,39 @@ export default { |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
/** 查询角色列表 */ |
|
|
|
// 查询角色列表 |
|
|
|
getList() { |
|
|
|
this.headers = [] |
|
|
|
if (this.queryParams.chargetype == 1) { // 物业费 |
|
|
|
this.headers = this.headers1 |
|
|
|
} else if (this.queryParams.chargetype == 2) { // 电梯卡费 |
|
|
|
this.headers = this.headers2 |
|
|
|
} else { // 车位费 |
|
|
|
this.headers = this.headers3 |
|
|
|
} |
|
|
|
this.loading = true |
|
|
|
chargeTotalPage(this.queryParams).then( |
|
|
|
response => { |
|
|
|
this.dataList = response.data.data |
|
|
|
this.total = response.data.count |
|
|
|
this.chenQianCharge = response.data.total.oweMoneyTotal |
|
|
|
this.currentCharge = response.data.total.NowMoneyTotal |
|
|
|
this.prepayCharge = response.data.total.prepayMoneyTotal |
|
|
|
this.paidInCharge = response.data.total.realMoneyTotal |
|
|
|
if (this.dataList.length > 0) this.headers = Object.keys(this.dataList[0]) |
|
|
|
this.loading = false |
|
|
|
} |
|
|
|
) |
|
|
|
chargeTotalPage(this.queryParams).then(({code, data}) => { |
|
|
|
if (code === 200) { |
|
|
|
this.dataList = data.data || [] |
|
|
|
this.total = data.count |
|
|
|
this.chenQianCharge = data.total.oweMoneyTotal |
|
|
|
this.currentCharge = data.total.NowMoneyTotal |
|
|
|
this.prepayCharge = data.total.prepayMoneyTotal |
|
|
|
this.paidInCharge = data.total.realMoneyTotal |
|
|
|
} |
|
|
|
this.loading = false |
|
|
|
}) |
|
|
|
}, |
|
|
|
/** 搜索按钮操作 */ |
|
|
|
// 搜索按钮操作 |
|
|
|
handleQuery() { |
|
|
|
this.queryParams.pageIndex = 1 |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
// 缴费类型字段映射 |
|
|
|
feesTypeEcho(data) { |
|
|
|
const item = this.feesType.find(e=> e.value == data) |
|
|
|
return item ? item.label : data |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
