|
|
@@ -0,0 +1,170 @@
|
|
|
+<route lang="json">
|
|
|
+{
|
|
|
+ "style": {
|
|
|
+ "navigationBarTitleText": "全部动态",
|
|
|
+ "navigationBarBackgroundColor": "#fff"
|
|
|
+ }
|
|
|
+}
|
|
|
+</route>
|
|
|
+<script setup lang="ts">
|
|
|
+import dayjs from 'dayjs'
|
|
|
+import Card from '@/components/card.vue'
|
|
|
+import SectionHeading from '@designer-hub/app/src/components/section-heading.vue'
|
|
|
+import { useUserStore } from '../../../store'
|
|
|
+import { storeToRefs } from 'pinia'
|
|
|
+import { ComponentExposed } from 'vue-component-type-helpers'
|
|
|
+import { filterIcon } from '@designer-hub/assets/src/svgs'
|
|
|
+import { phone, right } from '../../../core/libs/svgs'
|
|
|
+import { referrerOne } from '../../../core/libs/pngs'
|
|
|
+import PageHelperEvo from '@/components/page-helper-evo.vue'
|
|
|
+import { getDesignerPointsActivities } from '../../../core/libs/requests'
|
|
|
+import { useMemberLevelsStore } from '../../../store/member-levles'
|
|
|
+const userStore = useUserStore()
|
|
|
+const { isLogined, userInfo, isAgent, isMerchant } = storeToRefs(userStore)
|
|
|
+const memberLevelsStore = useMemberLevelsStore()
|
|
|
+const { memberLevels } = storeToRefs(memberLevelsStore)
|
|
|
+const pageHelperRef = ref<ComponentExposed<typeof PageHelperEvo>>()
|
|
|
+const id = ref()
|
|
|
+const timeRange = ref([])
|
|
|
+const filterState = ref(false)
|
|
|
+const query = ref({
|
|
|
+ brokerId: String(userInfo.value.userId)
|
|
|
+})
|
|
|
+const filterQuery = ref<{
|
|
|
+ memberLevel: any[]
|
|
|
+ brokerId?: string
|
|
|
+ recommend?: boolean
|
|
|
+ stylistName?: string
|
|
|
+ createTime?: string
|
|
|
+}>({
|
|
|
+ memberLevel: [],
|
|
|
+ brokerId: String(userInfo.value.userId),
|
|
|
+ createTime:""
|
|
|
+})
|
|
|
+const searchFocus = async () => {
|
|
|
+ console.log('focus')
|
|
|
+}
|
|
|
+const searchBlur = async () => {
|
|
|
+ console.log('Blur')
|
|
|
+ query.value = {
|
|
|
+ ...filterQuery.value,
|
|
|
+ memberLevel: filterQuery.value.memberLevel.join(','),
|
|
|
+ createTime:filterQuery.value.createTime
|
|
|
+ }
|
|
|
+ await pageHelperRef.value?.refresh()
|
|
|
+}
|
|
|
+const search = async () => {
|
|
|
+ console.log('search')
|
|
|
+ query.value = {
|
|
|
+ ...filterQuery.value,
|
|
|
+ memberLevel: filterQuery.value.memberLevel.join(','),
|
|
|
+ createTime:filterQuery.value.createTime
|
|
|
+ }
|
|
|
+ await pageHelperRef.value?.refresh()
|
|
|
+}
|
|
|
+const cancelSearch = () => {
|
|
|
+ console.log('cancel')
|
|
|
+}
|
|
|
+const searchChange = (e: any) => {
|
|
|
+ console.log(e)
|
|
|
+}
|
|
|
+const filterData = () => {
|
|
|
+ filterState.value = true
|
|
|
+}
|
|
|
+const handleReset = () => {
|
|
|
+ filterQuery.value = { createTime:"", memberLevel: [], brokerId: String(userInfo.value.userId) }
|
|
|
+ query.value = {
|
|
|
+ brokerId: String(userInfo.value.userId)
|
|
|
+ }
|
|
|
+}
|
|
|
+const handleSubmit = () => {
|
|
|
+ query.value = {
|
|
|
+ ...filterQuery.value,
|
|
|
+ memberLevel: filterQuery.value.memberLevel ? filterQuery.value.memberLevel.join(',') : '',
|
|
|
+ createTime:filterQuery.value.createTime
|
|
|
+ }
|
|
|
+ filterState.value = false
|
|
|
+}
|
|
|
+const formatter = (day) => {
|
|
|
+ if(day.length>0){
|
|
|
+ return dayjs(day[0]).format('YYYY-MM-DD HH:mm')+" - " + dayjs(day[1]).format('YYYY-MM-DD HH:mm')
|
|
|
+ }
|
|
|
+}
|
|
|
+const timeChange = (value) => {
|
|
|
+ console.log(value)
|
|
|
+ if(value.value.length>0){
|
|
|
+ filterQuery.value.createTime = dayjs(value.value[0]).format('YYYY-MM-DD HH:mm:ss')+"," + dayjs(value.value[1]).format('YYYY-MM-DD HH:mm:ss')
|
|
|
+ console.log(filterQuery.value)
|
|
|
+ }
|
|
|
+}
|
|
|
+onLoad(async (options?: Record<string | 'id', any>) => {
|
|
|
+
|
|
|
+})
|
|
|
+</script>
|
|
|
+<template>
|
|
|
+ <div class="px-[24rpx] py-[34rpx]">
|
|
|
+ <PageHelperEvo :request="getDesignerPointsActivities" :query="query">
|
|
|
+ <template #top>
|
|
|
+ <div class="flex items-center justify-between bg-white pr-3.5">
|
|
|
+ <div class="flex-1">
|
|
|
+ <wd-search
|
|
|
+ v-model="filterQuery.stylistName"
|
|
|
+ placeholder="搜索"
|
|
|
+ @focus="searchFocus"
|
|
|
+ @blur="searchBlur"
|
|
|
+ @search="search"
|
|
|
+ @cancel="cancelSearch"
|
|
|
+ @change="searchChange"
|
|
|
+ hide-cancel
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <wd-img :src="filterIcon" width="22px" height="22px" @click="filterData"></wd-img>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #default="{ source }">
|
|
|
+ <div class="flex flex-col gap-4">
|
|
|
+ <div class="flex flex-col" v-for="(it, i) in source?.list" :key="i">
|
|
|
+ <Card class="">
|
|
|
+ <div class="text-black/90 text-sm font-normal font-['PingFang_SC'] leading-none">
|
|
|
+ {{ it.content }}
|
|
|
+ </div>
|
|
|
+ <div class="mt-3 text-black/30 text-xs font-normal font-['PingFang_SC'] leading-none">
|
|
|
+ {{ dayjs(it.createTime).format('YYYY-MM-DD HH:mm') }}
|
|
|
+ </div>
|
|
|
+ </Card>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </PageHelperEvo>
|
|
|
+ <!-- 筛选action-sheet -->
|
|
|
+ <wd-action-sheet v-model="filterState" title="筛选" @close="filterState = false">
|
|
|
+ <view class="flex flex-col p-4 overflow-y-auto h-[calc(75vh)]">
|
|
|
+ <SectionHeading title="会员等级"></SectionHeading>
|
|
|
+ <wd-checkbox-group shape="button" v-model="filterQuery.memberLevel">
|
|
|
+ <template
|
|
|
+ v-for="(tag, index) in memberLevels.map((it) => ({
|
|
|
+ label: it.memberLevelName,
|
|
|
+ value: it.id,
|
|
|
+ }))"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <wd-checkbox custom-class="w-50%!" :model-value="tag.value">{{ tag.label }}</wd-checkbox>
|
|
|
+ </template>
|
|
|
+ </wd-checkbox-group>
|
|
|
+
|
|
|
+ <SectionHeading title="时间区间"></SectionHeading>
|
|
|
+ <div class="flex items-center justify-between py-4">
|
|
|
+ <wd-calendar type="daterange" v-model="timeRange" :display-format="formatter" @confirm="timeChange" />
|
|
|
+ </div>
|
|
|
+ <div class="flex gap-4 pt-[10px]">
|
|
|
+ <div class="flex-1">
|
|
|
+ <wd-button block :round="false" @click="handleReset">重置</wd-button>
|
|
|
+ </div>
|
|
|
+ <div class="flex-1">
|
|
|
+ <wd-button block :round="false" @click="handleSubmit">提交</wd-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </view>
|
|
|
+ </wd-action-sheet>
|
|
|
+ </div>
|
|
|
+</template>
|
purui