|
@@ -1,15 +1,22 @@
|
|
<template>
|
|
<template>
|
|
<div class="">
|
|
<div class="">
|
|
<van-sticky :offset-top="60">
|
|
<van-sticky :offset-top="60">
|
|
- <!-- <van-dropdown-menu ref="menuRef"></van-dropdown-menu> -->
|
|
|
|
- <!-- <van-dropdown-item title="区域选择"> </van-dropdown-item> -->
|
|
|
|
|
|
+ <van-dropdown-menu ref="menuRef">
|
|
|
|
+ <van-dropdown-item title="区域选择">
|
|
|
|
+ <van-tree-select
|
|
|
|
+ v-model:active-id="activeId"
|
|
|
|
+ v-model:main-active-index="activeIndex"
|
|
|
|
+ :items="items"
|
|
|
|
+ />
|
|
|
|
+ </van-dropdown-item>
|
|
|
|
+ </van-dropdown-menu>
|
|
|
|
|
|
- <div class="h-40 flex items-center justify-end bg-white">
|
|
|
|
|
|
+ <!-- <div class="h-40 flex items-center justify-end bg-white">
|
|
<div @click="filterOption.show = true" class="text-black-6 text-base">
|
|
<div @click="filterOption.show = true" class="text-black-6 text-base">
|
|
<span>{{ filterLabel }}</span>
|
|
<span>{{ filterLabel }}</span>
|
|
<span class="iconfont icon-caret-down"></span>
|
|
<span class="iconfont icon-caret-down"></span>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
</van-sticky>
|
|
</van-sticky>
|
|
<van-empty
|
|
<van-empty
|
|
v-if="!listData.length && !loading"
|
|
v-if="!listData.length && !loading"
|
|
@@ -44,6 +51,27 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
|
+const activeId = ref(1);
|
|
|
|
+const activeIndex = ref(0);
|
|
|
|
+const items = [
|
|
|
|
+ {
|
|
|
|
+ text: "浙江",
|
|
|
|
+ children: [
|
|
|
|
+ { text: "杭州", id: 1 },
|
|
|
|
+ { text: "温州", id: 2 },
|
|
|
|
+ { text: "宁波", id: 3 },
|
|
|
|
+ ],
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: "江苏",
|
|
|
|
+ children: [
|
|
|
|
+ { text: "南京", id: 4 },
|
|
|
|
+ { text: "无锡", id: 5 },
|
|
|
|
+ { text: "徐州", id: 6 },
|
|
|
|
+ ],
|
|
|
|
+ },
|
|
|
|
+ { text: "福建", disabled: true },
|
|
|
|
+];
|
|
const requestQuery = reactive({
|
|
const requestQuery = reactive({
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|