娜娜餐廳後台

📊總覽

🍽️菜單管理

🪑桌次管理

📋訂單記錄

⚙️系統設定

📲QR Code

🚪登出

💰

$12,840

今日營業額

📋

今日訂單

🪑

6/10

使用桌次

👥

127

來客數

📋 近期訂單

🍽️ 菜單管理

名稱	分類	價格	狀態	操作

🪑 桌次管理

桌號	人數	狀態	操作

📋 訂單記錄

編號	桌號	菜品	金額	狀態	操作

📲 QR Code 產生器

掃描 QR Code 即可進入該桌次點餐頁面

⚙️ 系統設定

餐廳名稱

服務費 (%)

商店電話

📊 總覽

🍽️ 菜單

🪑 桌次

📋 訂單

⚙️ 設定

📲 QR

+ o.amount + '' + s.text + ''; }).join(''); } function renderRecentOrders() { const list = document.getElementById('recentOrdersList'); list.innerHTML = orders.slice(0, 5).map(o => `

${o.id}

桌 ${o.table} · ${o.time}

$${o.amount}

`).join(''); } function updateStats() { const revenue = orders.reduce((sum, o) => sum + o.amount, 0); const occupied = tables.filter(t => t.status === 'occupied').length; document.getElementById('statRevenue').textContent = '$' + revenue.toLocaleString(); document.getElementById('statOrders').textContent = orders.length; document.getElementById('statTables').textContent = occupied + '/' + tables.length; document.getElementById('statCustomers').textContent = Math.floor(orders.length * 2.6); } // 菜品操作 function openMenuModal(id) { document.getElementById('menuModal').classList.add('show'); document.getElementById('menuId').value = id || ''; if (id) { const item = menuItems.find(m => m.id === id); if (item) { document.getElementById('menuName').value = item.name; document.getElementById('menuCategory').value = item.category; document.getElementById('menuPrice').value = item.price; } } else { document.getElementById('menuName').value = ''; document.getElementById('menuPrice').value = ''; } } function editMenu(id) { openMenuModal(id); } function saveMenu() { const id = document.getElementById('menuId').value; const data = { name: document.getElementById('menuName').value, category: document.getElementById('menuCategory').value, price: parseInt(document.getElementById('menuPrice').value), status: 'active' }; if (id) { const idx = menuItems.findIndex(m => m.id === parseInt(id)); if (idx !== -1) menuItems[idx] = {...menuItems[idx], ...data}; } else { data.id = Math.max(...menuItems.map(m => m.id)) + 1; menuItems.push(data); } closeModal('menuModal'); renderMenu(); showToast('儲存成功'); } // 桌次操作 function openTableModal(id) { document.getElementById('tableModal').classList.add('show'); document.getElementById('tableId').value = id || ''; if (id) { const t = tables.find(tb => tb.id === id); if (t) { document.getElementById('tableNumber').value = t.number; document.getElementById('tableCapacity').value = t.capacity; document.getElementById('tableStatus').value = t.status; } } else { document.getElementById('tableNumber').value = ''; document.getElementById('tableCapacity').value = ''; } } function editTable(id) { openTableModal(id); } function saveTable() { const id = document.getElementById('tableId').value; const data = { number: document.getElementById('tableNumber').value, capacity: parseInt(document.getElementById('tableCapacity').value), status: document.getElementById('tableStatus').value }; if (id) { const idx = tables.findIndex(t => t.id === parseInt(id)); if (idx !== -1) tables[idx] = {...tables[idx], ...data}; } else { data.id = Math.max(...tables.map(t => t.id)) + 1; tables.push(data); } closeModal('tableModal'); renderTables(); updateStats(); showToast('儲存成功'); } // 關閉 Modal function closeModal(id) { document.getElementById(id).classList.remove('show'); } // Toast function showToast(msg) { const toast = document.getElementById('toast'); toast.textContent = msg; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 2000); } // 點擊背景關閉 Modal document.querySelectorAll('.modal-overlay').forEach(el => { el.addEventListener('click', e => { if (e.target === el) el.classList.remove('show'); }); });