Commit f37bc86c37af02c9e144c59903f3b8eaeca39903
1 parent
e5f65d68
优化代码
Showing
1 changed file
with
13 additions
and
13 deletions
src/views/fee/roomCreateFeeList.vue
| ... | ... | @@ -54,53 +54,53 @@ |
| 54 | 54 | </div> |
| 55 | 55 | |
| 56 | 56 | <el-tabs v-model="roomCreateFeeInfo._currentTab" @tab-click="changeTab(roomCreateFeeInfo._currentTab)"> |
| 57 | - <el-tab-pane label="房屋费用" name="simplifyRoomFee"> | |
| 57 | + <el-tab-pane label="房屋费用" name="simplifyRoomFee" > | |
| 58 | 58 | <simplify-room-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyRoomFee'" |
| 59 | - ref="simplifyRoomFee"></simplify-room-fee> | |
| 59 | + ref="simplifyRoomFee" :key="'simplifyRoomFee'+roomCreateFeeInfo.roomId"></simplify-room-fee> | |
| 60 | 60 | </el-tab-pane> |
| 61 | 61 | <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="缴费历史" name="simplifyHisFee"> |
| 62 | 62 | <simplify-his-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyHisFee'" |
| 63 | - ref="simplifyHisFee"></simplify-his-fee> | |
| 63 | + ref="simplifyHisFee" :key="'simplifyHisFee'+roomCreateFeeInfo.roomId"></simplify-his-fee> | |
| 64 | 64 | </el-tab-pane> |
| 65 | 65 | <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="房屋" name="simplifyOwnerRooms"> |
| 66 | 66 | <simplify-owner-rooms v-if="roomCreateFeeInfo._currentTab === 'simplifyOwnerRooms'" |
| 67 | - ref="simplifyOwnerRooms"></simplify-owner-rooms> | |
| 67 | + ref="simplifyOwnerRooms" :key="'simplifyOwnerRooms'+roomCreateFeeInfo.roomId"></simplify-owner-rooms> | |
| 68 | 68 | </el-tab-pane> |
| 69 | 69 | <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="业主" name="carDetailOwner"> |
| 70 | 70 | <car-detail-owner v-if="roomCreateFeeInfo._currentTab === 'carDetailOwner'" |
| 71 | - ref="carDetailOwner"></car-detail-owner> | |
| 71 | + ref="carDetailOwner" :key="'carDetailOwner'+roomCreateFeeInfo.roomId"></car-detail-owner> | |
| 72 | 72 | </el-tab-pane> |
| 73 | 73 | <el-tab-pane label="催缴" name="simplifyCallable"> |
| 74 | 74 | <simplify-callable v-if="roomCreateFeeInfo._currentTab === 'simplifyCallable'" |
| 75 | - ref="simplifyCallable"></simplify-callable> | |
| 75 | + ref="simplifyCallable" :key="'simplifyCallable'+roomCreateFeeInfo.roomId"></simplify-callable> | |
| 76 | 76 | </el-tab-pane> |
| 77 | 77 | <el-tab-pane label="补打收据" v-if="hasPrivilege('502020092373407363')" name="simplifyFeeReceipt" > |
| 78 | 78 | <simplify-fee-receipt v-if="roomCreateFeeInfo._currentTab === 'simplifyFeeReceipt'" |
| 79 | - ref="simplifyFeeReceipt"></simplify-fee-receipt> | |
| 79 | + ref="simplifyFeeReceipt" :key="'simplifyFeeReceipt'+roomCreateFeeInfo.roomId"></simplify-fee-receipt> | |
| 80 | 80 | </el-tab-pane> |
| 81 | 81 | <el-tab-pane label="抄表记录" name="simplifyMeterWaterLog"> |
| 82 | 82 | <simplify-meter-water-log v-if="roomCreateFeeInfo._currentTab === 'simplifyMeterWaterLog'" |
| 83 | - ref="simplifyMeterWaterLog"></simplify-meter-water-log> | |
| 83 | + ref="simplifyMeterWaterLog" :key="'simplifyMeterWaterLog'+roomCreateFeeInfo.roomId"></simplify-meter-water-log> | |
| 84 | 84 | </el-tab-pane> |
| 85 | 85 | <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="预存账户" name="ownerDetailAccount"> |
| 86 | 86 | <owner-detail-account v-if="roomCreateFeeInfo._currentTab === 'ownerDetailAccount'" |
| 87 | - ref="ownerDetailAccount"></owner-detail-account> | |
| 87 | + ref="ownerDetailAccount" :key="'ownerDetailAccount'+roomCreateFeeInfo.roomId"></owner-detail-account> | |
| 88 | 88 | </el-tab-pane> |
| 89 | 89 | <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="预存补打" name="ownerDetailAccountReceipt"> |
| 90 | 90 | <owner-detail-account-receipt v-if="roomCreateFeeInfo._currentTab === 'ownerDetailAccountReceipt'" |
| 91 | - ref="ownerDetailAccountReceipt"></owner-detail-account-receipt> | |
| 91 | + ref="ownerDetailAccountReceipt" :key="'ownerDetailAccountReceipt'+roomCreateFeeInfo.roomId"></owner-detail-account-receipt> | |
| 92 | 92 | </el-tab-pane> |
| 93 | 93 | <el-tab-pane label="押金" name="simplifyRefundDeposit"> |
| 94 | 94 | <simplify-refund-deposit v-if="roomCreateFeeInfo._currentTab === 'simplifyRefundDeposit'" |
| 95 | - ref="simplifyRefundDeposit"></simplify-refund-deposit> | |
| 95 | + ref="simplifyRefundDeposit" :key="'simplifyRefundDeposit'+roomCreateFeeInfo.roomId"></simplify-refund-deposit> | |
| 96 | 96 | </el-tab-pane> |
| 97 | 97 | <el-tab-pane label="账单规则" name="feeDetailFeeRule"> |
| 98 | 98 | <fee-detail-fee-rule v-if="roomCreateFeeInfo._currentTab === 'feeDetailFeeRule'" |
| 99 | - ref="feeDetailFeeRule"></fee-detail-fee-rule> | |
| 99 | + ref="feeDetailFeeRule" :key="'feeDetailFeeRule'+roomCreateFeeInfo.roomId"></fee-detail-fee-rule> | |
| 100 | 100 | </el-tab-pane> |
| 101 | 101 | <el-tab-pane label="费用账单" name="feeDetailRuleBill"> |
| 102 | 102 | <fee-detail-rule-bill v-if="roomCreateFeeInfo._currentTab === 'feeDetailRuleBill'" |
| 103 | - ref="feeDetailRuleBill"></fee-detail-rule-bill> | |
| 103 | + ref="feeDetailRuleBill" :key="'feeDetailRuleBill'+roomCreateFeeInfo.roomId"></fee-detail-rule-bill> | |
| 104 | 104 | </el-tab-pane> |
| 105 | 105 | </el-tabs> |
| 106 | 106 | </el-card> | ... | ... |