添加其他筛选条件

pages/index/components/condition.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="box defaultBgc">
+	<view class="box defaultBgc" style="z-index: 1;">
 		<view>
 			<uni-search-bar
         v-model="params.content"
@@ -13,6 +13,11 @@
       ></uni-search-bar>
 			<view style="padding: 0 10px;">
 				<FilterList :list="filterList" idValue="label" @change="handleSearch"></FilterList>
+				<!-- <FilterList :list="filterListExtend" idValue="label" @change="handleSearch"></FilterList> -->
+			</view>
+			<view class="text-center" @tap.stop="showExtend = !showExtend" style="z-index: 1;">
+				<uni-icons v-if="showExtend" type="up" :color="existExtendValues ? '#00B760': '#0E100F'" size="15" />
+				<uni-icons v-else type="down" :color="existExtendValues ? '#00B760': '#0E100F'" size="15" />
 			</view>
 		</view>
 		
@@ -48,12 +53,20 @@ const params = ref({
 const items = ref([])
 const more = ref('') // 没有筛选条件默认为空，展示提示语。
 const total = ref(0)
+const showExtend = ref(false)
+const existExtendValues = ref(false)
 const filterList = ref([
-  { label: '职位', dictType: 'positionTreeData',key: 'positionId', map: { text: 'nameCn', value: 'id' } },
-  { label: '城市', multiple: true, dictType: 'areaTreeData', key: 'areaIds', map: { text: 'name', value: 'id' } },
+  { label: '所在城市', multiple: true, dictType: 'areaTreeData', key: 'areaIds', map: { text: 'name', value: 'id' } },
+  { label: '工作城市', multiple: true, dictType: 'areaTreeData', key: 'areaIds', map: { text: 'name', value: 'id' } },
   { label: '最高学历', dictType: 'menduner_education_type', key: 'eduType' },
   { label: '工作经验', dictType: 'menduner_exp_type', key: 'expType' },
 ])
+const filterListExtend = ref([
+  { label: '职位类型', dictType: 'positionTreeData',key: 'positionId', map: { text: 'nameCn', value: 'id' } },
+  { slot: true },
+  { slot: true },
+  { slot: true },
+])
 
 // 根据条件搜索人才
 const getTalentList = async () => {