GOLINH Admin
Lỗi Kết Nối Cơ Sở Dữ Liệu
{dbStatus.error}
{/* ============================================================== */}
{/* TAB 1: DASHBOARD */}
{/* ============================================================== */}
{activeTab === 'dashboard' && (
)}
{/* ============================================================== */}
{/* TAB 4: SETTINGS (TÍNH NĂNG MỚI MỞ KHÓA) */}
{/* ============================================================== */}
{activeTab === 'settings' && (
)}
Tổng Quan Hệ Thống
Báo cáo hiệu suất theo thời gian thực.
Tổng Đơn Đặt
{stats.total}
Đang Chờ Xử Lý
{stats.pending}
Cần liên hệ xác nhận gấp
Đã Hoàn Thành
{stats.completed}
Khách đã đi an toàn
Doanh Thu Tạm Tính
{formatVND(stats.estRevenue)}
Dựa trên đơn hoàn thành (150k/đơn)
{/* Chart */}
{/* Urgent Pending List */}
{stats.pending}
{[30, 45, 20, 60, 80, 50, 95].map((val, i) => (
))}
{val} chuyến
Ngày {i+1}
{stats.pending}
{bookings.filter(b => b.status === 'Chờ xác nhận').length === 0 ? (
{b.name}
{b.phone}
${b.dropoff}`}>
{/* Header Controls */}
)}
{/* ============================================================== */}
{/* TAB 3: CUSTOMERS (TÍNH NĂNG MỚI MỞ KHÓA) */}
{/* ============================================================== */}
{activeTab === 'customers' && (
Quản Lý Đơn Đặt Xe
Tìm kiếm, lọc và xuất dữ liệu chuyến đi.
{dbStatus && dbStatus.loading ? (
) : (
)}
Đang tải dữ liệu...
| STT | Khách Hàng | Lộ Trình | Thời Gian Đón | Trạng Thái | Thao Tác |
|---|---|---|---|---|---|
| Không tìm thấy bản ghi nào khớp với điều kiện. | |||||
| {index + 1} |
{booking.name}
{booking.phone}
|
{booking.category}
{booking.type}
|
|
{booking.status === 'Chờ xác nhận' && } {booking.status === 'Đã xác nhận' && } {booking.status === 'Hoàn thành' && } {booking.status} |
|
Đang hiển thị {filteredData.length} / {bookings.length} bản ghi
Khách Hàng Thân Thiết
Hệ thống tự động phân loại dựa trên số điện thoại đặt xe.
| Họ & Tên | Số Điện Thoại | Tổng Số Chuyến | Chuyến Gần Nhất | Phân Hạng |
|---|---|---|---|---|
| {c.name} | {c.phone} | {c.totalBookings} | {safeDate(c.lastTrip)} | = 3 ? 'bg-orange-100 text-orange-600 border-orange-200 shadow-sm' : 'bg-slate-100 text-slate-500 border-slate-200'}`}> {c.totalBookings >= 3 ? 'VIP' : 'Thành Viên'} |
Cài Đặt Hệ Thống
Thay đổi thông tin liên hệ và hiển thị trên website.
setSiteSettings({...siteSettings, hotline: e.target.value})} className="w-full bg-slate-50 border border-slate-200 rounded-2xl p-4 font-black text-xl text-orange-600 outline-none focus:border-orange-500 focus:ring-4 focus:ring-orange-500/10 transition-all" />
setSiteSettings({...siteSettings, promoText: e.target.value})} className="w-full bg-slate-50 border border-slate-200 rounded-2xl p-4 font-bold text-slate-700 outline-none focus:border-orange-500 transition-all" />
setSiteSettings({...siteSettings, facebook: e.target.value})} className="w-full bg-blue-50/50 border border-blue-100 rounded-2xl p-4 outline-none focus:border-blue-500 text-sm font-medium" />
setSiteSettings({...siteSettings, zalo: e.target.value})} className="w-full bg-blue-50/50 border border-blue-100 rounded-2xl p-4 outline-none focus:border-blue-500 text-sm font-medium" />