技能等级维护
This commit is contained in:
冯辉
@@ -160,27 +160,7 @@
|
|||||||
<view class="nx-item" v-for="(item, index) in state.jobsText" :key="index">{{ item }}</view>
|
<view class="nx-item" v-for="(item, index) in state.jobsText" :key="index">{{ item }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="content-input" @click="changeSkillLevel">
|
|
||||||
<view class="input-titile">技能等级</view>
|
|
||||||
<input
|
|
||||||
class="input-con"
|
|
||||||
v-model="state.skillLevelText"
|
|
||||||
disabled
|
|
||||||
placeholder="请选择您的技能等级"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
<view class="content-input" @click="changeSkills">
|
|
||||||
<view class="input-titile">技能名称</view>
|
|
||||||
<input
|
|
||||||
class="input-con"
|
|
||||||
disabled
|
|
||||||
v-if="!state.skillsText.length"
|
|
||||||
placeholder="请选择您的技能名称"
|
|
||||||
/>
|
|
||||||
<view class="input-nx" @click="changeSkills" v-else>
|
|
||||||
<view class="nx-item" v-for="(item, index) in state.skillsText" :key="index">{{ item }}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="content-input" @click="changeSalay">
|
<view class="content-input" @click="changeSalay">
|
||||||
<view class="input-titile">期望薪资</view>
|
<view class="input-titile">期望薪资</view>
|
||||||
<input
|
<input
|
||||||
@@ -190,6 +170,55 @@
|
|||||||
placeholder="请选择您的期望薪资"
|
placeholder="请选择您的期望薪资"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="content-skills">
|
||||||
|
<view class="skills-header">
|
||||||
|
<view class="input-titile">技能信息</view>
|
||||||
|
<view
|
||||||
|
class="add-skill-btn"
|
||||||
|
@click="addSkill"
|
||||||
|
:class="{ 'disabled': state.skills.length >= 3 }"
|
||||||
|
>
|
||||||
|
+ 添加技能
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="skills-list">
|
||||||
|
<view class="skill-item" v-for="(skill, index) in state.skills" :key="index">
|
||||||
|
<view class="skill-header">
|
||||||
|
<view class="skill-number">技能 {{ index + 1 }}</view>
|
||||||
|
<view class="skill-actions" v-if="state.skills.length > 1">
|
||||||
|
<view class="action-btn delete-btn" @click="removeSkill(index)">删除</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="skill-fields">
|
||||||
|
<view class="skill-field" @click="changeSkillName(index)">
|
||||||
|
<view class="field-label">技能名称</view>
|
||||||
|
<input
|
||||||
|
class="field-input triangle"
|
||||||
|
disabled
|
||||||
|
:value="skill.name"
|
||||||
|
placeholder="请选择技能名称"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="skill-field" @click="changeSkillLevel(index)">
|
||||||
|
<view class="field-label">技能等级</view>
|
||||||
|
<input
|
||||||
|
class="field-input triangle"
|
||||||
|
disabled
|
||||||
|
:value="getSkillLevelText(skill.level)"
|
||||||
|
placeholder="请选择技能等级"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="empty-skills" v-if="state.skills.length === 0">
|
||||||
|
<text class="empty-text">暂无技能信息，点击上方按钮添加</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
<!-- 固定按钮 -->
|
<!-- 固定按钮 -->
|
||||||
@@ -250,8 +279,8 @@ const state = reactive({
|
|||||||
workExperience: '',
|
workExperience: '',
|
||||||
salayText: '',
|
salayText: '',
|
||||||
jobsText: [],
|
jobsText: [],
|
||||||
skillLevelText: '',
|
skills: [], // 新的技能数据结构
|
||||||
skillsText: [],
|
currentEditingSkillIndex: -1 // 当前正在编辑的技能索引
|
||||||
});
|
});
|
||||||
const fromValue = reactive({
|
const fromValue = reactive({
|
||||||
sex: null,
|
sex: null,
|
||||||
@@ -264,8 +293,6 @@ const fromValue = reactive({
|
|||||||
idCard: '',
|
idCard: '',
|
||||||
name: '',
|
name: '',
|
||||||
age: '',
|
age: '',
|
||||||
skillLevel: '',
|
|
||||||
skills: '',
|
|
||||||
ytjPassword: '',
|
ytjPassword: '',
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -320,16 +347,62 @@ function initEducationText() {
|
|||||||
checkDictData();
|
checkDictData();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 技能管理函数
|
||||||
|
const addSkill = () => {
|
||||||
|
if (state.skills.length >= 3) {
|
||||||
|
$api.msg('最多只能添加3个技能');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
state.skills.push({ name: '', level: '' });
|
||||||
|
};
|
||||||
|
|
||||||
|
const removeSkill = (index) => {
|
||||||
|
state.skills.splice(index, 1);
|
||||||
|
};
|
||||||
|
|
||||||
|
const changeSkillName = (index) => {
|
||||||
|
state.currentEditingSkillIndex = index;
|
||||||
|
// 跳转到技能查询页面
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/complete-info/skill-search?selected=${encodeURIComponent(JSON.stringify([]))}`
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const changeSkillLevel = (index) => {
|
||||||
|
state.currentEditingSkillIndex = index;
|
||||||
|
const skillLevels = [
|
||||||
|
{ label: '初级', value: '1' },
|
||||||
|
{ label: '中级', value: '2' },
|
||||||
|
{ label: '高级', value: '3' }
|
||||||
|
];
|
||||||
|
|
||||||
|
openSelectPopup({
|
||||||
|
title: '技能等级',
|
||||||
|
maskClick: true,
|
||||||
|
data: [skillLevels],
|
||||||
|
success: (_, [value]) => {
|
||||||
|
if (state.currentEditingSkillIndex >= 0) {
|
||||||
|
state.skills[state.currentEditingSkillIndex].level = value.value;
|
||||||
|
state.currentEditingSkillIndex = -1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const getSkillLevelText = (level) => {
|
||||||
|
const levelMap = {
|
||||||
|
'1': '初级',
|
||||||
|
'2': '中级',
|
||||||
|
'3': '高级'
|
||||||
|
};
|
||||||
|
return levelMap[level] || '';
|
||||||
|
};
|
||||||
|
|
||||||
// 技能选择回调函数
|
// 技能选择回调函数
|
||||||
const handleSkillSelected = (skills) => {
|
const handleSkillSelected = (skillName) => {
|
||||||
if (Array.isArray(skills) && skills.length > 0) {
|
if (state.currentEditingSkillIndex >= 0 && skillName) {
|
||||||
// 更新技能显示和值，技能字段值传name
|
state.skills[state.currentEditingSkillIndex].name = skillName;
|
||||||
state.skillsText = skills;
|
state.currentEditingSkillIndex = -1;
|
||||||
fromValue.skills = skills.join(',');
|
|
||||||
} else {
|
|
||||||
// 如果返回空数组，清空选择
|
|
||||||
state.skillsText = [];
|
|
||||||
fromValue.skills = '';
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -570,33 +643,6 @@ function changeJobs() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 技能等级选择
|
|
||||||
function changeSkillLevel() {
|
|
||||||
const skillLevels = [
|
|
||||||
{ label: '初级', value: '1' },
|
|
||||||
{ label: '中级', value: '2' },
|
|
||||||
{ label: '高级', value: '3' }
|
|
||||||
];
|
|
||||||
|
|
||||||
openSelectPopup({
|
|
||||||
title: '技能等级',
|
|
||||||
maskClick: true,
|
|
||||||
data: [skillLevels],
|
|
||||||
success: (_, [value]) => {
|
|
||||||
fromValue.skillLevel = value.value;
|
|
||||||
state.skillLevelText = value.label;
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 技能名称选择 - 跳转到模糊查询页面
|
|
||||||
function changeSkills() {
|
|
||||||
// 将当前已选中的技能名称传递给查询页面
|
|
||||||
const selectedSkills = state.skillsText || [];
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `/pages/complete-info/skill-search?selected=${encodeURIComponent(JSON.stringify(selectedSkills))}`
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function nextStep() {
|
function nextStep() {
|
||||||
// 统一必填与格式校验
|
// 统一必填与格式校验
|
||||||
@@ -726,19 +772,16 @@ function complete() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (isValid) {
|
if (isValid) {
|
||||||
// 构建 experiencesList 数组
|
// 构建 experiencesList 数组 - 使用新的技能数据结构
|
||||||
const experiencesList = [];
|
const experiencesList = [];
|
||||||
if (fromValue.skills && fromValue.skillLevel) {
|
state.skills.forEach(skill => {
|
||||||
const skillsArray = fromValue.skills.split(',');
|
if (skill.name && skill.level) {
|
||||||
skillsArray.forEach(skill => {
|
experiencesList.push({
|
||||||
if (skill.trim()) {
|
name: skill.name,
|
||||||
experiencesList.push({
|
levels: skill.level
|
||||||
name: skill.trim(),
|
});
|
||||||
levels: fromValue.skillLevel
|
}
|
||||||
});
|
});
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 构建符合要求的请求数据（experiencesList 与 appUser 同级）
|
// 构建符合要求的请求数据（experiencesList 与 appUser 同级）
|
||||||
const requestData = {
|
const requestData = {
|
||||||
@@ -1009,5 +1052,95 @@ function complete() {
|
|||||||
line-height: 90rpx
|
line-height: 90rpx
|
||||||
position: relative
|
position: relative
|
||||||
z-index: 100
|
z-index: 100
|
||||||
</style>
|
|
||||||
|
|
||||||
|
/* 技能列表样式 */
|
||||||
|
.content-skills
|
||||||
|
margin-bottom: 52rpx
|
||||||
|
.skills-header
|
||||||
|
display: flex
|
||||||
|
justify-content: space-between
|
||||||
|
align-items: center
|
||||||
|
margin-bottom: 32rpx
|
||||||
|
.input-titile
|
||||||
|
font-weight: 400
|
||||||
|
font-size: 28rpx
|
||||||
|
color: #6A6A6A
|
||||||
|
.add-skill-btn
|
||||||
|
padding: 16rpx 24rpx
|
||||||
|
background: #256BFA
|
||||||
|
color: #FFFFFF
|
||||||
|
border-radius: 8rpx
|
||||||
|
font-size: 24rpx
|
||||||
|
font-weight: 500
|
||||||
|
&.disabled
|
||||||
|
background: #CCCCCC
|
||||||
|
color: #999999
|
||||||
|
.skills-list
|
||||||
|
.skill-item
|
||||||
|
background: #F8F9FA
|
||||||
|
border-radius: 12rpx
|
||||||
|
padding: 24rpx
|
||||||
|
margin-bottom: 24rpx
|
||||||
|
.skill-header
|
||||||
|
display: flex
|
||||||
|
justify-content: space-between
|
||||||
|
align-items: center
|
||||||
|
margin-bottom: 20rpx
|
||||||
|
.skill-number
|
||||||
|
font-size: 28rpx
|
||||||
|
font-weight: 500
|
||||||
|
color: #333333
|
||||||
|
.skill-actions
|
||||||
|
.action-btn
|
||||||
|
padding: 8rpx 16rpx
|
||||||
|
border-radius: 6rpx
|
||||||
|
font-size: 24rpx
|
||||||
|
&.delete-btn
|
||||||
|
background: #FF4757
|
||||||
|
color: #FFFFFF
|
||||||
|
.skill-fields
|
||||||
|
.skill-field
|
||||||
|
margin-bottom: 20rpx
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: 0
|
||||||
|
.field-label
|
||||||
|
font-size: 24rpx
|
||||||
|
color: #6A6A6A
|
||||||
|
margin-bottom: 8rpx
|
||||||
|
.field-input
|
||||||
|
width: 100%
|
||||||
|
height: 72rpx
|
||||||
|
background: #FFFFFF
|
||||||
|
border: 2rpx solid #E8EAEE
|
||||||
|
border-radius: 8rpx
|
||||||
|
padding: 0 20rpx
|
||||||
|
font-size: 28rpx
|
||||||
|
color: #333333
|
||||||
|
position: relative
|
||||||
|
&.triangle::before
|
||||||
|
position: absolute
|
||||||
|
right: 20rpx
|
||||||
|
top: calc(50% - 2rpx)
|
||||||
|
content: ''
|
||||||
|
width: 4rpx
|
||||||
|
height: 14rpx
|
||||||
|
border-radius: 2rpx
|
||||||
|
background: #697279
|
||||||
|
transform: translate(0, -50%) rotate(-45deg)
|
||||||
|
&.triangle::after
|
||||||
|
position: absolute
|
||||||
|
right: 20rpx
|
||||||
|
top: 50%
|
||||||
|
content: ''
|
||||||
|
width: 4rpx
|
||||||
|
height: 14rpx
|
||||||
|
border-radius: 2rpx
|
||||||
|
background: #697279
|
||||||
|
transform: rotate(45deg)
|
||||||
|
.empty-skills
|
||||||
|
text-align: center
|
||||||
|
padding: 60rpx 0
|
||||||
|
.empty-text
|
||||||
|
font-size: 28rpx
|
||||||
|
color: #999999
|
||||||
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user