|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="">
|
|
|
<van-sticky :offset-top="50">
|
|
|
- <van-dropdown-menu ref="menuRef">
|
|
|
+ <van-dropdown-menu>
|
|
|
<van-dropdown-item :title="currentAreaFilterLabel" ref="areaFilterRef">
|
|
|
<van-tree-select
|
|
|
height="340px"
|
|
@@ -12,6 +12,11 @@
|
|
|
@click-item="handleCountryClick"
|
|
|
/>
|
|
|
</van-dropdown-item>
|
|
|
+ <van-dropdown-item
|
|
|
+ v-model="requestQuery.hasGroup"
|
|
|
+ :options="groupOptions"
|
|
|
+ style="--van-dropdown-menu-option-active-color: #fd9a00"
|
|
|
+ />
|
|
|
</van-dropdown-menu>
|
|
|
</van-sticky>
|
|
|
<van-empty
|
|
@@ -51,11 +56,17 @@ const currentAreaFilterLabel = computed(() => {
|
|
|
return `${currentArea.value.text || ""}${currentCountry.value.text || ""}`;
|
|
|
});
|
|
|
|
|
|
+const groupOptions = ref([
|
|
|
+ { text: "全部活动", value: "0" },
|
|
|
+ { text: "拼团", value: "1" },
|
|
|
+]);
|
|
|
+
|
|
|
const requestQuery = reactive({
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
areaId: computed(() => currentArea.value?.id ?? ""),
|
|
|
countryId: computed(() => currentCountry.value?.id ?? ""),
|
|
|
+ hasGroup: "0",
|
|
|
});
|
|
|
const listData = ref([]);
|
|
|
|
|
@@ -110,6 +121,14 @@ function reSearch() {
|
|
|
getList();
|
|
|
}
|
|
|
|
|
|
+watch(
|
|
|
+ () => requestQuery.hasGroup,
|
|
|
+ () => {
|
|
|
+ reSearch();
|
|
|
+ },
|
|
|
+ { deep: true }
|
|
|
+);
|
|
|
+
|
|
|
async function getFilterAddress() {
|
|
|
const { data } = await request(
|
|
|
"/website/tourism/projectTravelNotes/travelNotesDirectoryList"
|