Commit 887fa33a7902f8758fd345703acb9344aaf5d226
1 parent
d05a0ef2
v1.9 优化业主详情房屋费用不显示bug
Showing
6 changed files
with
42 additions
and
17 deletions
src/api/owner/ownerDetailHisFeeApi.js
| @@ -8,11 +8,7 @@ export function queryFeeDetail(params) { | @@ -8,11 +8,7 @@ export function queryFeeDetail(params) { | ||
| 8 | params | 8 | params |
| 9 | }).then(response => { | 9 | }).then(response => { |
| 10 | const res = response.data | 10 | const res = response.data |
| 11 | - if (res.code === 0) { | ||
| 12 | resolve(res) | 11 | resolve(res) |
| 13 | - } else { | ||
| 14 | - reject(new Error(res.msg || '获取费用明细失败')) | ||
| 15 | - } | ||
| 16 | }).catch(error => { | 12 | }).catch(error => { |
| 17 | reject(error) | 13 | reject(error) |
| 18 | }) | 14 | }) |
src/api/owner/ownerDetailRoomFeeApi.js
| 1 | +import request from '@/utils/request' | ||
| 2 | + | ||
| 3 | +export function listRoomsByOwner(params) { | ||
| 4 | + return new Promise((resolve, reject) => { | ||
| 5 | + request({ | ||
| 6 | + url: '/room.queryRoomsByOwner', | ||
| 7 | + method: 'get', | ||
| 8 | + params | ||
| 9 | + }).then(response => { | ||
| 10 | + const res = response.data | ||
| 11 | + resolve(res) | ||
| 12 | + }).catch(error => { | ||
| 13 | + reject(error) | ||
| 14 | + }) | ||
| 15 | + }) | ||
| 16 | +} | ||
| 0 | \ No newline at end of file | 17 | \ No newline at end of file |
src/components/owner/ownerDetailHis.vue
| @@ -106,9 +106,9 @@ export default { | @@ -106,9 +106,9 @@ export default { | ||
| 106 | queryHisOwner(params) | 106 | queryHisOwner(params) |
| 107 | .then(response => { | 107 | .then(response => { |
| 108 | const data = response.data | 108 | const data = response.data |
| 109 | - this.ownerDetailHisInfo.owners = data.data | ||
| 110 | - this.dealOwnerAttr(data.data) | ||
| 111 | - this.pagination.total = data.records | 109 | + this.ownerDetailHisInfo.owners = data |
| 110 | + this.dealOwnerAttr(data) | ||
| 111 | + this.pagination.total = response.records | ||
| 112 | this.pagination.currentPage = page | 112 | this.pagination.currentPage = page |
| 113 | }) | 113 | }) |
| 114 | .catch(error => { | 114 | .catch(error => { |
| @@ -149,7 +149,7 @@ export default { | @@ -149,7 +149,7 @@ export default { | ||
| 149 | this.ownerDetailHisInfo.listColumns = [] | 149 | this.ownerDetailHisInfo.listColumns = [] |
| 150 | getAttrSpecList({specCd:'building_owner_attr',page:1,row:10}).then(data => { | 150 | getAttrSpecList({specCd:'building_owner_attr',page:1,row:10}).then(data => { |
| 151 | this.ownerDetailHisInfo.listColumns = [] | 151 | this.ownerDetailHisInfo.listColumns = [] |
| 152 | - data.forEach(item => { | 152 | + data.data.forEach(item => { |
| 153 | if (item.listShow === 'Y') { | 153 | if (item.listShow === 'Y') { |
| 154 | this.ownerDetailHisInfo.listColumns.push(item.specName) | 154 | this.ownerDetailHisInfo.listColumns.push(item.specName) |
| 155 | } | 155 | } |
src/components/owner/ownerDetailHisFee.vue
| @@ -96,8 +96,8 @@ export default { | @@ -96,8 +96,8 @@ export default { | ||
| 96 | } | 96 | } |
| 97 | 97 | ||
| 98 | queryFeeDetail(param).then(response => { | 98 | queryFeeDetail(param).then(response => { |
| 99 | - this.ownerDetailHisFeeInfo.feeDetails = response.data.feeDetails | ||
| 100 | - this.total = response.data.total | 99 | + this.ownerDetailHisFeeInfo.feeDetails = response.feeDetails |
| 100 | + this.total = response.total | ||
| 101 | }).catch(error => { | 101 | }).catch(error => { |
| 102 | console.error('请求失败:', error) | 102 | console.error('请求失败:', error) |
| 103 | }) | 103 | }) |
src/components/owner/ownerDetailRoomFee.vue
| 1 | <template> | 1 | <template> |
| 2 | - <div class="margin-top"> | 2 | + <div class=""> |
| 3 | <div class="flex justify-end"> | 3 | <div class="flex justify-end"> |
| 4 | <div class="padding-right-xs padding-left-xl"> | 4 | <div class="padding-right-xs padding-left-xl"> |
| 5 | <span class="margin-right" v-for="(item, index) in ownerDetailRoomFeeInfo.payObjs" :key="index"> | 5 | <span class="margin-right" v-for="(item, index) in ownerDetailRoomFeeInfo.payObjs" :key="index"> |
| @@ -20,7 +20,7 @@ | @@ -20,7 +20,7 @@ | ||
| 20 | 20 | ||
| 21 | </div> | 21 | </div> |
| 22 | </div> | 22 | </div> |
| 23 | - <div class="margin-top"> | 23 | + <div class="margin-top-sm"> |
| 24 | <el-table :data="ownerDetailRoomFeeInfo.fees" style="width: 100%"> | 24 | <el-table :data="ownerDetailRoomFeeInfo.fees" style="width: 100%"> |
| 25 | <el-table-column prop="payerObjName" :label="$t('aOwnerDetailRoomFee.room')" align="center"></el-table-column> | 25 | <el-table-column prop="payerObjName" :label="$t('aOwnerDetailRoomFee.room')" align="center"></el-table-column> |
| 26 | <el-table-column prop="feeName" :label="$t('aOwnerDetailRoomFee.feeItem')" align="center"></el-table-column> | 26 | <el-table-column prop="feeName" :label="$t('aOwnerDetailRoomFee.feeItem')" align="center"></el-table-column> |
| @@ -67,7 +67,7 @@ | @@ -67,7 +67,7 @@ | ||
| 67 | </template> | 67 | </template> |
| 68 | </el-table-column> | 68 | </el-table-column> |
| 69 | <el-table-column prop="stateName" :label="$t('aOwnerDetailRoomFee.status')" align="center"></el-table-column> | 69 | <el-table-column prop="stateName" :label="$t('aOwnerDetailRoomFee.status')" align="center"></el-table-column> |
| 70 | - <el-table-column :label="$t('common.operation')" align="center" width="300"> | 70 | + <!-- <el-table-column :label="$t('common.operation')" align="center" width="300"> |
| 71 | <template slot-scope="scope"> | 71 | <template slot-scope="scope"> |
| 72 | <el-button-group> | 72 | <el-button-group> |
| 73 | <el-button type="text" size="mini" | 73 | <el-button type="text" size="mini" |
| @@ -94,7 +94,7 @@ | @@ -94,7 +94,7 @@ | ||
| 94 | </el-button> | 94 | </el-button> |
| 95 | </el-button-group> | 95 | </el-button-group> |
| 96 | </template> | 96 | </template> |
| 97 | - </el-table-column> | 97 | + </el-table-column> --> |
| 98 | </el-table> | 98 | </el-table> |
| 99 | <el-row> | 99 | <el-row> |
| 100 | <el-col :span="12"> | 100 | <el-col :span="12"> |
| @@ -117,8 +117,10 @@ | @@ -117,8 +117,10 @@ | ||
| 117 | </template> | 117 | </template> |
| 118 | 118 | ||
| 119 | <script> | 119 | <script> |
| 120 | -import { listFee, listRoomsByOwner } from '@/api/owner/ownerDetailRoomFeeApi' | 120 | +import { listRoomsByOwner } from '@/api/owner/ownerDetailRoomFeeApi' |
| 121 | +import {listFee} from '@/api/fee/feeApi' | ||
| 121 | import { getCommunityId } from '@/api/community/communityApi' | 122 | import { getCommunityId } from '@/api/community/communityApi' |
| 123 | +import {dateFormat} from '@/utils/dateUtil' | ||
| 122 | 124 | ||
| 123 | export default { | 125 | export default { |
| 124 | name: 'OwnerDetailRoomFee', | 126 | name: 'OwnerDetailRoomFee', |
| @@ -178,6 +180,8 @@ export default { | @@ -178,6 +180,8 @@ export default { | ||
| 178 | 180 | ||
| 179 | this.ownerDetailRoomFeeInfo.payerObjIds = [] | 181 | this.ownerDetailRoomFeeInfo.payerObjIds = [] |
| 180 | listRoomsByOwner(params).then(response => { | 182 | listRoomsByOwner(params).then(response => { |
| 183 | + console.log('params',response) | ||
| 184 | + | ||
| 181 | this.ownerDetailRoomFeeInfo.payObjs = response.rooms | 185 | this.ownerDetailRoomFeeInfo.payObjs = response.rooms |
| 182 | response.rooms.forEach(room => { | 186 | response.rooms.forEach(room => { |
| 183 | this.ownerDetailRoomFeeInfo.payerObjIds.push(room.roomId) | 187 | this.ownerDetailRoomFeeInfo.payerObjIds.push(room.roomId) |
| @@ -253,13 +257,13 @@ export default { | @@ -253,13 +257,13 @@ export default { | ||
| 253 | if (fee.state == '2009001') { | 257 | if (fee.state == '2009001') { |
| 254 | return "-" | 258 | return "-" |
| 255 | } | 259 | } |
| 256 | - return this.$options.filters.dateFormat(fee.deadlineTime) | 260 | + return dateFormat(fee.deadlineTime) |
| 257 | }, | 261 | }, |
| 258 | _getRoomEndTime(fee) { | 262 | _getRoomEndTime(fee) { |
| 259 | if (fee.state == '2009001') { | 263 | if (fee.state == '2009001') { |
| 260 | return "-" | 264 | return "-" |
| 261 | } | 265 | } |
| 262 | - return this.$options.filters.dateFormat(fee.endTime) | 266 | + return dateFormat(fee.endTime) |
| 263 | }, | 267 | }, |
| 264 | _chanagePayerObjId() { | 268 | _chanagePayerObjId() { |
| 265 | this._loadOwnerDetailRoomFeeData(1, this.pagination.pageSize) | 269 | this._loadOwnerDetailRoomFeeData(1, this.pagination.pageSize) |
src/views/owner/ownerDetail.vue
| @@ -270,6 +270,15 @@ export default { | @@ -270,6 +270,15 @@ export default { | ||
| 270 | this.ownerDetailInfo._currentTab = tab || tab | 270 | this.ownerDetailInfo._currentTab = tab || tab |
| 271 | setTimeout(() => { | 271 | setTimeout(() => { |
| 272 | if (this.$refs.currentTabComponent) { | 272 | if (this.$refs.currentTabComponent) { |
| 273 | + if (this.ownerDetailInfo._currentTab == 'ownerDetailRoomFee') { | ||
| 274 | + this.$refs.currentTabComponent.open({ | ||
| 275 | + ownerId:this.ownerDetailInfo.ownerId, | ||
| 276 | + name:this.ownerDetailInfo.name, | ||
| 277 | + link:this.ownerDetailInfo.link | ||
| 278 | + } | ||
| 279 | + ) | ||
| 280 | + return; | ||
| 281 | + } | ||
| 273 | this.$refs.currentTabComponent.open( | 282 | this.$refs.currentTabComponent.open( |
| 274 | this.ownerDetailInfo.ownerId, | 283 | this.ownerDetailInfo.ownerId, |
| 275 | this.ownerDetailInfo.name, | 284 | this.ownerDetailInfo.name, |