Duguay/jiaowu-test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化HR访问弹窗和简历详情模态框功能

Browse Source 
- HR访问弹窗改进:
  - 重新设计弹窗样式，使用浅蓝色渐变背景
  - 添加头像点击切换功能，可查看不同HR信息
  - 优化头像大小层级显示，中间最大两侧递减
  - 调整弹窗尺寸和间距，提升视觉体验

- 简历详情模态框增强:
  - 在主要标题前添加图标装饰
  - 修复简历内容解析中的语法错误
  - 优化数据结构处理逻辑

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
KQL
2025-09-12 16:12:30 +08:00
parent d2f289e59a
commit 0e7f98d3fc
3 changed files with 164 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/CompanyJobsPage/components/ResumeInfoModal/index.jsx
View File

@@ -513,7 +513,10 @@ export default ({ visible, onClose, data, initialVersion = "2" }) => {
<ul className="resume-info-moda-list">
{/* 教育经历 */}
<li className="resume-info-moda-item">
<p className="resume-info-moda-item-title">教育经历</p>
<p className="resume-info-moda-item-title">
<img src="https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/img/teach_sys_icon/recuW0XRVB1bpV.png" alt="" style={{ width: '28px', height: '28px', marginRight: '10px', verticalAlign: 'middle' }} />
教育经历
</p>
<ul className="educational-experience-list">
{(isEditing && editableData ? editableData.education : resumeContent.education)?.map((edu, index) => (
<li key={index} className="educational-experience-list-item">
@@ -555,7 +558,10 @@ export default ({ visible, onClose, data, initialVersion = "2" }) => {
</li>
{/* 项目经历 */}
<li className="resume-info-moda-item">
<p className="resume-info-moda-item-title">项目经历</p>
<p className="resume-info-moda-item-title">
<img src="https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/img/teach_sys_icon/recuW0XRVB1bpV.png" alt="" style={{ width: '28px', height: '28px', marginRight: '10px', verticalAlign: 'middle' }} />
项目经历
</p>
<ul className="project-experience-list">
{(isEditing && editableData ? editableData.projects : resumeContent.projects)?.map((project, index) => (
<li key={index} className="project-experience-list-item">
@@ -639,7 +645,10 @@ export default ({ visible, onClose, data, initialVersion = "2" }) => {
</li>
{/* 专业技能 */}
<li className="resume-info-moda-item">
<p className="resume-info-moda-item-title">专业技能</p>
<p className="resume-info-moda-item-title">
<img src="https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/img/teach_sys_icon/recuW0XRVB1bpV.png" alt="" style={{ width: '28px', height: '28px', marginRight: '10px', verticalAlign: 'middle' }} />
专业技能
</p>
<ul className="professional-skills-list">
{(isEditing && editableData ? editableData.skills?.core : resumeContent.skills?.core) && (
<li className="professional-skills-list-item">
@@ -695,7 +704,10 @@ export default ({ visible, onClose, data, initialVersion = "2" }) => {
{(resumeContent.personalSummary && resumeContent.personalSummary.length > 0) ||
(resumeContent.personalSummary && typeof resumeContent.personalSummary === 'string') ? (
<li className="resume-info-moda-item">
<p className="resume-info-moda-item-title">个人总结</p>
<p className="resume-info-moda-item-title">
<img src="https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/img/teach_sys_icon/recuW0XRVB1bpV.png" alt="" style={{ width: '28px', height: '28px', marginRight: '10px', verticalAlign: 'middle' }} />
个人总结
</p>
<div className="personal-summary-content">
{Array.isArray(resumeContent.personalSummary) ? (
<ul className="personal-summary-list">
@@ -716,7 +728,10 @@ export default ({ visible, onClose, data, initialVersion = "2" }) => {
{/* 对应课程单元 - 暂时保留静态展示，后续可根据需要动态化 */}
{resumeContent.courses && (
<li className="resume-info-moda-item">
<p className="resume-info-moda-item-title">对应课程单元</p>
<p className="resume-info-moda-item-title">
<img src="https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/img/teach_sys_icon/recuW0XRVB1bpV.png" alt="" style={{ width: '28px', height: '28px', marginRight: '10px', verticalAlign: 'middle' }} />
对应课程单元
</p>
<ul className="corresponding-course-units-list">
<li className="corresponding-course-units-list-item">
<div className="tag">相关课程</div>