编辑页面
`
},
'overtime': {
title: '加班申请',
content: `
`
},
'payslip': {
title: '工资条',
content: `
基本工资¥15,000
绩效奖金¥2,000
加班费¥1,000
餐补/交通¥500
养老保险-¥1,480
医疗保险-¥370
公积金-¥1,480
个税-¥633
实发工资¥15,500
`
},
'clock-record': {
title: '打卡记录',
content: `
`
},
'schedule': {
title: '排班查看',
content: `
本周排班 (5月13日-5月19日)
一
二
三
四
五
六
日
白班
白班
今天
休息
休息
中班
白班
白班09:00-18:00
休息不上班
`
},
'train': {
title: '培训管理',
content: `
`
},
'train-plan': {
title: '培训计划',
content: `
`
},
'train-record': {
title: '培训记录',
content: `
`
},
'train-exam': {
title: '培训考核',
content: `
数据分析进阶 - 考核测试
考试时间: 60分钟
题目数量: 50题
合格分数: 60分
`
},
'apply-record': {
title: '申请记录',
content: `
`
},
'salary': {
title: '薪资核算',
content: `
`
},
'salary-objection': {
title: '薪资异议',
content: `
`
},
'profile': {
title: '我的',
content: `
`
},
'attendance': {
title: '考勤管理',
content: `
`
}
};
// 显示页面
function showPage(pageId) {
const page = pages[pageId];
if (!page) return;
// 更新导航标题
document.getElementById('navTitle').textContent = page.title;
document.getElementById('navBar').style.display = 'flex';
document.getElementById('tabBar').style.display = 'none';
document.getElementById('mainContent').style.display = 'none';
const html = `
`;
document.getElementById('detailPages').innerHTML = html;
}
// 关闭页面
function closePage(pageId) {
document.getElementById('navTitle').textContent = 'HR员工平台';
document.getElementById('navBar').style.display = 'flex';
document.getElementById('tabBar').style.display = 'flex';
document.getElementById('mainContent').style.display = 'block';
document.getElementById(`page-${pageId}`).classList.remove('show');
}
// Tab切换
function switchTab(index) {
document.querySelectorAll('.tab-item').forEach((item, i) => {
item.classList.toggle('active', i === index);
});
}
// 抽屉
function showDrawer() { document.getElementById('drawer').classList.add('show'); }
function hideDrawer() { document.getElementById('drawer').classList.remove('show'); }
// Toast
function showToast(msg) {
const toast = document.getElementById('toast');
toast.textContent = msg;
toast.style.display = 'block';
setTimeout(() => { toast.style.display = 'none'; }, 2000);
}