|
@@ -1,25 +1,31 @@
|
|
|
<template>
|
|
|
<view class="income-main">
|
|
|
<view class="income-header card-box">
|
|
|
- <text class="income-title" @click="onShow">
|
|
|
+ <text class="income-title" @click="onShows">
|
|
|
2025年4月
|
|
|
</text>
|
|
|
<view class="income-header-right">
|
|
|
- <text>收入:1212</text>
|
|
|
- <text>支出:233</text>
|
|
|
+ <text>收入:{{ data.totalEarning }}</text>
|
|
|
+ <text>支出:{{ data.totalExpend }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view class="card-box icome-item" v-for="item in list" :key="item.code">
|
|
|
+ <view class="card-box icome-item" v-for="item in data.clientAccountChangeVOlist" :key="item.code">
|
|
|
<view class="card-left">
|
|
|
- <img :src="baseUrl" alt="" class="income-img">
|
|
|
+ <!-- <img :src="baseUrl" alt="" class="income-img"> -->
|
|
|
+ <!-- <view class="plus-box"><up-icon name="plus" color="rgba(244, 67, 54, 1)" size="25" ></up-icon></view>
|
|
|
+ <view class="minus-box"> <up-icon name="minus" color="rgba(76, 175, 80, 1)" size="25" ></up-icon>></view> -->
|
|
|
<view class="card-left-text">
|
|
|
- <view class="card-left-name">{{ item.name }}</view>
|
|
|
- <view class="card-left-date">{{ item.date }}</view>
|
|
|
+ <view class="card-left-name">
|
|
|
+ <text> {{ item.businessTierName }}</text>
|
|
|
+ (<dict-tag :options="jlzj_money_change_type"
|
|
|
+ :value="item.sourceType" />)
|
|
|
+ </view>
|
|
|
+ <view class="card-left-date" :style="`color: ${item.color};`">{{ item.createTime }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="card-rigth">
|
|
|
- {{ item.price }}
|
|
|
+ {{ item.changeMoney }}
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
@@ -32,23 +38,21 @@
|
|
|
|
|
|
<script setup>
|
|
|
import { ref, reactive } from 'vue';
|
|
|
+import { getAccountChangeList } from "@/api/mine";
|
|
|
+import {
|
|
|
+ onShow
|
|
|
+} from '@dcloudio/uni-app';
|
|
|
import config from '@/config'
|
|
|
+import DictTag from '@/components/DictTag/index.vue'
|
|
|
+import {
|
|
|
+ useDict
|
|
|
+ } from '@/utils/dict.js';
|
|
|
+ const {
|
|
|
+ jlzj_money_change_type
|
|
|
+ } = useDict('jlzj_money_change_type');
|
|
|
const baseUrl = config.baseUrl
|
|
|
-
|
|
|
-const list = ref([
|
|
|
- {
|
|
|
- name: '交易提现-到银行卡',
|
|
|
- date: '2022-03-20 20:00',
|
|
|
- code: '88888888888888888',
|
|
|
- price: '+1212'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '交易提现-到银行卡',
|
|
|
- date: '2022-03-20 20:00',
|
|
|
- code: '343434343434',
|
|
|
- price: '-1212'
|
|
|
- }
|
|
|
-])
|
|
|
+const userType = uni.getStorageSync('userType') //读取本地存储
|
|
|
+const data = ref({})
|
|
|
|
|
|
const show = ref(false);
|
|
|
const columns = reactive([
|
|
@@ -74,7 +78,7 @@ const changeHandler = (e) => {
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-const onShow = () => {
|
|
|
+const onShows = () => {
|
|
|
show.value = true;
|
|
|
};
|
|
|
|
|
@@ -83,6 +87,34 @@ const confirm = (e) => {
|
|
|
show.value = false;
|
|
|
};
|
|
|
|
|
|
+const init = async() => {
|
|
|
+ try {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '数据加载中...'
|
|
|
+ });
|
|
|
+
|
|
|
+ if(userType === 2){
|
|
|
+ // const res = await getVolunteerAccountInfo();
|
|
|
+ // data.value =res.data;
|
|
|
+ }
|
|
|
+ if(userType === 1){
|
|
|
+ const res = await getAccountChangeList();
|
|
|
+ console.log(1,res);
|
|
|
+ data.value = res.data;
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.log('error', error);
|
|
|
+ uni.showToast({
|
|
|
+ title: error.msg,
|
|
|
+ icon: 'error',
|
|
|
+ });
|
|
|
+ } finally {
|
|
|
+ uni.hideLoading();
|
|
|
+ }
|
|
|
+}
|
|
|
+onShow(()=>{
|
|
|
+ init();
|
|
|
+})
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@@ -152,6 +184,9 @@ const confirm = (e) => {
|
|
|
line-height: 23.17px;
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
margin-bottom: 6px;
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
.card-left-date {
|
|
|
font-size: 14px;
|
|
@@ -170,4 +205,6 @@ const confirm = (e) => {
|
|
|
}
|
|
|
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
</style>
|