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:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -300,6 +300,9 @@
|
||||
border-radius: 4px;
|
||||
flex-shrink: 0;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -92,11 +92,9 @@ export default ({ className = "", isLock = false, selectedCourse, teacherData, u
|
||||
) : (
|
||||
<>
|
||||
<div className="courses-video-player-header">
|
||||
<span onClick={() => handleClickBtn(1)}>< 上一集</span>
|
||||
<span className="courses-video-player-header-title">
|
||||
{courseName}
|
||||
</span>
|
||||
<span onClick={() => handleClickBtn(2)}>下一集 ></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>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user