125 lines
4.1 KiB
Vue
125 lines
4.1 KiB
Vue
<template>
|
||
<view class="margin-bottom-lg">
|
||
<!-- 顶部操作条 -->
|
||
<cu-custom :bgColor="'bg-main-color'" :isBack="true">
|
||
<block slot="backText">返回</block>
|
||
<block slot="content">我的钱包</block>
|
||
</cu-custom>
|
||
<view class="margin-sm shadow-warp">
|
||
<view class="padding-tb-lg padding-lr bg-gradual-color light">
|
||
<view>账户余额（元）</view>
|
||
<view class="flex justify-between margin-top-sm">
|
||
<!-- <view class="text-xxl">{{myMoneyBag.balance}}</view> -->
|
||
<view class="text-xxl">--</view>
|
||
<view class="cu-btn bg-white radius">充值</view>
|
||
</view>
|
||
</view>
|
||
<view class="padding bg-white flex justify-between">
|
||
<!-- <view>可提现金额：<text class="text-price text-black">{{myMoneyBag.balanceToExtract}}</text></view> -->
|
||
<view>可提现金额：<text class="text-price text-black">--</text></view>
|
||
<view>
|
||
<text>提现</text>
|
||
<text class="cuIcon-right"></text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<uni-collapse v-model="openStatusArr[index]" ref="collapse" v-for="(billItem, index) in bill">
|
||
<uni-collapse-item>
|
||
<template v-slot:title>
|
||
<view class="padding bg-white" :data-index="index" @click="showStatement">
|
||
<view class="margin-bottom-xs">{{billItem.createTime}}</view>
|
||
<view>
|
||
<text class="margin-right"><text>支出：</text><text
|
||
class="text-price text-black">{{billItem.payCount}}</text></text>
|
||
<text><text>收入：</text><text
|
||
class="text-price text-black">{{billItem.incomeCount}}</text></text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<view>
|
||
<view v-for="(item, index1) in billItem.statement"
|
||
class="bg-white padding flex justify-between align-center" @click="showDetail">
|
||
<view>
|
||
<view class="margin-bottom-xs" v-if="item.financialDetailType == 1">师傅转派</view>
|
||
<view class="margin-bottom-xs" v-else-if="item.financialDetailType == 2">多级分销</view>
|
||
<view class="margin-bottom-xs" v-else-if="item.financialDetailType == 3">平台抽成</view>
|
||
<view>{{item.createTime}}</view>
|
||
</view>
|
||
<view class="text-price text-black">{{item.payMoney}}</view>
|
||
</view>
|
||
</view>
|
||
</uni-collapse-item>
|
||
</uni-collapse>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
openStatusArr: [], //0打开，1收起
|
||
myMoneyBag: {},
|
||
bill: []
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.loadData();
|
||
},
|
||
methods: {
|
||
async loadData() {
|
||
this.myMoneyBag = await this.$api.data('myMoneyBag');
|
||
|
||
// 查询账单
|
||
let billRes = await this.$request.qryFinancialCount();
|
||
this.bill = billRes.data;
|
||
for (let i = 0; i < this.bill.length; i++) {
|
||
this.openStatusArr.push('1');
|
||
}
|
||
},
|
||
async showStatement(e) {
|
||
let curIndex = e.currentTarget.dataset.index;
|
||
// 1为缩起状态，0为展开状态
|
||
if (this.openStatusArr[curIndex] == '1' && !this.bill[curIndex].statement) {
|
||
let createTime = new Date(new Date(this.bill[curIndex].createTime).setHours(0));
|
||
let createMonth = createTime.getMonth() + 1;
|
||
let createYear = createTime.getFullYear();
|
||
let finishYear = createMonth === 12 ? createYear + 1 : createYear;
|
||
let finishMonth = createMonth === 12 ? 1 : createMonth + 1;
|
||
|
||
let createTimeStr = createYear + '-' + createMonth + '-1 00:00:00';
|
||
let finishTimeStr = finishYear + '-' + finishMonth + '-1 00:00:00';
|
||
|
||
uni.showLoading({
|
||
mask: true,
|
||
title: '加载中'
|
||
})
|
||
let res = await this.$request.qryFinancialDetail({
|
||
beginTime: createTimeStr,
|
||
endTime: finishTimeStr
|
||
});
|
||
// let newStatements = this.statements.concat();
|
||
// newStatements[curIndex] = res.rows;
|
||
// this.statements = newStatements;
|
||
let newBill = this.bill.concat();
|
||
newBill[curIndex].statement = res.rows;
|
||
this.bill = newBill;
|
||
// #ifdef MP
|
||
this.$nextTick(() => {
|
||
this.$refs.collapse[curIndex].resize();
|
||
uni.hideLoading();
|
||
})
|
||
// #endif
|
||
}
|
||
},
|
||
showDetail() {
|
||
uni.navigateTo({
|
||
url: '/pages/my/statement-desc'
|
||
})
|
||
}
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
</style>
|