mirror of
https://gitee.com/java110/WechatOwnerService.git
synced 2026-02-23 21:36:38 +08:00
102 lines
2.2 KiB
Vue
102 lines
2.2 KiB
Vue
<template>
|
|
<view>
|
|
<view v-if="accounts.length > 0">
|
|
<view class="block__title">业主账户</view>
|
|
<checkbox-group @change="checkboxChange">
|
|
<view class="cu-list menu" v-for="(account, idx) in accounts" :key="idx" :data-item="account"
|
|
@click="_viewAccountDetail(account)">
|
|
<view class="cu-item arrow">
|
|
<view class="content padding-tb-sm">
|
|
<view>
|
|
<view class="text-cut" style="width:220px">
|
|
<checkbox :value="account.acctId" :checked="account.checked" />{{account.acctTypeName}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="action">
|
|
<text class="text-grey text-sm">{{account.amount}}元</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</checkbox-group>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
queryOwnerAccount
|
|
} from '../../api/user/userApi.js'
|
|
export default {
|
|
components: {
|
|
},
|
|
data() {
|
|
return {
|
|
accounts: [],
|
|
selectedAccounts: [],
|
|
};
|
|
},
|
|
props: {
|
|
|
|
},
|
|
computed: {},
|
|
watch: {
|
|
selectedAccounts(val) {
|
|
let _totalUserAmount = 0.0;
|
|
let _selectedAccounts = [];
|
|
this.accounts.forEach(item => {
|
|
if(val.includes(item.acctId)){
|
|
_totalUserAmount += parseFloat(item.amount);
|
|
_selectedAccounts.push(item);
|
|
}
|
|
})
|
|
|
|
this.$emit('getUserAmount', {
|
|
totalUserAmount: _totalUserAmount,
|
|
selectedAccounts: _selectedAccounts
|
|
});
|
|
},
|
|
},
|
|
methods: {
|
|
/**
|
|
* @param {Object} e
|
|
* 选择账户事件
|
|
*/
|
|
checkboxChange: function (e) {
|
|
var values = e.detail.value;
|
|
this.selectedAccounts = values;
|
|
this.accounts.forEach((item, index) => {
|
|
if(values.includes(item.acctId)){
|
|
item.checked = true;
|
|
}
|
|
});
|
|
},
|
|
|
|
_listOwnerAccount: function(_feeId, _communityId) {
|
|
let _that = this;
|
|
queryOwnerAccount({
|
|
page: 1,
|
|
row: 20,
|
|
feeId: _feeId,
|
|
communityId: _communityId
|
|
}).then((data) => {
|
|
_that.accounts = data;
|
|
})
|
|
},
|
|
_viewAccountDetail: function(_account) {
|
|
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.block__title {
|
|
margin: 0;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: rgba(69,90,100,.6);
|
|
padding: 40rpx 30rpx 20rpx;
|
|
}
|
|
</style>
|