feat: 优化岗位等级系统和UI样式

主要更新:
1. 修复岗位等级数据:
   - 重新分类49个岗位到正确等级(普通岗29个、技术骨干岗12个、储备干部岗8个)
   - 更新项目库中所有项目的适用岗位,按照新的岗位等级映射关系重新配置
   - 岗位卡片按等级排序:普通岗 → 技术骨干岗 → 储备干部岗

2. 优化任务列表(当日事项)样式:
   - 复用参考项目的任务列表样式,添加虚线时间轴设计
   - 添加导师头像显示和个性化定位
   - 在头像左侧添加状态圆点,根据任务完成状态显示不同颜色
   - 修复时间显示格式,统一显示开始时间
   - 设置1V1规划课时长为2小时

3. 优化日历组件:
   - 区分当前月份和其他月份日期的颜色显示
   - 修复月份切换时高亮显示错误的问题

4. 优化课程列表样式:
   - 移除教师专长的hover效果
   - 统一课程名称字体粗细,优化选中状态样式

5. 优化项目库适用岗位显示:
   - 修复第三张岗位卡片显示不全的问题
   - 超过3个岗位时自动换行显示

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
KQL
2025-09-10 19:16:24 +08:00
parent 0c520b0b1e
commit 15db293d5b
12 changed files with 1201 additions and 389 deletions

View File

@@ -271,12 +271,19 @@
}
.selected {
background-color: #f2f8ff;
border: 1px solid #4080ff !important;
box-shadow: 0 2px 8px rgba(64, 128, 255, 0.15);
background: linear-gradient(135deg, #e8f4ff 0%, #d4ecff 100%);
outline: 2px solid #165dff;
box-shadow: 0 4px 12px rgba(22, 93, 255, 0.25);
transform: none;
transition: all 0.3s ease;
p {
color: #1d2129;
color: #165dff;
font-weight: 600; /* 与默认保持一致 */
}
.time-line-item-info {
color: #4080ff;
font-weight: 500;
}
}

View File

@@ -300,6 +300,9 @@
border-radius: 4px;
flex-shrink: 0;
white-space: nowrap;
cursor: default;
pointer-events: none;
user-select: none;
}
}
}

View File

@@ -92,11 +92,9 @@ export default ({ className = "", isLock = false, selectedCourse, teacherData, u
) : (
<>
<div className="courses-video-player-header">
<span onClick={() => handleClickBtn(1)}>&lt; 上一集</span>
<span className="courses-video-player-header-title">
{courseName}
</span>
<span onClick={() => handleClickBtn(2)}>下一集 &gt;</span>
</div>
<div className="courses-video-player-video">
{selectedCourse ? (
@@ -236,43 +234,11 @@ export default ({ className = "", isLock = false, selectedCourse, teacherData, u
</div>
<div className="courses-video-player-teacher-tags">
<p className="title icon2">教师专长</p>
<Tooltip
content={
<div style={{
display: 'flex',
flexWrap: 'wrap',
gap: '8px',
maxWidth: '320px',
padding: '8px'
}}>
{(currentTeacher?.specialties || []).map((specialty, index) => (
<span key={index} style={{
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
color: '#fff',
padding: '4px 12px',
borderRadius: '12px',
fontSize: '12px',
fontWeight: '500',
boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
}}>
{specialty}
</span>
))}
</div>
}
position="top"
color="#fff"
style={{
'--arco-color-bg-tooltip': 'linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)',
'--arco-color-text-tooltip': '#1d2129'
}}
>
<ul className="teacher-tags">
{(currentTeacher?.specialties || []).map((specialty, index) => (
<li key={index}>{specialty}</li>
))}
</ul>
</Tooltip>
<ul className="teacher-tags">
{(currentTeacher?.specialties || []).map((specialty, index) => (
<li key={index}>{specialty}</li>
))}
</ul>
</div>
</div>
</>