= 职业规划推荐
This commit is contained in:
188
stores/useCareerPathStore.js
Normal file
188
stores/useCareerPathStore.js
Normal file
@@ -0,0 +1,188 @@
|
||||
import { computed, ref, watch } from 'vue';
|
||||
import { defineStore } from 'pinia';
|
||||
import { useAuthUserStore, useBasicStore } from './index';
|
||||
import { getCurrentPosition, getPath, getPathDetail } from '@/apiRc/service';
|
||||
|
||||
export const useCareerPathStore = defineStore('career-path', () => {
|
||||
const storeBasic = useBasicStore();
|
||||
const storeUser = useAuthUserStore();
|
||||
|
||||
const profession = ref('');
|
||||
const professions = ref([]);
|
||||
const professionsRef = computed(() => {
|
||||
const userInfo = storeUser.userInfo;
|
||||
if (!userInfo || !userInfo.professions || userInfo.professions.length === 0) {
|
||||
return professions.value;
|
||||
}
|
||||
const userProfessionsLabels = userInfo.professions.map((d) => d.label);
|
||||
let professionsA = [];
|
||||
let professionsB = [];
|
||||
professions.value.filter((d) => userProfessionsLabels.includes(d.label));
|
||||
for (const d of professions.value) {
|
||||
if (userProfessionsLabels.includes(d.label)) {
|
||||
professionsA.push(d);
|
||||
} else {
|
||||
professionsB.push(d);
|
||||
}
|
||||
}
|
||||
if (professionsA.length === 0) {
|
||||
professionsA = userInfo.professions;
|
||||
professionsB = professions.value;
|
||||
}
|
||||
return [...professionsA, ...professionsB];
|
||||
});
|
||||
|
||||
const targetCareer = ref('');
|
||||
const paths = ref([]);
|
||||
const pathsRef = computed(() => {
|
||||
return paths.value.filter((d) => {
|
||||
return `${d.startJobId}` === profession.value;
|
||||
});
|
||||
});
|
||||
|
||||
const result = ref([]);
|
||||
|
||||
const fetchData = async () => {
|
||||
try {
|
||||
const { code, msg, data } = await getCurrentPosition();
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
professions.value = data.map((d) => {
|
||||
return {
|
||||
label: d.name,
|
||||
value: `${d.jobId}`
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const fetchDataPath = async () => {
|
||||
try {
|
||||
const { code, msg, data } = await getPath();
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
paths.value = data.map((d) => {
|
||||
return {
|
||||
label: d.endJob,
|
||||
value: `${d.startJobId}-${d.endJobId}`,
|
||||
startJobId: d.startJobId
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const fetchResult = async () => {
|
||||
if (!targetCareer.value) {
|
||||
return;
|
||||
}
|
||||
const [startJobId, endJobId] = targetCareer.value.split('-');
|
||||
const params = {
|
||||
startJobId: Number(startJobId),
|
||||
endJobId: Number(endJobId)
|
||||
};
|
||||
try {
|
||||
const { code, msg, data } = await getPathDetail(params);
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
result.value = data.map((d, i) => {
|
||||
return {
|
||||
type: i === 0 ? 'start' : i === data.length - 1 ? 'end' : 'normal',
|
||||
step: i,
|
||||
title: d.name,
|
||||
tags: d.skillNameList.split(',')
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const eventChange = () => {
|
||||
targetCareer.value = '';
|
||||
};
|
||||
|
||||
const eventSearch = () => {
|
||||
if (pathsRef.value.length === 0) {
|
||||
ElMessage.warning({
|
||||
message: '当前职业暂无发展路径，敬请期待！',
|
||||
duration: 5000
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!profession.value) {
|
||||
ElMessage.warning({
|
||||
message: '请选择当前职位！',
|
||||
duration: 5000
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!targetCareer.value) {
|
||||
ElMessage.warning({
|
||||
message: '请选择目标职业！',
|
||||
duration: 5000
|
||||
});
|
||||
return;
|
||||
}
|
||||
void fetchResult();
|
||||
};
|
||||
|
||||
watch(
|
||||
() => storeBasic.loaded,
|
||||
() => {
|
||||
if (storeBasic.loaded) {
|
||||
void fetchData();
|
||||
void fetchDataPath();
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
watch(
|
||||
() => professionsRef.value,
|
||||
() => {
|
||||
if (typeof professionsRef.value[0] !== 'undefined') {
|
||||
if (professionsRef.value[0].value) {
|
||||
profession.value = professionsRef.value[0].value;
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
watch(
|
||||
() => profession.value,
|
||||
() => {
|
||||
const userInfo = storeUser.userInfo;
|
||||
if (userInfo.professions[0] && profession.value === userInfo.professions[0].value) {
|
||||
targetCareer.value = '';
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
return {
|
||||
profession,
|
||||
professionsRef,
|
||||
targetCareer,
|
||||
pathsRef,
|
||||
result,
|
||||
eventChange,
|
||||
eventSearch
|
||||
};
|
||||
});
|
||||
175
stores/useCareerRecommendationStore.js
Normal file
175
stores/useCareerRecommendationStore.js
Normal file
@@ -0,0 +1,175 @@
|
||||
import { computed, ref, watch } from 'vue';
|
||||
import { defineStore } from 'pinia';
|
||||
import { getProfessions, getSkillTags, getRecommend } from '@/apiRc/service/careerRecommendation';
|
||||
|
||||
|
||||
export const useCareerRecommendationStore = defineStore('career-recommendation', () => {
|
||||
const userInfo = ref({
|
||||
userName: '',
|
||||
professions: [],
|
||||
skills: []
|
||||
})
|
||||
|
||||
try {
|
||||
const data = uni.getStorageSync('userInfo');
|
||||
|
||||
userInfo.value.professions = data.jobTitle.map((d) => {
|
||||
return {
|
||||
label: d,
|
||||
value: d
|
||||
};
|
||||
});
|
||||
userInfo.value.skills = data.appSkillsList.map((d) => {
|
||||
return {
|
||||
label: d.name,
|
||||
value: d.name
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
|
||||
const profession = ref('');
|
||||
const professionLabel = ref('');
|
||||
const professions = ref([]);
|
||||
const professionsRef = computed(() => {
|
||||
if (!userInfo.value || !userInfo.value.professions || userInfo.value.professions.length === 0) {
|
||||
return professions.value;
|
||||
}
|
||||
const userProfessionsLabels = userInfo.value.professions.map((d) => d.label);
|
||||
let professionsA = [];
|
||||
let professionsB = [];
|
||||
professions.value.filter((d) => userProfessionsLabels.includes(d.label));
|
||||
for (const d of professions.value) {
|
||||
if (userProfessionsLabels.includes(d.label)) {
|
||||
professionsA.push(d);
|
||||
} else {
|
||||
professionsB.push(d);
|
||||
}
|
||||
}
|
||||
if (professionsA.length === 0) {
|
||||
professionsA = userInfo.value.professions;
|
||||
professionsB = professions.value;
|
||||
}
|
||||
return [...professionsA, ...professionsB];
|
||||
});
|
||||
|
||||
const skills = ref([]);
|
||||
const skillTags = computed(() => {
|
||||
if (userInfo.value.professions[0] && professionLabel.value === userInfo.value.professions[0].value) {
|
||||
return userInfo.value.skills.map((d) => d.label);
|
||||
}
|
||||
return skills.value;
|
||||
});
|
||||
|
||||
const result = ref([]);
|
||||
|
||||
const fetchData = async () => {
|
||||
try {
|
||||
const { code, msg, data } = await getProfessions();
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
professions.value = data.map((d) => {
|
||||
return {
|
||||
label: d.name,
|
||||
value: `${d.jobId}`
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const fetchSkillTags = async () => {
|
||||
const params = {
|
||||
jobName: professionLabel.value
|
||||
};
|
||||
try {
|
||||
const { code, msg, data } = await getSkillTags(params);
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (typeof data !== 'undefined' && Array.isArray(data) && data.length > 0 && data[0]) {
|
||||
skills.value = data[0].skillDetList.map((d) => d.skillName);
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const fetchRecommend = async () => {
|
||||
const params = {
|
||||
jobName: professionLabel.value
|
||||
};
|
||||
try {
|
||||
const { code, msg, data } = await getRecommend(params);
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
result.value = data.map((d) => {
|
||||
return {
|
||||
title: d.jobName,
|
||||
tags: d.skillList.map((d) => d.skillName),
|
||||
percentage: d.similarityScore ?? 0
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const eventProfession = (item) => {
|
||||
profession.value = item.value;
|
||||
professionLabel.value = item.label;
|
||||
}
|
||||
|
||||
const eventSearch = () => {
|
||||
void fetchRecommend();
|
||||
};
|
||||
|
||||
void fetchData();
|
||||
|
||||
watch(
|
||||
() => profession.value,
|
||||
() => {
|
||||
if (profession.value) {
|
||||
void fetchSkillTags();
|
||||
eventSearch();
|
||||
}
|
||||
},
|
||||
{
|
||||
immediate: true
|
||||
}
|
||||
);
|
||||
|
||||
watch(
|
||||
() => professionsRef.value,
|
||||
() => {
|
||||
if (professionsRef.value[0]) {
|
||||
profession.value = professionsRef.value[0].value;
|
||||
professionLabel.value = professionsRef.value[0].label;
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
return {
|
||||
profession,
|
||||
professionLabel,
|
||||
professions,
|
||||
professionsRef,
|
||||
skillTags,
|
||||
result,
|
||||
eventSearch,
|
||||
eventProfession
|
||||
};
|
||||
});
|
||||
192
stores/useSkillDevelopmentStore.js
Normal file
192
stores/useSkillDevelopmentStore.js
Normal file
@@ -0,0 +1,192 @@
|
||||
import { computed, ref, watch } from 'vue';
|
||||
import { defineStore } from 'pinia';
|
||||
import { useAuthUserStore, useBasicStore } from './index';
|
||||
import { getCurrentPosition, getPath, getSkill } from '@/apiRc/service';
|
||||
|
||||
export const useSkillDevelopmentStore = defineStore('skill-development', () => {
|
||||
const storeBasic = useBasicStore();
|
||||
const storeUser = useAuthUserStore();
|
||||
|
||||
const profession = ref('');
|
||||
const professions = ref([]);
|
||||
const professionsRef = computed(() => {
|
||||
const userInfo = storeUser.userInfo;
|
||||
if (!userInfo || !userInfo.professions || userInfo.professions.length === 0) {
|
||||
return professions.value;
|
||||
}
|
||||
const userProfessionsLabels = userInfo.professions.map((d) => d.label);
|
||||
let professionsA = [];
|
||||
let professionsB = [];
|
||||
professions.value.filter((d) => userProfessionsLabels.includes(d.label));
|
||||
for (const d of professions.value) {
|
||||
if (userProfessionsLabels.includes(d.label)) {
|
||||
professionsA.push(d);
|
||||
} else {
|
||||
professionsB.push(d);
|
||||
}
|
||||
}
|
||||
if (professionsA.length === 0) {
|
||||
professionsA = userInfo.professions;
|
||||
professionsB = professions.value;
|
||||
}
|
||||
return [...professionsA, ...professionsB];
|
||||
});
|
||||
|
||||
const targetCareer = ref('');
|
||||
const paths = ref([]);
|
||||
const pathsRef = computed(() => {
|
||||
return paths.value.filter((d) => {
|
||||
return `${d.startJobId}` === profession.value;
|
||||
});
|
||||
});
|
||||
|
||||
const result = ref([]);
|
||||
|
||||
const fetchData = async () => {
|
||||
try {
|
||||
const { code, msg, data } = await getCurrentPosition();
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
professions.value = data.map((d) => {
|
||||
return {
|
||||
label: d.name,
|
||||
value: `${d.jobId}`
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const fetchDataPath = async () => {
|
||||
try {
|
||||
const { code, msg, data } = await getPath();
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
paths.value = data.map((d) => {
|
||||
return {
|
||||
label: d.endJob,
|
||||
value: d.endJob,
|
||||
startJobId: d.startJobId
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const fetchResult = async () => {
|
||||
const current = professionsRef.value.find((d) => d.value === profession.value);
|
||||
const target = pathsRef.value.find((d) => d.value === targetCareer.value);
|
||||
if (!current || !target) {
|
||||
return;
|
||||
}
|
||||
const params = {
|
||||
currentJobName: current.label,
|
||||
targetJobName: target.label
|
||||
};
|
||||
try {
|
||||
const { code, msg, data } = await getSkill(params);
|
||||
if (code !== 0) {
|
||||
$emitter.emit('error-message', msg);
|
||||
return;
|
||||
}
|
||||
if (typeof data !== 'undefined' && Array.isArray(data) && data.length > 0 && data[0]) {
|
||||
const excludes = data[0].currentSkillDetList.map((d) => d.skillId);
|
||||
result.value = data[0].targetSkillDetList
|
||||
.filter((d) => !excludes.includes(d.skillId))
|
||||
.map((d) => {
|
||||
return {
|
||||
type: d.skillType,
|
||||
title: d.skillName,
|
||||
name: d.skillName,
|
||||
weight: d.skillWeight,
|
||||
score: d.skillScore
|
||||
};
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
};
|
||||
|
||||
const eventChange = () => {
|
||||
targetCareer.value = '';
|
||||
};
|
||||
|
||||
const eventSearch = () => {
|
||||
if (pathsRef.value.length === 0) {
|
||||
ElMessage.warning({
|
||||
message: '当前职业暂无发展路径，敬请期待！',
|
||||
duration: 5000
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!profession.value) {
|
||||
ElMessage.warning({
|
||||
message: '请选择当前职位！',
|
||||
duration: 5000
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!targetCareer.value) {
|
||||
ElMessage.warning({
|
||||
message: '请选择目标职业！',
|
||||
duration: 5000
|
||||
});
|
||||
return;
|
||||
}
|
||||
void fetchResult();
|
||||
};
|
||||
|
||||
watch(
|
||||
() => storeBasic.loaded,
|
||||
() => {
|
||||
if (storeBasic.loaded) {
|
||||
void fetchData();
|
||||
void fetchDataPath();
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
watch(
|
||||
() => professionsRef.value,
|
||||
() => {
|
||||
if (typeof professionsRef.value[0] !== 'undefined') {
|
||||
if (professionsRef.value[0].value) {
|
||||
profession.value = professionsRef.value[0].value;
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
watch(
|
||||
() => profession.value,
|
||||
() => {
|
||||
const userInfo = storeUser.userInfo;
|
||||
if (userInfo.professions[0] && profession.value === userInfo.professions[0].value) {
|
||||
targetCareer.value = '';
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
return {
|
||||
profession,
|
||||
professionsRef,
|
||||
targetCareer,
|
||||
pathsRef,
|
||||
result,
|
||||
eventChange,
|
||||
eventSearch
|
||||
};
|
||||
});
|
||||
Reference in New Issue
Block a user