diff --git a/html/points-history.html b/html/points-history.html index e0681d3..0c75460 100644 --- a/html/points-history.html +++ b/html/points-history.html @@ -8,78 +8,6 @@ -
@@ -88,15 +16,12 @@

Lịch sử điểm

- - +
- +
- -
-
-
-

- Giao dịch mua hàng 00083 -

-

- Thời gian: 28/09/2023 17:23:18 -

-

- Giao dịch: 100.000.000 VND -

-
- + +
+
+ GD-00083 + 28/09/2023
- -
-
-
+3
-
Điểm mới: 604
+
+
+
Giao dịch mua hàng
+
Mã tham chiếu: #HD-2023-00083
+
+ +3 điểm +
+
+
+ Số dư sau: 604 điểm
- -
-
-
-

- Giao dịch mua hàng 00081 -

-

- Thời gian: 27/09/2023 17:23:18 -

-

- Giao dịch: 200.000.000 VND -

-
- + +
+
+ GD-00081 + 27/09/2023
- -
-
-
0
-
Điểm mới: 604
+
+
+
Giao dịch mua hàng
+
Mã tham chiếu: #HD-2023-00081
+
+ 0 điểm +
+
+
+ Số dư sau: 601 điểm
- -
-
-
-

- Điểm thưởng hết hạn -

-

- Thời gian: 20/09/2023 17:23:18 -

-
- + +
+
+ EXP-2023-001 + 20/09/2023
- -
-
-
-5
-
Điểm mới: 604
+
+
+
Điểm thưởng hết hạn
+
Hết hạn sử dụng
+
+ -5 điểm +
+
+
+ Số dư sau: 601 điểm
- -
-
-
-

- Đổi Voucher HSG -

-

- Thời gian: 19/09/2023 17:23:18 -

-
- + +
+
+ RDM-2023-042 + 19/09/2023
- -
-
-
-500
-
Điểm mới: 604
+
+
+
Đổi Voucher giảm giá
+
Voucher 5.000.000đ - HSG
+
+ -500 điểm +
+
+
+ Số dư sau: 606 điểm
- -
-
-
-

- Giới thiệu người dùng -

-

- Thời gian: 10/09/2023 17:23:18 -

-
- + +
+
+ REF-2023-128 + 10/09/2023
- -
-
-
+5
-
Điểm mới: 604
+
+
+
Giới thiệu thành công
+
Giới thiệu: Nguyễn Văn A
+
+ +5 điểm +
+
+
+ Số dư sau: 1.106 điểm
- -
-
-
-

- Đổi quà -

-

- Thời gian: 19/09/2023 17:23:18 -

-
- + +
+
+ RDM-2023-038 + 05/09/2023
- -
-
-
-200
-
Điểm mới: 604
+
+
+
Đổi quà tặng
+
Tai nghe Bluetooth Sony WH-1000XM4
+
+
+ -200 điểm
-
-
-
- -
+ + \ No newline at end of file diff --git a/html/points-record.html b/html/points-record.html index 6cbf757..95792f8 100644 --- a/html/points-record.html +++ b/html/points-record.html @@ -319,7 +319,124 @@ color: #0369a1; } + .product-row { + background: #f8f9fa; + border: 2px solid var(--border-color); + border-radius: 12px; + padding: 16px; + margin-bottom: 12px; + position: relative; + } + + .product-row-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 12px; + padding-bottom: 8px; + border-bottom: 1px dashed #ddd; + } + + .product-row-title { + font-size: 14px; + font-weight: 600; + color: var(--primary-color); + } + + .btn-remove-product { + background: #fee2e2; + color: #dc2626; + border: none; + padding: 6px 12px; + border-radius: 6px; + font-size: 12px; + cursor: pointer; + transition: all 0.2s; + font-weight: 500; + } + + .btn-remove-product:hover { + background: #fecaca; + } + + .product-input-group { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 12px; + margin-bottom: 12px; + } + + .product-input-full { + grid-column: 1 / -1; + } + + .product-label { + font-size: 13px; + font-weight: 600; + color: var(--text-primary); + margin-bottom: 6px; + display: block; + } + + .product-label.required::after { + content: " *"; + color: var(--danger-color); + } + + .product-subtotal { + background: #eff6ff; + border: 2px dashed #005B9A; + border-radius: 8px; + padding: 12px; + text-align: center; + } + + .product-subtotal-label { + font-size: 12px; + color: #666; + margin-bottom: 4px; + } + + .product-subtotal-value { + font-size: 18px; + font-weight: 700; + color: #005B9A; + } + + .btn-add-product { + width: 100%; + background: white; + border: 2px dashed var(--primary-color); + color: var(--primary-color); + padding: 14px; + border-radius: 12px; + font-size: 15px; + font-weight: 600; + cursor: pointer; + transition: all 0.2s; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + } + + .btn-add-product:hover { + background: #eff6ff; + border-color: var(--primary-dark); + } + + .summary-card { + background: linear-gradient(135deg, #eff6ff, #dbeafe); + border: 2px solid #005B9A; + border-radius: 12px; + padding: 20px; + margin-bottom: 16px; + } + @media (max-width: 480px) { + .product-input-group { + grid-template-columns: 1fr; + } .content { padding: 0.75rem; } @@ -403,44 +520,9 @@ placeholder="Nhập số hóa đơn (nếu có)" onchange="validateForm()">
- - -
- - -
- - - - - - - - -
-
Điểm dự kiến nhận được
-
0 điểm
-
-
- +
- +
- - + +
+ +
+
- -
- - + +
+

+ + Tổng kết đơn hàng +

+
+
+ Tổng số lượng: + 0 m² +
+
+ Tổng giá trị đơn hàng: + 0 đ +
+
+ +
+
Điểm dự kiến nhận được
+
0 điểm
+
@@ -504,13 +601,13 @@
-
+