90 lines
2.3 KiB
JavaScript
90 lines
2.3 KiB
JavaScript
/**
|
||
* app.js - 光湖首页导航中心
|
||
* M23 环节0 · 模块卡片渲染 + 状态指示
|
||
*/
|
||
|
||
// 模块卡片数据
|
||
const moduleCards = [
|
||
{
|
||
id: "M09",
|
||
name: "消息通知中心",
|
||
icon: "🔔",
|
||
status: "online",
|
||
path: "../notification-center/"
|
||
},
|
||
{
|
||
id: "M22",
|
||
name: "主域公告栏",
|
||
icon: "📢",
|
||
status: "online",
|
||
path: "../announcement/"
|
||
},
|
||
{
|
||
id: "M06",
|
||
name: "工单管理",
|
||
icon: "🎫",
|
||
status: "online",
|
||
path: "../ticket-system/"
|
||
},
|
||
{
|
||
id: "M16",
|
||
name: "码字工作台",
|
||
icon: "✍️",
|
||
status: "building",
|
||
path: "../writing-workspace/"
|
||
},
|
||
{
|
||
id: "M11",
|
||
name: "风格组件库",
|
||
icon: "🎨",
|
||
status: "online",
|
||
path: "../ui-components/"
|
||
},
|
||
{
|
||
id: "M05",
|
||
name: "用户中心",
|
||
icon: "👤",
|
||
status: "building",
|
||
path: "../user-center/"
|
||
}
|
||
];
|
||
|
||
// 首页应用对象
|
||
window.HomepageApp = {
|
||
init() {
|
||
this.renderCards();
|
||
this.updateStatusBar();
|
||
console.log('✅ 首页初始化完成');
|
||
},
|
||
|
||
// 渲染卡片
|
||
renderCards() {
|
||
const grid = document.getElementById('moduleGrid');
|
||
if (!grid) return;
|
||
|
||
const cardsHTML = moduleCards.map(card => `
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<div class="card-icon">${card.icon}</div>
|
||
<span class="card-name">${card.name}</span>
|
||
<span class="card-status ${card.status}">${card.status === 'online' ? '在线' : '建设中'}</span>
|
||
</div>
|
||
<a href="${card.path}" class="card-link">进入模块 →</a>
|
||
</div>
|
||
`).join('');
|
||
|
||
grid.innerHTML = cardsHTML;
|
||
},
|
||
|
||
// 更新状态栏（后续可对接真实API）
|
||
updateStatusBar() {
|
||
const onlineCount = moduleCards.filter(c => c.status === 'online').length;
|
||
const totalCount = moduleCards.length;
|
||
console.log(`📊 系统状态: ${onlineCount}/${totalCount} 模块在线`);
|
||
}
|
||
};
|
||
|
||
// 页面加载时自动初始化
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
window.HomepageApp.init();
|
||
}); |