root/xl-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
多啦C梦
2025-05-12 19:45:27 +08:00
parent 2e9c403632
commit ce0587d2b6
47 changed files with 1355 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/user/components/MyTeam.vue
View File

@@ -1,5 +1,16 @@
<script setup>
import {onMounted, reactive} from "vue";
import {useUserStore} from "../../../pinia/UserStore/index.js";
import Api from "../../../api/index.js";
const UserStore = useUserStore();
const detail = reactive({});
onMounted(() => {
Api.system.myTeamInfo().then(({data}) => {
Object.assign(detail, data);
});
})
</script>
<template>
@@ -8,7 +19,7 @@
我的邀请码：
</view>
<view class="invitationCodeValue">
123445
{{ UserStore?.userInfo?.invite }}
</view>
<view class="view-detail !ml-auto">查看团队详情></view>
</view>
@@ -16,15 +27,15 @@
<view class="!mt-[24rpx] !grid grid-cols-3 gap-[22rpx]">
<view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
<view class="test-22r text-[#86909C]">人数</view>
<view class="test-36r text-[#165DFF]">323</view>
<view class="test-36r text-[#165DFF]">{{ detail.count }}</view>
</view>
<view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
<view class="test-22r text-[#86909C]">团队收益</view>
<view class="test-36r text-[#165DFF]">323</view>
<view class="test-36r text-[#165DFF]">{{ detail.income }}</view>
</view>
<view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
<view class="test-22r text-[#86909C]">团队奖励</view>
<view class="test-36r text-[#165DFF]">323</view>
<view class="test-36r text-[#165DFF]">{{ detail.reward }}</view>
</view>
</view>
</template>

34
src/pages/user/index.vue
View File

@@ -1,5 +1,5 @@
<script setup>
import {defineAsyncComponent, ref} from 'vue';
import {defineAsyncComponent, onMounted, ref} from 'vue';
import ICON1 from '../../static/icons/icon_提现记录.png';
import ICON2 from '../../static/icons/icon_变动记录.png';
import ICON3 from '../../static/icons/icon_我的钱包.png';
@@ -12,11 +12,9 @@ import user_BG from '../../static/images/user_bg.png';
import XNav from "../../components/XNav.vue";
import CreditScore from "../../components/CreditScore.vue";
import {toPage} from "../../utils/uils.js";
import {useUserStore} from "../../pinia/UserStore/index.js";
// #ifdef APP-PLUS
import MyTeam from "./components/MyTeam.vue";
import Inviter from "./components/Inviter.vue";
import AccompanyingMentor from "./components/AccompanyingMentor.vue";
// #endif
// #ifndef APP-PLUS
@@ -43,11 +41,17 @@ const tabs = [
component: AccompanyingMentor,
},
]
const UserStore = useUserStore();
onMounted(() => {
UserStore.getUserInfo();
})
</script>
<template>
<!--我的-->
<x-nav></x-nav>
<x-nav :show-back="false"></x-nav>
<view class="!w-full !h-[484rpx] overflow-hidden relative">
<image class="!w-[1200rpx] !h-[480rpx] !absolute left-[-200rpx]" :src="user_BG" mode="aspectFill"></image>
@@ -55,9 +59,9 @@ const tabs = [
<view class="!w-full relative z-10 p-[20rpx] !flex gap-[34rpx] justify-between">
<image class="!size-[132rpx]" :src="Avatar" mode="aspectFill"></image>
<view class="!flex flex-col items-start justify-between box-border py-[4rpx]">
<view class="user_name">用户名称</view>
<view class="user_phone">手机号：1570****061</view>
<view class="user_phone">uid：38578</view>
<view class="user_name">{{ UserStore?.userInfo?.nickname }}</view>
<view class="user_phone">手机号：{{ UserStore?.userInfo?.mobile }}</view>
<view class="user_phone">uid：{{ UserStore?.userInfo?.uid }}</view>
</view>
<credit-score class="!mr-[110rpx] !ml-auto"></credit-score>
@@ -77,20 +81,23 @@ const tabs = [
<view>
<view class="info-title">总收益（元）</view>
<view class="info-balance">
24687.65
{{ UserStore?.userInfo?.total_money.toFixed(2) }}
</view>
</view>
<view>
<view class="info-title">可提现（元）</view>
<view class="info-balance">
358.32
{{ UserStore?.userInfo?.money.toFixed(2) }}
</view>
</view>
</view>
<view class="gap-line"></view>
<view class="py-[32rpx] px-[42rpx] !flex items-center gap-[20rpx]">
<view class="info-title !mb-0">已提现（元）</view>
<view class="info-balance" style="font-size: 28rpx">24239.33</view>
<view class="info-balance" style="font-size: 28rpx">{{
UserStore?.userInfo?.withraw_money.toFixed(2)
}}
</view>
</view>
</view>
@@ -138,9 +145,10 @@ const tabs = [
<image class="!size-[84rpx]" mode="aspectFill" :src="ICON4"></image>
<view class="test-24r">邀请好友</view>
</view>
<view class="!flex items-center flex-col justify-center gap-[12rpx]">
<view class="!flex items-center flex-col justify-center gap-[12rpx]"
@click="toPage('/pages/accountManagement/index')">
<image class="!size-[84rpx]" mode="aspectFill" :src="ICON5"></image>
<view class="test-24r">邀请好友</view>
<view class="test-24r">账号管理</view>
</view>
<view class="!flex items-center flex-col justify-center gap-[12rpx]">
<image class="!size-[84rpx]" mode="aspectFill" :src="ICON6"></image>