|
@@ -12,6 +12,7 @@ import SectionHeading from '@/components/section-heading.vue'
|
|
import { storeToRefs } from 'pinia'
|
|
import { storeToRefs } from 'pinia'
|
|
import Card from '@/components/card.vue'
|
|
import Card from '@/components/card.vue'
|
|
import PageHelper from '@/components/page-helper.vue'
|
|
import PageHelper from '@/components/page-helper.vue'
|
|
|
|
+import { ComponentExposed } from 'vue-component-type-helpers'
|
|
import dayjs from 'dayjs'
|
|
import dayjs from 'dayjs'
|
|
import PageHelperEvo from '@/components/page-helper-evo.vue'
|
|
import PageHelperEvo from '@/components/page-helper-evo.vue'
|
|
import { useUserStore } from '@/store'
|
|
import { useUserStore } from '@/store'
|
|
@@ -22,6 +23,7 @@ const { userInfo } = storeToRefs(userStore)
|
|
const id = ref()
|
|
const id = ref()
|
|
const type = ref()
|
|
const type = ref()
|
|
const current = ref('累计')
|
|
const current = ref('累计')
|
|
|
|
+const pageHelperRef = ref<ComponentExposed<typeof PageHelperEvo>>()
|
|
const info = computed(() => [
|
|
const info = computed(() => [
|
|
{
|
|
{
|
|
label: '订单数',
|
|
label: '订单数',
|
|
@@ -36,8 +38,16 @@ const info = computed(() => [
|
|
unit: '¥',
|
|
unit: '¥',
|
|
},
|
|
},
|
|
])
|
|
])
|
|
-const query = computed(() => ({ year: type.value == 1, userId: id.value ,type : type.value}))
|
|
|
|
|
|
+const query = computed(() => ({
|
|
|
|
+ year: current.value == '本年',
|
|
|
|
+ userId: id.value,
|
|
|
|
+ type: type.value,
|
|
|
|
+}))
|
|
const { data, run: setData } = useRequest(() => getSalesOrdersCount({ userId: id.value }))
|
|
const { data, run: setData } = useRequest(() => getSalesOrdersCount({ userId: id.value }))
|
|
|
|
+const handleSegmentedChange = () => {
|
|
|
|
+ setData()
|
|
|
|
+ pageHelperRef.value?.refresh()
|
|
|
|
+}
|
|
onLoad(async (query) => {
|
|
onLoad(async (query) => {
|
|
id.value = query?.id
|
|
id.value = query?.id
|
|
type.value = query?.type
|
|
type.value = query?.type
|
|
@@ -53,7 +63,7 @@ onLoad(async (query) => {
|
|
<wd-segmented
|
|
<wd-segmented
|
|
v-model:value="current"
|
|
v-model:value="current"
|
|
:options="['累计', '本年']"
|
|
:options="['累计', '本年']"
|
|
- @change="setData"
|
|
|
|
|
|
+ @change="handleSegmentedChange"
|
|
></wd-segmented>
|
|
></wd-segmented>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -76,7 +86,7 @@ onLoad(async (query) => {
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</Card>
|
|
- <PageHelperEvo :request="getSalesOrders" :query="query">
|
|
|
|
|
|
+ <PageHelperEvo ref="pageHelperRef" :request="getSalesOrders" :query="query">
|
|
<template #default="{ source }">
|
|
<template #default="{ source }">
|
|
<div class="flex flex-col gap-4">
|
|
<div class="flex flex-col gap-4">
|
|
<template v-for="(it, index) in source?.list" :key="index">
|
|
<template v-for="(it, index) in source?.list" :key="index">
|