|
@@ -31,9 +31,9 @@ useZPaging(paging)
|
|
// 搜索关键词
|
|
// 搜索关键词
|
|
const formData = ref<any>({
|
|
const formData = ref<any>({
|
|
storeName: '',
|
|
storeName: '',
|
|
- prices: 0,
|
|
|
|
|
|
+ price: 0,
|
|
cateId: 0,
|
|
cateId: 0,
|
|
- sortWay: 0, // 3=销量升序,4=销量降序
|
|
|
|
|
|
+ sort: 'SALES_DESC',
|
|
})
|
|
})
|
|
|
|
|
|
const { closeOutside } = useQueue()
|
|
const { closeOutside } = useQueue()
|
|
@@ -75,6 +75,11 @@ const option1 = ref<Record<string, any>[]>([
|
|
const option2 = ref<Record<string, any>[]>([
|
|
const option2 = ref<Record<string, any>[]>([
|
|
{ label: t('search.filterCategory'), value: 0 },
|
|
{ label: t('search.filterCategory'), value: 0 },
|
|
])
|
|
])
|
|
|
|
+
|
|
|
|
+const option3 = ref<Record<string, any>[]>([
|
|
|
|
+ { label: t('search.filterSellers'), value: 'SALES_DESC' },
|
|
|
|
+ { label: t('search.filterSellers1'), value: 'CREATE_DESC' },
|
|
|
|
+])
|
|
async function getCategoryList() {
|
|
async function getCategoryList() {
|
|
const res = await categoryList({ page: 1, size: 20 })
|
|
const res = await categoryList({ page: 1, size: 20 })
|
|
console.log(res)
|
|
console.log(res)
|
|
@@ -85,18 +90,19 @@ async function getCategoryList() {
|
|
const dataList = ref([])
|
|
const dataList = ref([])
|
|
async function queryList(pageNo: number, pageSize: number) {
|
|
async function queryList(pageNo: number, pageSize: number) {
|
|
try {
|
|
try {
|
|
- const currentTab = option1.value.find((i: any) => i.value === formData.value.prices) || option1.value[0]
|
|
|
|
- console.log(currentTab)
|
|
|
|
- const minPrice = currentTab?.minPrice ?? undefined
|
|
|
|
- const maxPrice = currentTab?.maxPrice ?? undefined
|
|
|
|
|
|
+ // const currentTab = option1.value.find((i: any) => i.value === formData.value.price) || option1.value[0]
|
|
|
|
+ // console.log(currentTab)
|
|
|
|
+ // const minPrice = currentTab?.minPrice ?? undefined
|
|
|
|
+ // const maxPrice = currentTab?.maxPrice ?? undefined
|
|
const params = {
|
|
const params = {
|
|
page: pageNo,
|
|
page: pageNo,
|
|
size: pageSize,
|
|
size: pageSize,
|
|
|
|
+ price: formData.value.price || undefined,
|
|
|
|
+ sort: formData.value.sort,
|
|
storeName: formData.value.storeName,
|
|
storeName: formData.value.storeName,
|
|
cateId: formData.value.cateId ? formData.value.cateId : undefined,
|
|
cateId: formData.value.cateId ? formData.value.cateId : undefined,
|
|
- sortWay: formData.value.sortWay === 1 ? 3 : formData.value.sortWay === -1 ? 4 : 0,
|
|
|
|
- minPrice,
|
|
|
|
- maxPrice,
|
|
|
|
|
|
+ // minPrice,
|
|
|
|
+ // maxPrice,
|
|
}
|
|
}
|
|
const res = await getList(params)
|
|
const res = await getList(params)
|
|
paging.value.complete(res.data.list)
|
|
paging.value.complete(res.data.list)
|
|
@@ -127,21 +133,17 @@ onLoad(() => {
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
</wd-navbar>
|
|
</wd-navbar>
|
|
- <view class="flex bg-white text-center">
|
|
|
|
- <wd-drop-menu class="flex-1">
|
|
|
|
- <wd-drop-menu-item v-model="formData.prices" :options="option1" @change="queryList(1, 20)" />
|
|
|
|
- </wd-drop-menu>
|
|
|
|
- <wd-drop-menu class="flex-1">
|
|
|
|
|
|
+ <view class="bg-white text-center">
|
|
|
|
+ <wd-drop-menu>
|
|
|
|
+ <wd-drop-menu-item v-model="formData.price" :options="option1" @change="queryList(1, 20)" />
|
|
<wd-drop-menu-item v-model="formData.cateId" :options="option2" @change="queryList(1, 20)" />
|
|
<wd-drop-menu-item v-model="formData.cateId" :options="option2" @change="queryList(1, 20)" />
|
|
|
|
+ <wd-drop-menu-item v-model="formData.sort" :options="option3" @change="queryList(1, 20)" />
|
|
</wd-drop-menu>
|
|
</wd-drop-menu>
|
|
- <view class="flex-1">
|
|
|
|
- <wd-sort-button v-model="formData.sortWay" :title="t('search.filterSellers')" @change="queryList(1, 20)" />
|
|
|
|
- </view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
<view class="mt-24rpx px-24rpx pb-24rpx">
|
|
<view class="mt-24rpx px-24rpx pb-24rpx">
|
|
- <view class="grid grid-cols-2 gap-22rpx">
|
|
|
|
|
|
+ <view class="grid grid-cols-2 gap-20rpx">
|
|
<Product v-for="(item, index) in dataList" :key="index" width="100%" :height="340" :item="item" />
|
|
<Product v-for="(item, index) in dataList" :key="index" width="100%" :height="340" :item="item" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|