This commit is contained in:
2025-05-27 20:03:47 +08:00
parent 3c812c37e7
commit 03ecb95a9b
8 changed files with 107 additions and 28 deletions

View File

@@ -9,13 +9,25 @@ import {reactive, ref} from "vue";
import XFilterItem from "../../components/XFilterItem.vue";
import XRadioGroup from "../../components/XRadioGroup.vue";
import XRadio from "../../components/XRadio.vue";
import useTableQuery from "../../hooks/useTableQuery.js";
import Api from "../../api/index.js";
const isVague = ref(false);
const showFilter = ref(false);
const isSearch = ref(false);
const po = reactive({});
const vo = reactive({});
const sumPo = reactive({
type: 0,
});
const {loading, pagination, initFetchData} = useTableQuery({
api: Api.system.myTeamList,
parameter: po,
callback: (data) => {
Object.assign(vo, data);
}
});
</script>
<template>
@@ -101,28 +113,28 @@ const sumPo = reactive({
</view>
<view class="p-[20rpx] !flex flex-col gap-[20rpx]">
<view v-for="item in 20" class="rounded-[8rpx] bg-[#fff] p-[24rpx] flex-grow">
<view v-for="v in vo.rows" class="rounded-[8rpx] bg-[#fff] p-[24rpx] flex-grow">
<view :class="['!flex gap-[18rpx]', isVague?'vague':'']">
<image class="!size-[88rpx] rounded-[16rpx]" :src="Avatar" mode="aspectFill"></image>
<image class="!size-[88rpx] rounded-[16rpx]" :src="v.avatar" mode="aspectFill"></image>
<view class="flex-grow h-full !flex flex-col justify-between gap-[14rpx]">
<view class="!flex justify-between items-center">
<view class="test-28r">一只哈里路</view>
<view class="text-[#86909C] test-24r">2024-01-26 加入</view>
<view class="test-28r">{{ v.nickname }}</view>
<view class="text-[#86909C] test-24r">{{ v.createtime }} 加入</view>
</view>
<view class="!flex flex-wrap">
<view class="py-[3rpx] px-[8rpx] test-20r bg-[#F2F3F5]">id53379</view>
<view class="py-[3rpx] px-[8rpx] test-20r bg-[#F2F3F5]">id{{ v.uid }}</view>
</view>
</view>
</view>
<view class="!flex gap-[22rpx] !mt-[20rpx]">
<view class="!flex items-center py-[10rpx] px-[20rpx] bg-[#E8F3FF] flex-grow test-24r">
<view>收益</view>
<view class="text-[var(--primary-color)]">245.14</view>
<view class="text-[var(--primary-color)]">{{ Number(v.income).toFixed(2) }}</view>
</view>
<view
:class="['!flex items-center py-[10rpx] px-[20rpx] bg-[#E8F3FF] flex-grow test-24r', isVague?'vague':'']">
<view>收益</view>
<view class="text-[var(--primary-color)]">245.14</view>
<view>奖励</view>
<view class="text-[var(--primary-color)]">{{ Number(v.reward).toFixed(2) }}</view>
</view>
</view>
</view>