编辑页面

修改后将从当前时间重新计算过期时间
`; case 'overtime': return `

加班申请

`; case 'entry': return `

入职登记申请

`; case 'regular': return `

转正申请

`; case 'transfer': return `

调岗申请

`; case 'resign': return `

离职申请

提示:离职需提前30天提交申请,离职前需完成工作交接和物品归还。
`; case 'changes': return `

我的异动记录

${mockData.changes.map(c => ``).join('')}
异动时间异动类型异动前异动后状态
${c.date}${c.type}${c.before}${c.after}${c.status}
`; case 'payslip': return `
¥15,500
2026年4月 实发工资
¥18,000
应发工资

工资明细

基本工资¥15,000.00
绩效奖金¥2,000.00
加班费¥1,000.00
餐补/交通补贴¥500.00
应发工资¥18,500.00
养老保险-¥1,480.00
医疗保险-¥370.00
失业保险-¥37.00
住房公积金-¥1,480.00
个人所得税-¥633.00
实发工资¥15,500.00
`; case 'salary-detail': return `

工资计算说明

应发工资构成

应发工资 = 基本工资 + 绩效奖金 + 加班费 + 各类补贴

计算公式:应发 = 15000(基本) + 2000(绩效) + 1000(加班) + 500(补贴) = 18500

社保公积金

养老保险:个人缴纳比例 8%
医疗保险:个人缴纳比例 2%
失业保险:个人缴纳比例 0.2%
住房公积金:个人缴纳比例 8%

个人所得税

起征点:5000元/月
税率:按超额累进税率计算
专项附加扣除:子女教育、继续教育等可抵扣

`; case 'salary-objection': return `

薪资异议提交

`; case 'plan-view': return ` ${mockData.training.map(t => `
${t.name}
${t.type === 'required' ? '必修' : '选修'}
${t.date}${t.progress}%
`).join('')}`; case 'online-learn': return `

我的培训课程

${mockData.training.map(t => `
${t.name}
${t.type === 'required' ? '必修' : '选修'}
${t.date} | 进度:${t.progress}%
`).join('')}`; case 'train-sign': return `

培训签到记录

培训名称培训日期签到时间签到方式状态
新员工入职培训2026-05-1009:05定位签到已签到
信息安全培训2026-05-0814:02二维码签到已签到
数据分析培训2026-05-15--:---待签到
`; case 'train-exam': return `

培训考核:数据分析进阶

考试时间:60分钟 | 题目数量:50题 | 合格分数:60分

注意:开始考试后不能暂停,请确保网络稳定

`; case 'train-record': return `

培训记录查询

培训名称培训类型培训日期培训时长考核成绩证书
新员工入职培训必修2026-05-104小时95分已获得
信息安全培训必修2026-05-082小时88分已获得
数据分析进阶选修2026-05-208小时进行中-
`; case 'certificate': return `
${mockData.certificate.map(c => `
${c.name}
证书编号:${c.certNo}
发证日期:${c.issueDate}
有效期至:${c.expireDate}
${c.status === 'valid' ? '有效' : c.status === 'expiring' ? '即将到期' : '已过期'}
`).join('')}
`; case 'cert-manage': return `
${mockData.certificate.map(c => `
${c.name}
证书编号:${c.certNo}
有效期至:${c.expireDate}
`).join('')}
`; case 'apply-record': return ` ${mockData.applyRecord.map(a => ``).join('')}
申请编号申请类型申请时间状态操作
${a.id}${a.type}${a.time}${a.status}
`; case 'daily-apply': return `
${mockData.dailyApply.map(d => ``).join('')}
申请事项申请说明申请日期状态操作
${d.item}${d.desc}${d.date}已通过
`; case 'transfer-approval': case 'resign-approval': case 'overtime-approval': case 'supplement-approval': const typeMap = { 'transfer-approval': '调岗', 'resign-approval': '离职', 'overtime-approval': '加班', 'supplement-approval': '补卡' }; return `

${typeMap[subId]}申请与审批

1
提交申请
李明
2
部门主管
张总监
3
HR审批
待定
4
完成
申请类型申请时间当前节点状态操作
${typeMap[subId]}2026-05-14 10:00部门主管审批中审批中
`; case 'my-permission': return `
员工档案管理
查看个人信息
编辑个人信息
考勤管理
上下班打卡
请假申请
审核他人请假
薪资管理
查看工资条
`; case 'permission-apply': return `

权限申请

`; case 'profile-manage': return `

我的证书

证书名称证书类型有效期至状态操作
身份证身份证件-有效
本科学历证学历证明-有效
高压电工操作证职业资格证2027-06-14有效
`; default: return `

📋

功能开发中,敬请期待...

`; } } // Toast提示 function showToast(msg) { const toast = document.createElement('div'); toast.style.cssText = 'position:fixed;top:80px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:12px 24px;border-radius:8px;z-index:3000;animation:fadeIn 0.3s;'; toast.textContent = msg; document.body.appendChild(toast); setTimeout(() => { toast.style.opacity = '0'; setTimeout(() => toast.remove(), 300); }, 2000); } // 模态框 function showLeaveForm() { document.getElementById('modal-title').textContent = '新建请假申请'; document.getElementById('modal-body').innerHTML = `
`; document.getElementById('modal-footer').innerHTML = ''; document.getElementById('modal').classList.add('show'); } function showCertForm() { document.getElementById('modal-title').textContent = '添加证书'; document.getElementById('modal-body').innerHTML = `
`; document.getElementById('modal-footer').innerHTML = ''; document.getElementById('modal').classList.add('show'); } function showDailyApplyForm() { document.getElementById('modal-title').textContent = '新建日常申请'; document.getElementById('modal-body').innerHTML = `
`; document.getElementById('modal-footer').innerHTML = ''; document.getElementById('modal').classList.add('show'); } function showUserInfo() { document.getElementById('modal-title').textContent = '个人信息'; document.getElementById('modal-body').innerHTML = `

李明

普通员工 | 技术部

工号:EMP001

入职日期:2022-03-15

手机:13812348888

邮箱:liming@company.com

`; document.getElementById('modal-footer').innerHTML = ''; document.getElementById('modal').classList.add('show'); } function showNoticeModal() { document.getElementById('modal-title').textContent = '通知中心'; document.getElementById('modal-body').innerHTML = `
您的补卡申请已通过

2026-05-12 18:30

您的年假即将到期

剩余5天,请及时使用

培训通知

项目管理培训将于6月1日开始

`; document.getElementById('modal-footer').innerHTML = ''; document.getElementById('modal').classList.add('show'); } function closeModal() { document.getElementById('modal').classList.remove('show'); } function confirmModal() { closeModal(); showToast('操作成功'); } 取消
访问码: vkvsgmqd