From 7cbda90b02e31447122f1d22c9797b423d7bd9fc Mon Sep 17 00:00:00 2001
From: Liuyi <candymxq888@outlook.com>
Date: 星期三, 16 十月 2024 17:26:06 +0800
Subject: [PATCH] 添加扫码成功操作页，修改主页面样式，更换主页图标
---
pages/functionList/balanceRecord/index.vue | 26 +++++++++++++++++++-------
1 files changed, 19 insertions(+), 7 deletions(-)
diff --git a/pages/functionList/balanceRecord/index.vue b/pages/functionList/balanceRecord/index.vue
index 2c24692..e02df72 100644
--- a/pages/functionList/balanceRecord/index.vue
+++ b/pages/functionList/balanceRecord/index.vue
@@ -1,6 +1,6 @@
<script setup>
import { computed, onMounted, ref } from 'vue'
- import { balanceChangeApi } from '../../../api/index.js'
+ import { balanceChangeApi,balanceStatisticsApi} from '../../../api/index.js'
//返回
function navBackTo(){
uni.navigateBack()
@@ -23,6 +23,15 @@
datePay.value = e.detail.value
await getBalanceList(datePay.value)
}
+ //获取用户资金变动统计
+ const rechargeSta = ref()
+ const expendSta = ref()
+ async function getStatistics(val){
+ await balanceStatisticsApi(val).then((res) =>{
+ rechargeSta.value = res.data.rechargeAmount
+ expendSta.value = res.data.expenditureAmount
+ })
+ }
//获取余额变动列表
const banlanceList = ref([])
@@ -32,6 +41,7 @@
banlanceList.value = res.data
}
})
+ await getStatistics(val)
}
//动态设置用户支出收入对应样式
function setStyleMoney(val){
@@ -44,6 +54,7 @@
onMounted(async() =>{
getDate()
await getBalanceList(datePay.value)
+ // await getStatistics()
})
</script>
<template>
@@ -53,14 +64,15 @@
<view class="picker">
<picker mode="date" :value="datePay" :fields="'month'" @change="bindDateChange">
<view class="date-text">
+ <!-- <text>日期：</text> -->
<text class="uni-input">{{datePay}}</text>
- <image src="../../../static/images/other/more.png" alt=''></image>
+ <image src="../../../static/images/other/expand.png" alt=''></image>
</view>
</picker>
</view>
<view class="date-money">
- <text>支出￥5341.05</text>
- <text>充值￥941.59</text>
+ <text>支出￥{{expendSta}}</text>
+ <text>充值￥{{rechargeSta}}</text>
</view>
</view>
<view class="main">
@@ -105,11 +117,11 @@
text{
font-weight: 300;
font-size: 32rpx;
- color: #000000;
+ color: #5487f4;
margin-right:10rpx;
}
image{
- width: 28rpx;
+ width:32rpx;
height:32rpx;
transform: rotate(90deg);
// margin-top:10rpx;
@@ -127,7 +139,7 @@
}
.main{
width:99%;
- height: calc(100vh - 84rpx - 176rpx - 70rpx);
+ height:1200rpx;
background: #fff;
border-radius:20rpx;
margin: 0 auto;
--
Gitblit v1.9.3