update database
This commit is contained in:
@@ -29,13 +29,23 @@
|
||||
</div>
|
||||
|
||||
<!-- Status Filters -->
|
||||
<div class="tab-nav mb-3">
|
||||
<!--<div class="tab-nav mb-3">
|
||||
<button class="tab-item active">Tất cả</button>
|
||||
<button class="tab-item">Chờ xác nhận</button>
|
||||
<button class="tab-item">Đang xử lý</button>
|
||||
<button class="tab-item">Đang giao</button>
|
||||
<button class="tab-item">Hoàn thành</button>
|
||||
<button class="tab-item">Đã hủy</button>
|
||||
</div>-->
|
||||
<!-- Filter Pills -->
|
||||
<div class="filter-container">
|
||||
<button class="filter-pill active">Tất cả</button>
|
||||
<button class="filter-pill">Chờ xác nhận</button>
|
||||
<button class="filter-pill">Gạch ốp tường</button>
|
||||
<button class="filter-pill">Đang xử lý</button>
|
||||
<button class="filter-pill">Đang giao</button>
|
||||
<button class="filter-pill">Hoàn thành</button>
|
||||
<button class="filter-pill">Đã hủy</button>
|
||||
</div>
|
||||
|
||||
<!-- Orders List -->
|
||||
@@ -50,18 +60,18 @@
|
||||
</div>
|
||||
|
||||
<div class="order-details">
|
||||
<p class="order-date">Ngày đặt: 03/08/2023</p>
|
||||
<p class="order-customer">Khách hàng: Nguyễn Văn A</p>
|
||||
<p class="order-date">Ngày đặt: 03/08/2025</p>
|
||||
<p class="order-customer">Ngày giao: 06/08/2025</p>
|
||||
<p class="order-customer">Địa chỉ: Quận 7, HCM</p>
|
||||
<p class="order-status-text">
|
||||
<span class="status-badge processing">Đang xử lý</span>
|
||||
</p>
|
||||
<p class="order-note">Gạch granite 60x60 - Số lượng: 50m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Order Item 2 - Completed -->
|
||||
<div class="order-card completed">
|
||||
<div class="order-card completed" onclick="viewOrderDetail('DH001233')">
|
||||
<div class="order-status-indicator"></div>
|
||||
<div class="order-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
@@ -70,18 +80,18 @@
|
||||
</div>
|
||||
|
||||
<div class="order-details">
|
||||
<p class="order-date">Ngày đặt: 02/08/2023</p>
|
||||
<p class="order-customer">Khách hàng: Trần Thị B</p>
|
||||
<p class="order-date">Ngày đặt: 24/06/2025</p>
|
||||
<p class="order-customer">Ngày giao: 27/06/202</p>
|
||||
<p class="order-customer">Địa chỉ: Thủ Dầu Một, Bình Dương</p>
|
||||
<p class="order-status-text">
|
||||
<span class="status-badge completed">Hoàn thành</span>
|
||||
</p>
|
||||
<p class="order-note">Gạch ceramic 30x30 - Số lượng: 80m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Order Item 3 - Shipping -->
|
||||
<div class="order-card shipping">
|
||||
<div class="order-card shipping" onclick="viewOrderDetail('DH001232')">
|
||||
<div class="order-status-indicator"></div>
|
||||
<div class="order-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
@@ -90,18 +100,18 @@
|
||||
</div>
|
||||
|
||||
<div class="order-details">
|
||||
<p class="order-date">Ngày đặt: 01/08/2023</p>
|
||||
<p class="order-customer">Khách hàng: Lê Văn C</p>
|
||||
<p class="order-date">Ngày đặt: 01/03/2025</p>
|
||||
<p class="order-customer">Ngày giao: 05/03/2025</p>
|
||||
<p class="order-customer">Địa chỉ: Cầu Giấy, Hà Nội</p>
|
||||
<p class="order-status-text">
|
||||
<span class="status-badge shipping">Đang giao</span>
|
||||
</p>
|
||||
<p class="order-note">Gạch porcelain 80x80 - Số lượng: 100m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Order Item 4 - Pending -->
|
||||
<div class="order-card pending">
|
||||
<div class="order-card pending" onclick="viewOrderDetail('DH001231')">
|
||||
<div class="order-status-indicator"></div>
|
||||
<div class="order-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
@@ -110,18 +120,18 @@
|
||||
</div>
|
||||
|
||||
<div class="order-details">
|
||||
<p class="order-date">Ngày đặt: 31/07/2023</p>
|
||||
<p class="order-customer">Khách hàng: Phạm Thị D</p>
|
||||
<p class="order-date">Ngày đặt: 08/11/2024</p>
|
||||
<p class="order-customer">Ngày giao: 12/11/2024</p>
|
||||
<p class="order-customer">Địa chỉ: Thủ Đức, HCM</p>
|
||||
<p class="order-status-text">
|
||||
<span class="status-badge pending">Chờ xác nhận</span>
|
||||
</p>
|
||||
<p class="order-note">Gạch mosaic 25x25 - Số lượng: 40m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Order Item 5 - Cancelled -->
|
||||
<div class="order-card cancelled">
|
||||
<div class="order-card cancelled" onclick="viewOrderDetail('DH001230')">
|
||||
<div class="order-status-indicator"></div>
|
||||
<div class="order-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
@@ -130,19 +140,47 @@
|
||||
</div>
|
||||
|
||||
<div class="order-details">
|
||||
<p class="order-date">Ngày đặt: 30/07/2023</p>
|
||||
<p class="order-customer">Khách hàng: Hoàng Văn E</p>
|
||||
<p class="order-date">Ngày đặt: 30/07/2024</p>
|
||||
<p class="order-customer">Ngày giao: 04/08/2024</p>
|
||||
<p class="order-customer">Địa chỉ: Rạch Giá, Kiên Giang</p>
|
||||
<p class="order-status-text">
|
||||
<span class="status-badge cancelled">Đã hủy</span>
|
||||
</p>
|
||||
<p class="order-note">Gạch terrazzo 40x40 - Số lượng: 20m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Bottom Navigation -->
|
||||
<!-- <div class="bottom-nav">
|
||||
<a href="index.html" class="nav-item active">
|
||||
<i class="fas fa-home"></i>
|
||||
<span>Trang chủ</span>
|
||||
</a>
|
||||
<a href="loyalty.html" class="nav-item">
|
||||
<i class="fas fa-star"></i>
|
||||
<span>Hội viên</span>
|
||||
</a>
|
||||
<a href="promotions.html" class="nav-item">
|
||||
<i class="fas fa-tags"></i>
|
||||
<span>Khuyến mãi</span>
|
||||
</a>
|
||||
<a href="notifications.html" class="nav-item">
|
||||
<i class="fas fa-bell"></i>
|
||||
<span>Thông báo</span>
|
||||
</a>
|
||||
<a href="account.html" class="nav-item">
|
||||
<i class="fas fa-user"></i>
|
||||
<span>Cài đặt</span>
|
||||
</a>
|
||||
</div>-->
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function viewOrderDetail(orderId) {
|
||||
window.location.href = `order-detail.html?id=${orderId}`;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user