|
@@ -16,10 +16,19 @@ import { getBroker } from '../../../core/libs/requests'
|
|
|
|
|
|
const userStore = useUserStore()
|
|
|
const { userInfo } = storeToRefs(userStore)
|
|
|
+const yearState = ref(true)
|
|
|
+const year = ref(dayjs().toDate().getTime())
|
|
|
+const query = computed(() => ({
|
|
|
+ brokerId: userInfo.value.userId,
|
|
|
+ year: dayjs(year.value).format('YYYY'),
|
|
|
+}))
|
|
|
|
|
|
const { data, run: setData } = useRequest(() =>
|
|
|
getBroker({ brokerId: String(userInfo.value.userId) }),
|
|
|
)
|
|
|
+const handleSelect = () => {
|
|
|
+ yearState.value = false
|
|
|
+}
|
|
|
onMounted(async () => {
|
|
|
await setData()
|
|
|
})
|
|
@@ -53,12 +62,15 @@ onMounted(async () => {
|
|
|
</div>
|
|
|
<div class="flex-1"></div>
|
|
|
<div></div>
|
|
|
- <div class="text-[white] text-sm font-normal font-['PingFang_SC'] leading-relaxed">
|
|
|
- 2024
|
|
|
- </div>
|
|
|
+ <wd-datetime-picker type="year" v-model="year" use-default-slot>
|
|
|
+ <div class="text-[white] text-sm font-normal font-['PingFang_SC'] leading-relaxed">
|
|
|
+ {{ dayjs(year).format('YYYY') }}
|
|
|
+ <wd-icon name="arrow-down" size="12" class="text-[#ffffff]"></wd-icon>
|
|
|
+ </div>
|
|
|
+ </wd-datetime-picker>
|
|
|
</div>
|
|
|
<Card custom-class="relative">
|
|
|
- <PageHelperEvo :request="getPointsFlow" :query="{ brokerId: userInfo.userId, year: 2024 }">
|
|
|
+ <PageHelperEvo :request="getPointsFlow" :query="query">
|
|
|
<template #default="{ source }">
|
|
|
<div class="flex flex-col gap-4">
|
|
|
<template v-for="(it, i) in source?.list" :key="i">
|
|
@@ -78,9 +90,10 @@ onMounted(async () => {
|
|
|
<div>
|
|
|
<div
|
|
|
class="text-lg font-normal font-['D-DIN_Exp'] leading-relaxed"
|
|
|
- :class="`${it.bizType === '1' ? 'text-[#ef4343]' : 'text-black'}`"
|
|
|
+ :class="`${it.sourceType !== 5 ? 'text-[#ef4343]' : 'text-black'}`"
|
|
|
>
|
|
|
<!-- {{ { '1': '+', '2': '-' }[it.pointsType] }} -->
|
|
|
+ {{ it.sourceType === 5 ? '-' : '+' }}
|
|
|
{{ it.points }}
|
|
|
</div>
|
|
|
</div>
|