筛选条件功能开发
This commit is contained in:
francis-fh
@@ -46,7 +46,7 @@
|
||||
:class="{ 'hidden-height': shouldHideTop }"
|
||||
>
|
||||
<view class="container-search" v-if="shouldShowJobSeekerContent">
|
||||
<view class="search-input button-click" @click="navTo('/pages/search/search', { query: { regionCode: selectedCity.code, regionName: selectedCity.name } })">
|
||||
<view class="search-input button-click" @click="goToSearch">
|
||||
<uni-icons class="iconsearch" color="#666666" type="search" size="18"></uni-icons>
|
||||
<text class="inpute">职位名称、薪资要求等</text>
|
||||
</view>
|
||||
@@ -279,9 +279,15 @@
|
||||
{{ item.text }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="btm-right button-click" @click="openFilter">
|
||||
筛选
|
||||
<image class="right-sx" :class="{ active: showFilter }" src="@/static/icon/shaixun.png"></image>
|
||||
<view class="btm-right-group">
|
||||
<view class="btm-right button-click" @click="openFilter">
|
||||
筛选
|
||||
<image class="right-sx" :class="{ active: showFilter }" src="@/static/icon/shaixun.png"></image>
|
||||
</view>
|
||||
<view class="btm-clear button-click" v-if="hasActiveFilters" @click="clearFilters">
|
||||
<uni-icons type="trash" size="18" color="#256BFA"></uni-icons>
|
||||
<text>清除</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -345,10 +351,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="falls-card-company2">
|
||||
<image class="point3" src="/static/icon/point3.png"></image>
|
||||
<view class="fl_1">
|
||||
{{ job.companyName }}
|
||||
</view>
|
||||
{{ job.companyName }}
|
||||
</view>
|
||||
<!-- 招聘者显示上下架开关 -->
|
||||
<view class="falls-card-actions" v-if="isRecruiter">
|
||||
@@ -414,7 +417,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="falls-card-company" v-show="isShowJw !== 3">
|
||||
{{ config.appInfo.areaName }}
|
||||
{{ job.regionName }}
|
||||
<!-- {{ job.jobLocation }} -->
|
||||
<dict-Label dictType="jobLocationAreaCode" :value="job.jobLocationAreaCode"></dict-Label>
|
||||
</view>
|
||||
@@ -433,10 +436,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="falls-card-company2">
|
||||
<image class="point3" src="/static/icon/point3.png"></image>
|
||||
<view class="fl_1">
|
||||
{{ job.companyName }}
|
||||
</view>
|
||||
{{ job.companyName }}
|
||||
</view>
|
||||
<!-- 招聘者显示上下架开关 -->
|
||||
<view class="falls-card-actions" v-if="isRecruiter">
|
||||
@@ -733,6 +733,15 @@ const showFilter = ref(false);
|
||||
const selectFilterModel = ref(null);
|
||||
const showModel = ref(false);
|
||||
const showNewFilter = ref(false);
|
||||
// 判断是否有活跃的筛选条件
|
||||
const hasActiveFilters = computed(() => {
|
||||
// 城市选择
|
||||
if (selectedCity.value.code) return true;
|
||||
// 筛选弹窗的条件（除了 order 之外还有其他字段）
|
||||
const searchKeys = Object.keys(pageState.search).filter(k => k !== 'order');
|
||||
if (searchKeys.length > 0) return true;
|
||||
return false;
|
||||
});
|
||||
// 选中的城市
|
||||
const selectedCity = ref({ code: '', name: '' });
|
||||
const rangeOptions = ref([
|
||||
@@ -893,6 +902,19 @@ const handleLoginSuccess = () => {
|
||||
// H5环境下从URL获取token并自动登录
|
||||
// onLoad 函数已移至下方，包含筛选参数处理
|
||||
|
||||
// 跳转到搜索页面，筛选弹窗的地区用 area，添加旁地区的城市用 regionCode
|
||||
const goToSearch = () => {
|
||||
const query = {
|
||||
regionCode: selectedCity.value.code,
|
||||
regionName: selectedCity.value.name,
|
||||
};
|
||||
// area 只有在筛选弹窗选了地区时才传
|
||||
if (pageState.search.area) {
|
||||
query.area = pageState.search.area;
|
||||
}
|
||||
navTo('/pages/search/search', { query });
|
||||
};
|
||||
|
||||
// 处理附近工作点击
|
||||
const handleNearbyClick = (options ) => {
|
||||
// #ifdef MP-WEIXIN
|
||||
@@ -1094,6 +1116,16 @@ function openFilter() {
|
||||
emits('onShowTabbar', false);
|
||||
}
|
||||
|
||||
function clearFilters() {
|
||||
// 清除筛选弹窗条件，保留 order
|
||||
pageState.search = { order: pageState.search.order };
|
||||
// 清除城市选择
|
||||
selectedCity.value = { code: '', name: '' };
|
||||
conditionSearch.value = {};
|
||||
// 刷新列表
|
||||
getJobRecommend('refresh');
|
||||
}
|
||||
|
||||
function handleNewFilterConfirm(values) {
|
||||
pageState.search = {
|
||||
...pageState.search,
|
||||
@@ -1993,6 +2025,9 @@ defineExpose({ loadData });
|
||||
font-weight: 500;
|
||||
font-size: 66rpx;
|
||||
color: #256BFA;
|
||||
.btm-right-group
|
||||
display: flex
|
||||
align-items: center
|
||||
.btm-right
|
||||
font-family: 'PingFangSC-Regular', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
@@ -2003,6 +2038,18 @@ defineExpose({ loadData });
|
||||
height: 32rpx;
|
||||
.active
|
||||
transform: rotate(180deg)
|
||||
.btm-clear
|
||||
display: flex
|
||||
align-items: center
|
||||
gap: 4rpx
|
||||
padding: 10rpx 16rpx
|
||||
margin-left: 12rpx
|
||||
background: #EBF0FF
|
||||
border: 1rpx solid #B3C6FF
|
||||
border-radius: 10rpx
|
||||
font-size: 36rpx
|
||||
color: #256BFA
|
||||
white-space: nowrap
|
||||
.table-list
|
||||
background: #F4F4F4
|
||||
flex: 1
|
||||
|
||||
@@ -79,13 +79,13 @@ onLoad((query) => {
|
||||
if (arr) {
|
||||
historyList.value = uni.getStorageSync('searchList');
|
||||
}
|
||||
const {job, regionCode, regionName} = query;
|
||||
const {job, area, regionCode} = query;
|
||||
if (area) {
|
||||
pageState.search.area = area;
|
||||
}
|
||||
if (regionCode) {
|
||||
pageState.search.regionCode = regionCode;
|
||||
}
|
||||
if (regionName) {
|
||||
pageState.search.regionName = regionName;
|
||||
}
|
||||
if (job) {
|
||||
searchValue.value = job;
|
||||
searchBtn();
|
||||
|
||||
Reference in New Issue
Block a user