16 changed files with 1518 additions and 25 deletions
@ -0,0 +1,207 @@ |
|||
// subpages/index/recruitment/detail/detail.js
|
|||
import { recruitmentDetail } from '../../../../api/index' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
info: null, |
|||
id: '', |
|||
statusHeight: 0, |
|||
navigationHeight: 44, |
|||
otherJobs: [], // 其他职位列表
|
|||
currentPage: 1, |
|||
totalPages: 1 |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
// 获取系统信息
|
|||
const systemInfo = wx.getSystemInfoSync() |
|||
this.setData({ |
|||
statusHeight: systemInfo.statusBarHeight, |
|||
navigationHeight: 44 |
|||
}) |
|||
|
|||
if(options.id){ |
|||
this.setData({ |
|||
id: options.id |
|||
}) |
|||
this.recruitmentDetail(options.id) |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 获取招聘详情 |
|||
*/ |
|||
recruitmentDetail(id){ |
|||
wx.showLoading({ |
|||
title: '加载中...', |
|||
}) |
|||
|
|||
recruitmentDetail({ id: id }).then(res=>{ |
|||
wx.hideLoading() |
|||
if(res.code === 200){ |
|||
this.setData({ |
|||
info: res.data |
|||
}) |
|||
// 获取其他职位
|
|||
// this.getOtherJobs()
|
|||
} else { |
|||
wx.showToast({ |
|||
title: res.message || '获取详情失败', |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
wx.hideLoading() |
|||
wx.showToast({ |
|||
title: '网络错误', |
|||
icon: 'none' |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 返回上一页 |
|||
*/ |
|||
handleGoToBack() { |
|||
wx.navigateBack() |
|||
}, |
|||
|
|||
/** |
|||
* 获取其他职位 |
|||
*/ |
|||
getOtherJobs() { |
|||
// 模拟其他职位数据
|
|||
// const mockOtherJobs = [
|
|||
// {
|
|||
// id: 1001,
|
|||
// position: '质量工程师',
|
|||
// minWage: '9',
|
|||
// maxWage: '12',
|
|||
// publishTime: '2025-08-13',
|
|||
// minEdu: '本科',
|
|||
// workExp: '不限'
|
|||
// },
|
|||
// {
|
|||
// id: 1002,
|
|||
// position: '销售工程师',
|
|||
// minWage: '10',
|
|||
// maxWage: '18',
|
|||
// publishTime: '2025-08-13',
|
|||
// minEdu: '本科',
|
|||
// workExp: '不限'
|
|||
// },
|
|||
// {
|
|||
// id: 1003,
|
|||
// position: '光学工程师',
|
|||
// minWage: '7',
|
|||
// maxWage: '9',
|
|||
// publishTime: '2025-08-13',
|
|||
// minEdu: '本科',
|
|||
// workExp: '不限'
|
|||
// }
|
|||
// ]
|
|||
|
|||
// this.setData({
|
|||
// otherJobs: mockOtherJobs,
|
|||
// totalPages: 1
|
|||
// })
|
|||
}, |
|||
|
|||
/** |
|||
* 点击其他职位 |
|||
*/ |
|||
onOtherJobTap(e) { |
|||
const item = e.currentTarget.dataset.item |
|||
wx.navigateTo({ |
|||
url: `/subpages/index/recruitment/detail/detail?id=${item.id}` |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 上一页 |
|||
*/ |
|||
onPrevPage() { |
|||
if (this.data.currentPage > 1) { |
|||
this.setData({ |
|||
currentPage: this.data.currentPage - 1 |
|||
}) |
|||
// 这里可以调用API获取对应页面的数据
|
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 下一页 |
|||
*/ |
|||
onNextPage() { |
|||
if (this.data.currentPage < this.data.totalPages) { |
|||
this.setData({ |
|||
currentPage: this.data.currentPage + 1 |
|||
}) |
|||
// 这里可以调用API获取对应页面的数据
|
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 申请职位 |
|||
*/ |
|||
onApply() { |
|||
wx.showToast({ |
|||
title: '申请成功', |
|||
icon: 'success' |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,8 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"van-icon": "@vant/weapp/icon/index", |
|||
"van-button": "@vant/weapp/button/index", |
|||
"van-loading": "@vant/weapp/loading/index" |
|||
}, |
|||
"navigationStyle": "custom" |
|||
} |
|||
@ -0,0 +1,111 @@ |
|||
<!-- subpages/index/recruitment/detail/detail.wxml --> |
|||
<view class="detail-container" style="background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%),linear-gradient(to right, #befeed 0%, #d5eefe 50%, #ebe9fb 100%);background-size: 100% 400rpx, 100% 400rpx;background-repeat: no-repeat;"> |
|||
<!-- 头部 --> |
|||
<view class="header"> |
|||
<view class="navigation-back" bind:tap="handleGoToBack" style="top: {{statusHeight}}px;"> |
|||
<van-icon name="arrow-left" size="50rpx" color="#333333" /> |
|||
</view> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;line-height:{{navigationHeight}}px;text-align: center;"> |
|||
职位详情 |
|||
</view> |
|||
</view> |
|||
<!-- 内容区域 --> |
|||
<view class="content-body" wx:if="{{info}}"> |
|||
<!-- 职位基本信息 --> |
|||
<view class="job-basic-info"> |
|||
<view class="flex flex-sb"> |
|||
<view class="job-title">{{info.positionCategory || ''}}</view> |
|||
<view class="job-salary" style="color: #0fb3a2;"> |
|||
{{info.minWage || ''}}-{{info.maxWage || ''}}k |
|||
</view> |
|||
</view> |
|||
<view class="job-meta"> |
|||
<text class="meta-item" wx:if="{{info.minEdu}}">{{info.minEdu || ''}}</text> |
|||
<text class="meta-item" wx:if="{{info.workExp}}">{{info.workExp || ''}}</text> |
|||
<text class="meta-item" wx:if="{{info.recruitingNumbers}}">{{info.recruitingNumbers }}人</text> |
|||
</view> |
|||
<view class="job-time"> |
|||
<text>招聘时间: {{info.startTime || ''}}至{{info.endTime || ''}}</text> |
|||
<text >发布: {{info.releaseTime || ''}}</text> |
|||
</view> |
|||
</view> |
|||
<!-- 职位详情 --> |
|||
<view class="job-detail-section"> |
|||
<view class="section-title">职位详情</view> |
|||
<view class="detail-content"> |
|||
<!-- <view class="detail-item"> |
|||
<text class="item-title">任职要求:</text> |
|||
<view class="item-content"> |
|||
<text>1. 统招本科学历，1年及以上Java开发经验，人在青岛，不接受外地人员;</text> |
|||
<text>2. 掌握Java基础，掌握Mysql等主流数据库的使用;</text> |
|||
<text>3. 精通Spring、Spring Boot、Mybatis等主流框架;</text> |
|||
<text>4. 熟悉SpringCloud微服务开发，熟练使用相关组件;</text> |
|||
<text>5. 熟悉分布式系统开发，熟悉Nginx、Redis、MQ、ES等中间件技术;</text> |
|||
<text>6. 具备良好的沟通能力，团队合作精神，责任心强;</text> |
|||
</view> |
|||
</view> --> |
|||
<view class="detail-item"> |
|||
<text class="item-title">岗位描述:</text> |
|||
<view class="item-content"> |
|||
<text>{{info.jobDescription || '无'}}</text> |
|||
</view> |
|||
</view> |
|||
<!-- <view class="detail-item"> |
|||
<text class="item-title">其他描述:</text> |
|||
<view class="item-content"> |
|||
<text>无</text> |
|||
</view> |
|||
</view> --> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 公司详情 --> |
|||
<view class="company-detail-section"> |
|||
<view class="section-title">公司详情</view> |
|||
<view class="company-info-card"> |
|||
<view class="company-header"> |
|||
<view class="flex "> |
|||
<view class="company-basic"> |
|||
<view class="company-name">{{info.companyName || ''}}</view> |
|||
<view class="company-tags"> |
|||
<text class="tag">{{info.area || ''}}</text> |
|||
<text class="tag">{{info.companyType || ''}}</text> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="company-contact"> |
|||
<van-icon name="location-o" /><text class="contact-item"> {{info.companyAddr || ''}}</text> |
|||
</view> |
|||
<view class="company-contact mt-10"> |
|||
<van-icon name="phone-o" /><text class="contact-item"> {{info.contactPerson}}{{info.contactPhone || ''}}</text> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="company-description"> |
|||
<text>{{info.companyProfile || ''}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 其他职位 --> |
|||
<!-- <view class="other-jobs-section"> |
|||
<view class="section-title">其他职位</view> |
|||
<view class="job-item" wx:for="{{otherJobs}}" wx:key="id" bind:tap="onOtherJobTap" data-item="{{item}}"> |
|||
<view class="job-header"> |
|||
<view class="job-title-small">{{item.position}}</view> |
|||
<view class="job-salary-small" style="color: #0fb3a2;">{{item.minWage}}-{{item.maxWage}}k</view> |
|||
</view> |
|||
<view class="job-meta-small"> |
|||
<text class="meta-small">{{item.publishTime}}</text> |
|||
<text class="meta-small">{{item.minEdu}}</text> |
|||
<text class="meta-small">{{item.workExp}}</text> |
|||
</view> |
|||
</view> |
|||
</view> --> |
|||
</view> |
|||
<!-- 加载状态 --> |
|||
<view class="loading-section" wx:if="{{!info}}"> |
|||
<van-loading size="40rpx" text="加载中..." /> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,311 @@ |
|||
/* subpages/index/recruitment/detail/detail.wxss */ |
|||
|
|||
.detail-container { |
|||
background-color: #f8f8f8; |
|||
min-height: 100vh; |
|||
} |
|||
|
|||
/* 头部样式 - 继承自recruitment页面 */ |
|||
.header { |
|||
width: 100%; |
|||
position: relative; |
|||
} |
|||
|
|||
.navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: #333333; |
|||
font-size: 30rpx; |
|||
position: relative; |
|||
z-index: 10; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.navigation-back { |
|||
position: absolute; |
|||
left: 0rpx; |
|||
z-index: 1000; |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
border-radius: 50%; |
|||
} |
|||
|
|||
/* 通用flex样式 */ |
|||
.flex { |
|||
display: flex; |
|||
} |
|||
|
|||
.flex-sb { |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
/* 内容区域 */ |
|||
.content-body { |
|||
padding: 20rpx; |
|||
margin-top: 50rpx; |
|||
} |
|||
|
|||
/* 职位基本信息卡片 */ |
|||
.job-basic-info { |
|||
border-radius: 12rpx; |
|||
padding: 30rpx; |
|||
margin-bottom: 20rpx; |
|||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.job-title { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
color: #333; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.job-salary { |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.job-meta { |
|||
display: flex; |
|||
gap: 20rpx; |
|||
margin-bottom: 20rpx; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.meta-item { |
|||
font-size: 26rpx; |
|||
color: #666; |
|||
background-color: #f5f5f5; |
|||
padding: 8rpx 16rpx; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
.job-time { |
|||
font-size: 24rpx; |
|||
color: #999; |
|||
border-top: 1rpx solid #f0f0f0; |
|||
padding-top: 20rpx; |
|||
line-height: 1.6; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
/* 职位详情部分 */ |
|||
.job-detail-section { |
|||
background-color: #fff; |
|||
border-radius: 12rpx; |
|||
padding: 30rpx; |
|||
margin-bottom: 50rpx; |
|||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.section-title { |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #333; |
|||
margin-bottom: 20rpx; |
|||
padding-bottom: 10rpx; |
|||
} |
|||
|
|||
.detail-content { |
|||
line-height: 1.6; |
|||
} |
|||
|
|||
.detail-item { |
|||
margin-bottom: 30rpx; |
|||
} |
|||
|
|||
.item-title { |
|||
font-size: 28rpx; |
|||
font-weight: 600; |
|||
color: #333; |
|||
display: block; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
|
|||
.item-content { |
|||
font-size: 26rpx; |
|||
color: #666; |
|||
line-height: 1.8; |
|||
} |
|||
|
|||
.item-content text { |
|||
display: block; |
|||
margin-bottom: 8rpx; |
|||
} |
|||
|
|||
/* 底部操作按钮 */ |
|||
.action-buttons { |
|||
position: fixed; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
background-color: #fff; |
|||
padding: 20rpx 30rpx; |
|||
box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
z-index: 100; |
|||
} |
|||
|
|||
/* 公司详情部分 */ |
|||
.company-detail-section { |
|||
background-color: #fff; |
|||
border-radius: 12rpx; |
|||
padding: 30rpx; |
|||
margin-bottom: 20rpx; |
|||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.company-info-card { |
|||
border-radius: 8rpx; |
|||
} |
|||
|
|||
.company-header { |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.company-logo { |
|||
width: 120rpx; |
|||
height: 120rpx; |
|||
margin-right: 20rpx; |
|||
border-radius: 8rpx; |
|||
overflow: hidden; |
|||
background-color: #f5f5f5; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.logo-image { |
|||
width: 100%; |
|||
height: 100%; |
|||
border-radius: 8rpx; |
|||
} |
|||
|
|||
.company-basic { |
|||
flex: 1; |
|||
} |
|||
|
|||
.company-name { |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #333; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
|
|||
.company-tags { |
|||
display: flex; |
|||
gap: 12rpx; |
|||
margin-bottom: 15rpx; |
|||
} |
|||
|
|||
.tag { |
|||
font-size: 24rpx; |
|||
color: #666; |
|||
background-color: #f5f5f5; |
|||
padding: 4rpx 12rpx; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
.company-contact { |
|||
display: flex; |
|||
/* flex-direction: column; */ |
|||
gap: 8rpx; |
|||
} |
|||
|
|||
.contact-item { |
|||
font-size: 24rpx; |
|||
color: #666; |
|||
line-height: 1.4; |
|||
} |
|||
|
|||
.company-description { |
|||
font-size: 26rpx; |
|||
color: #666; |
|||
line-height: 1.8; |
|||
text-align: justify; |
|||
} |
|||
|
|||
/* 其他职位部分 */ |
|||
.other-jobs-section { |
|||
background-color: #fff; |
|||
border-radius: 12rpx; |
|||
padding: 30rpx; |
|||
margin-bottom: 20rpx; |
|||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.other-jobs-section .job-item { |
|||
border: 1rpx solid #f0f0f0; |
|||
border-radius: 8rpx; |
|||
padding: 20rpx; |
|||
margin-bottom: 15rpx; |
|||
background-color: #fafafa; |
|||
} |
|||
|
|||
.other-jobs-section .job-item:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.job-title-small { |
|||
font-size: 28rpx; |
|||
font-weight: 600; |
|||
color: #333; |
|||
} |
|||
|
|||
.job-salary-small { |
|||
font-size: 26rpx; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.job-meta-small { |
|||
display: flex; |
|||
gap: 15rpx; |
|||
margin-top: 10rpx; |
|||
} |
|||
|
|||
.meta-small { |
|||
font-size: 22rpx; |
|||
color: #999; |
|||
background-color: #f0f0f0; |
|||
padding: 4rpx 8rpx; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
/* 分页导航 */ |
|||
.pagination { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
gap: 30rpx; |
|||
padding: 20rpx; |
|||
background-color: #fff; |
|||
border-radius: 12rpx; |
|||
margin-bottom: 100rpx; |
|||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.page-info { |
|||
font-size: 26rpx; |
|||
color: #666; |
|||
min-width: 80rpx; |
|||
text-align: center; |
|||
} |
|||
|
|||
/* 加载状态 */ |
|||
.loading-section { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
padding: 100rpx 40rpx; |
|||
min-height: 50vh; |
|||
} |
|||
@ -0,0 +1,276 @@ |
|||
// subpages/index/recruitment/recruitment.js
|
|||
import { recruitmentList,dictDataList,getDetailByGraduateId,getPostListByType } from "../../../api/index" |
|||
const app = getApp(); |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
searchValue: '', |
|||
areaValue: '', |
|||
industryValue: '', |
|||
positionValue: '', // 默认选中"岗位"
|
|||
salaryValue: '', |
|||
showTip: true, |
|||
loading: false, |
|||
navigationHeight: 44, |
|||
statusHeight: 20, |
|||
jobList: [], |
|||
// 筛选选项
|
|||
areaOptions: [], |
|||
industryOptions: [], |
|||
positionOptions: [ |
|||
{ text: '岗位', value: '' }, |
|||
], |
|||
salaryOptions: [], |
|||
userInfo: {}, |
|||
recommendShow: true |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
// 获取系统信息，设置导航栏高度
|
|||
const systemInfo = wx.getSystemInfoSync(); |
|||
const navigationHeight = systemInfo.platform === 'ios' ? 44 : 48; |
|||
this.setData({ |
|||
navigationHeight: navigationHeight, |
|||
statusHeight: systemInfo.statusBarHeight |
|||
}); |
|||
this.getDictData(); |
|||
if(options.recommendShow){ |
|||
this.setData({ |
|||
recommendShow:false |
|||
}) |
|||
} |
|||
}, |
|||
async getDetailByGraduateId() { |
|||
try { |
|||
const res = await getDetailByGraduateId({ graduateId: app.globalData.userInfo.graduateId }); |
|||
if (res.code === 200) { |
|||
this.setData({ |
|||
userInfo: res.data || {}, |
|||
showTip: res.data.hopeWorkAddress && res.data.hopeCareer && res.data.hopeSalary&&res.data.hopePosition, |
|||
areaValue:this.data.areaOptions.find(item => item.dictValue == res.data.hopeWorkAddress)?.text || '', |
|||
industryValue:this.data.industryOptions.find(item => item.dictValue == res.data.hopeCareer)?.text || '', |
|||
salaryValue:this.data.salaryOptions.find(item => item.dictValue == res.data.hopeSalary)?.text || '', |
|||
|
|||
}); |
|||
} |
|||
} catch (error) { |
|||
if(error.data){ |
|||
this.setData({ |
|||
userInfo: error.data || {}, |
|||
showTip: error.data.hopeWorkAddress && error.data.hopeCareer && error.data.hopeSalary&&error.data.hopePosition, |
|||
areaValue:this.data.areaOptions.find(item => item.dictValue == error.data.hopeWorkAddress)?.text || '', |
|||
industryValue:this.data.industryOptions.find(item => item.dictValue == error.data.hopeCareer)?.text || '', |
|||
salaryValue:this.data.salaryOptions.find(item => item.dictValue == error.data.hopeSalary)?.text || '', |
|||
|
|||
}); |
|||
} |
|||
} finally { |
|||
this.getPostListByType() |
|||
this.loadJobList(); |
|||
} |
|||
|
|||
}, |
|||
async getDictData() { |
|||
try { |
|||
const res1 = await dictDataList({ dictType: 'sys_career' }); |
|||
if (res1.code === 200) { |
|||
this.setData({ |
|||
industryOptions: [ |
|||
{ text: '行业', value: '' }, |
|||
...res1.rows.map(item => ({ |
|||
text: item.dictLabel, |
|||
value:item.dictLabel, |
|||
...item |
|||
})) |
|||
] |
|||
}); |
|||
} |
|||
const res2 = await dictDataList({ dictType: 'sys_salary' }); |
|||
if (res2.code === 200) { |
|||
this.setData({ |
|||
salaryOptions: [ |
|||
{ text: '薪资', value: '' }, |
|||
...res2.rows.map(item => ({ |
|||
text: item.dictLabel, |
|||
value:item.dictLabel, |
|||
...item |
|||
})) |
|||
] |
|||
}); |
|||
} |
|||
const res3 = await dictDataList({ dictType: 'working_place' }); |
|||
if (res3.code === 200) { |
|||
this.setData({ |
|||
areaOptions: [ |
|||
{ text: '区域', value: '' }, |
|||
...res3.rows.map(item => ({ |
|||
text: item.dictLabel, |
|||
value:item.dictLabel, |
|||
...item |
|||
})) |
|||
] |
|||
}); |
|||
} |
|||
this.getDetailByGraduateId(); |
|||
} catch (error) { |
|||
console.error('获取字典数据失败:', error); |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 搜索 |
|||
*/ |
|||
onSearch() { |
|||
console.log('搜索关键词:', this.data.searchValue); |
|||
this.loadJobList(); |
|||
}, |
|||
|
|||
/** |
|||
* 城区筛选 |
|||
*/ |
|||
onAreaChange(event) { |
|||
this.setData({ |
|||
areaValue: event.detail |
|||
}); |
|||
this.loadJobList(); |
|||
}, |
|||
|
|||
/** |
|||
* 行业筛选 |
|||
*/ |
|||
onIndustryChange(event) { |
|||
this.setData({ |
|||
industryValue: event.detail, |
|||
}); |
|||
this.getPostListByType(true); |
|||
this.loadJobList(); |
|||
}, |
|||
async getPostListByType(change) { |
|||
const res = await getPostListByType({ type: this.data.industryValue }); |
|||
if (res.code === 200) { |
|||
// 重置岗位选项，确保"岗位"选项在最前面
|
|||
const basePositionOptions = [{ text: '岗位', value: '' }]; |
|||
const newPositionOptions = res.data.map(item => ({ |
|||
text: item, |
|||
value: item, |
|||
})); |
|||
this.setData({ |
|||
positionOptions: [ |
|||
...basePositionOptions, |
|||
...newPositionOptions |
|||
], |
|||
positionValue:change?'':this.data.userInfo.hopePosition?this.data.userInfo.hopePosition:'' // 设置为空字符串，对应"岗位"选项的value
|
|||
}); |
|||
console.log(this.data.positionOptions,this.data.positionValue); |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 岗位筛选 |
|||
*/ |
|||
onPositionChange(event) { |
|||
this.setData({ |
|||
positionValue: event.detail |
|||
}); |
|||
this.loadJobList(); |
|||
}, |
|||
|
|||
/** |
|||
* 薪资筛选 |
|||
*/ |
|||
onSalaryChange(event) { |
|||
this.setData({ |
|||
salaryValue: event.detail |
|||
}); |
|||
this.loadJobList(); |
|||
}, |
|||
|
|||
|
|||
/** |
|||
* 去完善信息 |
|||
*/ |
|||
goComplete() { |
|||
wx.navigateTo({ |
|||
url: '/subpages/mine/editUser/editUser' |
|||
}); |
|||
}, |
|||
|
|||
/** |
|||
* 点击职位 |
|||
*/ |
|||
onJobTap(event) { |
|||
const item = event.currentTarget.dataset.item; |
|||
wx.navigateTo({ |
|||
url: `/subpages/index/recruitment/detail/detail?id=${item.id}` |
|||
}); |
|||
}, |
|||
|
|||
/** |
|||
* 加载职位列表 |
|||
*/ |
|||
async loadJobList() { |
|||
this.setData({ |
|||
loading: true |
|||
}); |
|||
|
|||
try { |
|||
const res = await recruitmentList({ |
|||
position:this.data.positionValue, |
|||
positionCategory: this.data.industryValue, |
|||
workAddr: this.data.areaValue, |
|||
hopeWage: this.data.salaryValue, |
|||
searchKeyword: this.data.searchValue, |
|||
}); |
|||
|
|||
if (res.code === 200) { |
|||
this.setData({ |
|||
jobList: res.rows || [], |
|||
loading: false |
|||
}); |
|||
} else { |
|||
this.setData({ |
|||
loading: false |
|||
}); |
|||
wx.showToast({ |
|||
title: '加载失败', |
|||
icon: 'none' |
|||
}); |
|||
} |
|||
} catch (error) { |
|||
console.error('加载招聘列表失败:', error); |
|||
this.setData({ |
|||
loading: false |
|||
}); |
|||
wx.showToast({ |
|||
title: '网络错误', |
|||
icon: 'none' |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
// this.loadJobList();
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
this.loadJobList(); |
|||
wx.stopPullDownRefresh(); |
|||
}, |
|||
handleGoToBack() { |
|||
wx.navigateBack({ |
|||
delta: 1 |
|||
}); |
|||
} |
|||
}) |
|||
@ -0,0 +1,11 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"van-search": "@vant/weapp/search/index", |
|||
"van-dropdown-menu": "@vant/weapp/dropdown-menu/index", |
|||
"van-dropdown-item": "@vant/weapp/dropdown-item/index", |
|||
"van-tag": "@vant/weapp/tag/index", |
|||
"van-button": "@vant/weapp/button/index", |
|||
"van-icon": "@vant/weapp/icon/index" |
|||
}, |
|||
"navigationStyle": "custom" |
|||
} |
|||
@ -0,0 +1,105 @@ |
|||
<!--subpages/index/recruitment/recruitment.wxml--> |
|||
<view class="recruitment-container" > |
|||
<!-- 头部 --> |
|||
<view class="header"> |
|||
<view class="navigation-back" bind:tap="handleGoToBack" style="top: {{statusHeight + 10}}px;"> |
|||
<van-icon name="arrow-left" size="50rpx" color="#333333" /> |
|||
</view> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;line-height:{{navigationHeight}}px;text-align: center;"> |
|||
{{recommendShow ? '招聘信息' : '推荐岗位'}} |
|||
</view> |
|||
<!-- 搜索框 --> |
|||
<view class="search-section" style="margin-top: {{statusHeight}}px;" wx:if="{{recommendShow}}"> |
|||
<van-search |
|||
model:value="{{ searchValue }}" |
|||
placeholder="请输入职位/公司" |
|||
bind:search="onSearch" |
|||
shape="round" |
|||
background="transparent" |
|||
field-style="background: #fff; border-radius: 50rpx;" |
|||
> |
|||
</van-search> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 内容区域 --> |
|||
<view class="content-body"> |
|||
<!-- 筛选下拉菜单 --> |
|||
<view class="filter-section" wx:if="{{recommendShow}}"> |
|||
<van-dropdown-menu active-color="#01bbaf"> |
|||
<van-dropdown-item |
|||
model:value="{{ areaValue }}" |
|||
options="{{ areaOptions }}" |
|||
bind:change="onAreaChange" |
|||
/> |
|||
<van-dropdown-item |
|||
model:value="{{ industryValue }}" |
|||
options="{{ industryOptions }}" |
|||
bind:change="onIndustryChange" |
|||
/> |
|||
<van-dropdown-item |
|||
model:value="{{ positionValue }}" |
|||
options="{{ positionOptions }}" |
|||
bind:change="onPositionChange" |
|||
/> |
|||
<van-dropdown-item |
|||
model:value="{{ salaryValue }}" |
|||
options="{{ salaryOptions }}" |
|||
bind:change="onSalaryChange" |
|||
/> |
|||
</van-dropdown-menu> |
|||
</view> |
|||
|
|||
<!-- 温馨提示 --> |
|||
<view class="tip-section" wx:if="{{ !showTip }}"> |
|||
<view class="tip-content"> |
|||
<van-icon name="warning" size="32rpx" color="#ff9500" /> |
|||
<text class="tip-text">您尚未填写意向岗位，请补充完善信息。</text> |
|||
<van-button size="mini" round color="#f1a113" bind:click="goComplete">去完善</van-button> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 职位列表 --> |
|||
<view class="job-list"> |
|||
|
|||
<view class="job-item" wx:for="{{ jobList }}" wx:key="id" bind:tap="onJobTap" data-item="{{ item }}"> |
|||
<view class="job-header"> |
|||
<view class="job-title">{{ item.positionCategory }}</view> |
|||
<view class="job-salary" style="color: #0fb3a2;">{{ item.minWage }}-{{ item.maxWage }}</view> |
|||
</view> |
|||
<view class="job-info"> |
|||
<text class="job-date" wx:if="{{item.startTime}}">{{ item.startTime ||''}}</text> |
|||
<text class="job-degree" wx:if="{{item.minEdu}}">{{ item.minEdu||'' }}</text> |
|||
<text class="job-experience" wx:if="{{item.workExp}}">{{ item.workExp ||''}}</text> |
|||
</view> |
|||
<view class="company-info"> |
|||
<text class="company-name">{{ item.companyName ||'' }}</text> |
|||
<text class="company-source">来源: 招聘e站</text> |
|||
</view> |
|||
<!-- <view class="job-tags" wx:if="{{ item.benefits && item.benefits.length > 0 }}"> |
|||
<van-tag |
|||
wx:for="{{ item.benefits }}" |
|||
wx:for-item="benefits" |
|||
wx:key="*this" |
|||
size="small" |
|||
type="primary" |
|||
plain |
|||
> |
|||
{{ tag.benefits }} |
|||
</van-tag> |
|||
</view> --> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 加载更多 --> |
|||
<view class="loading-section" wx:if="{{ loading }}"> |
|||
<text>加载中...</text> |
|||
</view> |
|||
|
|||
<!-- 暂无数据 --> |
|||
<view class="empty-section" wx:if="{{ !loading && jobList.length === 0 }}"> |
|||
<image src="../../../images/icon/zwsj.png" class="empty-image" /> |
|||
<text class="empty-text">暂无招聘信息</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,195 @@ |
|||
/* subpages/index/recruitment/recruitment.wxss */ |
|||
|
|||
.recruitment-container { |
|||
background-color: #f8f8f8; |
|||
min-height: 100vh; |
|||
} |
|||
|
|||
/* 头部样式 */ |
|||
.header { |
|||
width: 100%; |
|||
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%),linear-gradient(to right, #befeed 0%, #d5eefe 50%, #ebe9fb 100%);background-size: 100% 300rpx, 100% 300rpx;background-repeat: no-repeat; |
|||
position: relative; |
|||
height: 240rpx; |
|||
} |
|||
.content-body{ |
|||
margin-top: 40rpx; |
|||
} |
|||
.navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: #333333; |
|||
font-size: 30rpx; |
|||
position: relative; |
|||
z-index: 10; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
/* 搜索框样式 */ |
|||
.search-section { |
|||
padding:0 30rpx ; |
|||
} |
|||
|
|||
/* 自定义搜索框内部样式 */ |
|||
.van-search__content { |
|||
background: #fff !important; |
|||
border-radius: 50rpx !important; |
|||
border: 1rpx solid #e5e5e5 !important; |
|||
} |
|||
|
|||
.van-search__field { |
|||
background: #fff !important; |
|||
border-radius: 50rpx !important; |
|||
} |
|||
|
|||
.van-field__input { |
|||
border-radius: 50rpx !important; |
|||
} |
|||
|
|||
/* 筛选区域样式 */ |
|||
.filter-section { |
|||
background-color: #fff; |
|||
border-top: 1rpx solid #eee; |
|||
} |
|||
|
|||
/* 温馨提示样式 */ |
|||
.tip-section { |
|||
background-color: #fff5e6; |
|||
border: 1rpx solid #ffcc99; |
|||
margin: 20rpx; |
|||
border-radius: 8rpx; |
|||
} |
|||
|
|||
.tip-content { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 20rpx; |
|||
} |
|||
.navigation-back{ |
|||
position: absolute; |
|||
left: 0rpx; |
|||
z-index: 1000; |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
border-radius: 50%; |
|||
} |
|||
.tip-text { |
|||
flex: 1; |
|||
margin-left: 12rpx; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
/* 职位列表样式 */ |
|||
.job-list { |
|||
padding: 0 20rpx; |
|||
} |
|||
|
|||
.job-item { |
|||
background-color: #fff; |
|||
border-radius: 12rpx; |
|||
padding: 30rpx; |
|||
margin-bottom: 20rpx; |
|||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.job-header { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.job-title { |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #333; |
|||
flex: 1; |
|||
} |
|||
|
|||
.job-salary { |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.job-info { |
|||
display: flex; |
|||
gap: 20rpx; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.job-date, |
|||
.job-degree, |
|||
.job-experience { |
|||
font-size: 26rpx; |
|||
color: #666; |
|||
background-color: #f5f5f5; |
|||
padding: 8rpx 16rpx; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
.company-info { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.company-name { |
|||
font-size: 28rpx; |
|||
color: #333; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.company-source { |
|||
font-size: 24rpx; |
|||
color: #999; |
|||
} |
|||
|
|||
.job-tags { |
|||
display: flex; |
|||
gap: 12rpx; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
/* 加载状态样式 */ |
|||
.loading-section { |
|||
text-align: center; |
|||
padding: 40rpx; |
|||
color: #999; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
/* 空状态样式 */ |
|||
.empty-section { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding: 100rpx 40rpx; |
|||
} |
|||
|
|||
.empty-image { |
|||
width: 200rpx; |
|||
height: 150rpx; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.empty-text { |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
} |
|||
|
|||
/* 下拉菜单自定义样式 */ |
|||
.van-dropdown-menu { |
|||
box-shadow: none; |
|||
border-bottom: 1rpx solid #eee; |
|||
} |
|||
|
|||
.van-dropdown-menu__title { |
|||
font-size: 28rpx; |
|||
} |
|||
Loading…
Reference in new issue