提交
This commit is contained in:
佳
@@ -5,7 +5,7 @@
|
||||
<view class="card-title">当前职位信息</view>
|
||||
<view class="card-content">
|
||||
<text class="label">当前职位</text>
|
||||
<text class="value">{{ currentJob || '前端开发工程师' }}</text>
|
||||
<text class="value">{{ currentJobDisplay }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -20,11 +20,16 @@
|
||||
>
|
||||
{{ skill }}
|
||||
</view>
|
||||
<text v-if="!skillTags.length && !isLoadingSkillTags" class="empty-text">暂无技能数据</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 相似推荐职位 -->
|
||||
<view class="section-title">相似推荐职位</view>
|
||||
<view class="section-title">
|
||||
相似推荐职位
|
||||
<text v-if="recommendRecordCount > 0" class="recommend-count">共{{ recommendRecordCount }}条记录</text>
|
||||
</view>
|
||||
<view v-if="!isLoadingRecommend && recommendedJobs.length === 0" class="empty-text">暂无推荐职位</view>
|
||||
<view
|
||||
class="job-item-card"
|
||||
v-for="(job, index) in recommendedJobs"
|
||||
@@ -49,99 +54,139 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import { ref, computed, watch } from 'vue';
|
||||
import { getJobSkillDetail } from '@/apiRc/jobSkill.js';
|
||||
import { recommendJob, countJobRecommendRecords, getJobRecommendRecords } from '@/apiRc/jobRecommend.js';
|
||||
|
||||
const props = defineProps({
|
||||
currentJobId: {
|
||||
type: [Number, String],
|
||||
default: null
|
||||
},
|
||||
currentJobName: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
});
|
||||
|
||||
const emit = defineEmits(['job-card-click']);
|
||||
|
||||
// 当前职位信息（后续从接口获取）
|
||||
// TODO: 从接口获取当前职位信息
|
||||
// async function getCurrentJob() {
|
||||
// try {
|
||||
// const response = await getCareerCurrentJob();
|
||||
// if (response && response.code === 200) {
|
||||
// currentJob.value = response.data?.jobTitle || '前端开发工程师';
|
||||
// }
|
||||
// } catch (error) {
|
||||
// console.error('获取当前职位失败:', error);
|
||||
// }
|
||||
// }
|
||||
const currentJob = ref('前端开发工程师'); // mock数据
|
||||
const skillTags = ref([]);
|
||||
const recommendedJobs = ref([]);
|
||||
const recommendRecordCount = ref(0);
|
||||
const recommendRecords = ref([]);
|
||||
const isLoadingSkillTags = ref(false);
|
||||
const isLoadingRecommend = ref(false);
|
||||
const isLoadingRecords = ref(false);
|
||||
|
||||
// 技能标签列表（后续从接口获取）
|
||||
const skillTags = ref(['JavaScript', 'React', 'Vue', 'CSS3', 'HTML5', 'Git', 'Webpack', 'TypeScript']);
|
||||
const currentJobDisplay = computed(() => props.currentJobName || '前端开发工程师');
|
||||
|
||||
// 相似推荐职位列表（后续从接口获取）
|
||||
const recommendedJobs = ref([
|
||||
{
|
||||
id: 1,
|
||||
title: '全栈开发工程师',
|
||||
skills: ['React', 'Node.js', 'TypeScript', '数据库'],
|
||||
possessedSkills: [
|
||||
{ name: 'React', level: 5 },
|
||||
{ name: 'JavaScript', level: 5 },
|
||||
{ name: 'HTML/CSS', level: 6 },
|
||||
{ name: 'Git', level: 5 }
|
||||
],
|
||||
improvementSkills: [
|
||||
{ name: 'Node.js', level: 3 },
|
||||
{ name: '数据库设计', level: 3 },
|
||||
{ name: 'RESTful API', level: 3 },
|
||||
{ name: 'Docker', level: 3 }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: '高级前端开发工程师',
|
||||
skills: ['React', 'Vue', 'TypeScript', 'Webpack'],
|
||||
possessedSkills: [
|
||||
{ name: 'React', level: 5 },
|
||||
{ name: 'Vue', level: 4 },
|
||||
{ name: 'JavaScript', level: 5 }
|
||||
],
|
||||
improvementSkills: [
|
||||
{ name: 'TypeScript', level: 3 },
|
||||
{ name: 'Webpack', level: 3 }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: '前端架构师',
|
||||
skills: ['React', 'Vue', 'TypeScript', '架构设计'],
|
||||
possessedSkills: [
|
||||
{ name: 'React', level: 6 },
|
||||
{ name: 'Vue', level: 5 }
|
||||
],
|
||||
improvementSkills: [
|
||||
{ name: '架构设计', level: 3 },
|
||||
{ name: '技术选型', level: 3 }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: '前端架构师',
|
||||
skills: ['架构设计', '技术选型', '工程化', '团队领导'],
|
||||
possessedSkills: [
|
||||
{ name: '工程化', level: 4 }
|
||||
],
|
||||
improvementSkills: [
|
||||
{ name: '架构设计', level: 3 },
|
||||
{ name: '技术选型', level: 3 },
|
||||
{ name: '团队领导', level: 2 }
|
||||
]
|
||||
function normalizeSkillListForDisplay(skillList = []) {
|
||||
return (Array.isArray(skillList) ? skillList : [])
|
||||
.map(item => item?.skillName)
|
||||
.filter(name => !!name);
|
||||
}
|
||||
|
||||
async function fetchCurrentJobSkills() {
|
||||
if (!props.currentJobId && !props.currentJobName) {
|
||||
skillTags.value = [];
|
||||
return;
|
||||
}
|
||||
]);
|
||||
|
||||
// TODO: 从接口获取推荐职位数据
|
||||
// async function getRecommendedJobs() {
|
||||
// try {
|
||||
// const response = await getCareerRecommendJobs();
|
||||
// if (response && response.code === 200) {
|
||||
// recommendedJobs.value = response.data || [];
|
||||
// }
|
||||
// } catch (error) {
|
||||
// console.error('获取推荐职位失败:', error);
|
||||
// }
|
||||
// }
|
||||
isLoadingSkillTags.value = true;
|
||||
try {
|
||||
const params = {};
|
||||
if (props.currentJobId !== null && props.currentJobId !== undefined && props.currentJobId !== '') {
|
||||
params.jobId = props.currentJobId;
|
||||
}
|
||||
if (props.currentJobName) {
|
||||
params.jobName = props.currentJobName;
|
||||
}
|
||||
const response = await getJobSkillDetail(params);
|
||||
const list = Array.isArray(response?.data) ? response.data : [];
|
||||
skillTags.value = normalizeSkillListForDisplay(list);
|
||||
} catch (error) {
|
||||
console.error('获取当前职位技能失败:', error);
|
||||
skillTags.value = [];
|
||||
} finally {
|
||||
isLoadingSkillTags.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchRecommendedJobs() {
|
||||
const hasJobId = props.currentJobId !== null && props.currentJobId !== undefined && props.currentJobId !== '';
|
||||
if (!hasJobId) {
|
||||
recommendedJobs.value = [];
|
||||
return;
|
||||
}
|
||||
|
||||
isLoadingRecommend.value = true;
|
||||
try {
|
||||
const response = await recommendJob({
|
||||
jobId: props.currentJobId
|
||||
});
|
||||
const list = Array.isArray(response?.data) ? response.data : [];
|
||||
recommendedJobs.value = list.map((item, index) => {
|
||||
const rawSkills = Array.isArray(item?.skillList) ? item.skillList : [];
|
||||
return {
|
||||
id: item?.jobId ?? index,
|
||||
jobId: item?.jobId ?? null,
|
||||
title: item?.jobName || `推荐职位${index + 1}`,
|
||||
jobName: item?.jobName || '',
|
||||
skills: normalizeSkillListForDisplay(rawSkills),
|
||||
rawSkills
|
||||
};
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('获取推荐职位失败:', error);
|
||||
recommendedJobs.value = [];
|
||||
} finally {
|
||||
isLoadingRecommend.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchRecommendRecordInfo() {
|
||||
const hasJobId = props.currentJobId !== null && props.currentJobId !== undefined && props.currentJobId !== '';
|
||||
const hasJobName = !!props.currentJobName;
|
||||
if (!hasJobId && !hasJobName) {
|
||||
recommendRecordCount.value = 0;
|
||||
recommendRecords.value = [];
|
||||
return;
|
||||
}
|
||||
|
||||
isLoadingRecords.value = true;
|
||||
try {
|
||||
const [countRes, listRes] = await Promise.all([
|
||||
countJobRecommendRecords({
|
||||
jobId: hasJobId ? props.currentJobId : undefined,
|
||||
jobName: props.currentJobName
|
||||
}),
|
||||
getJobRecommendRecords({
|
||||
jobName: props.currentJobName || '',
|
||||
pageNo: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
]);
|
||||
recommendRecordCount.value = Number(countRes?.data) || 0;
|
||||
recommendRecords.value = Array.isArray(listRes?.data?.list) ? listRes.data.list : [];
|
||||
} catch (error) {
|
||||
console.error('获取推荐记录失败:', error);
|
||||
recommendRecordCount.value = 0;
|
||||
recommendRecords.value = [];
|
||||
} finally {
|
||||
isLoadingRecords.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
watch(
|
||||
() => [props.currentJobId, props.currentJobName],
|
||||
() => {
|
||||
fetchCurrentJobSkills();
|
||||
fetchRecommendedJobs();
|
||||
fetchRecommendRecordInfo();
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
|
||||
function handleJobSearch(job) {
|
||||
console.log('搜索职位:', job.title);
|
||||
@@ -285,6 +330,19 @@ function handleJobCardClick(job) {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.recommend-count {
|
||||
margin-left: 12rpx;
|
||||
font-size: 22rpx;
|
||||
color: #666666;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user