This commit is contained in:
2024-11-29 14:31:14 +07:00
parent 906627003d
commit 94dbf7420f
8 changed files with 2994 additions and 642 deletions

View File

@@ -58,7 +58,7 @@
</ol>
</div>
<div class="clearfix"></div>
<div class="content-account mb-[20px]">
<div class="content-account mb-[500px]">
<div class="name-avatar flex items-center mb-[20px]">
<div
class="avatar w-[40px] h-[40px] mr-[10px] leading-[40px] text-[24px] font-[600] bg-[#d9d9d9] rounded-[50%] text-center">
@@ -83,6 +83,21 @@
<i class="fas fa-shopping-cart mr-[15px]"></i>
<span class="text-[13px]">Lịch sửa mua hàng</span>
</a>
<a href="javascript:void(0)" data-id="#table-gift"
class="item-tab w-full h-[42px] leading-[42px] mb-[10px] rounded-[5px] flex items-center bg-[#afafaf] text-white p-[0_16px]">
<i class="fas fa-gift mr-[15px]"></i>
<span class="text-[13px]">Danh sách trúng giải</span>
</a>
<a href="javascript:void(0)" data-id="#table-group"
class="item-tab w-full h-[42px] leading-[42px] mb-[10px] rounded-[5px] flex items-center bg-[#afafaf] text-white p-[0_16px]">
<i class="fa-solid fa-user-group mr-[15px]"></i>
<span class="text-[13px]">Nhóm của bạn</span>
</a>
<a href="javascript:void(0)" data-id="#table-group-join"
class="item-tab w-full h-[42px] leading-[42px] mb-[10px] rounded-[5px] flex items-center bg-[#afafaf] text-white p-[0_16px]">
<i class="fa-solid fa-user-group mr-[15px]"></i>
<span class="text-[13px]">Nhóm bạn tham gia</span>
</a>
<a href="/logout.php"
class="item-tab w-full h-[42px] leading-[42px] mb-[10px] rounded-[5px] flex items-center bg-[#afafaf] text-white p-[0_16px]">
<i class="fas fa-sign-in-alt mr-[15px]"></i>
@@ -91,7 +106,7 @@
</div>
</div>
<div class="content-right w-[calc(100%_-187px_-32px)]">
<div class="content-tab hidden active" id="form-info">
<div class="content-tab hidden" id="form-info">
<div class="form-info w-[567px]" id="">
<input type="text"
class="input w-full h-[40px] rounded-[8px] border-[1px] border-[#e6e6e6] outline-none p-[15px] mb-[10px] bg-[#f5f5f5]"
@@ -150,7 +165,8 @@
</thead>
<tbody>
<tr>
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
<td><a href="" class="text-[#116dd8]">Laptop Acer Aspire 7 A715-76-53PJ
NH.QGESV.007</a></td>
<td><b>2.200.000 VNĐ</b></td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
@@ -161,7 +177,9 @@
</td>
</tr>
<tr>
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
<td><a href="" class="text-[#116dd8]">Laptop Acer Aspire 7 A715-76-53PJ
NH.QGESV.007</a>
</td>
<td><b>2.200.000 VNĐ</b></td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
@@ -172,7 +190,8 @@
</td>
</tr>
<tr>
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
<td><a href="" class="text-[#116dd8]">Laptop Acer Aspire 7 A715-76-53PJ
NH.QGESV.007</a></td>
<td><b>2.200.000 VNĐ</b></td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
@@ -183,7 +202,8 @@
</td>
</tr>
<tr>
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
<td><a href="" class="text-[#116dd8]">Laptop Acer Aspire 7 A715-76-53PJ
NH.QGESV.007</a></td>
<td><b>2.200.000 VNĐ</b></td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
@@ -194,7 +214,8 @@
</td>
</tr>
<tr>
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
<td><a href="" class="text-[#116dd8]">Laptop Acer Aspire 7 A715-76-53PJ
NH.QGESV.007</a></td>
<td><b>2.200.000 VNĐ</b></td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
@@ -205,7 +226,8 @@
</td>
</tr>
<tr>
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
<td><a href="" class="text-[#116dd8]">Laptop Acer Aspire 7 A715-76-53PJ
NH.QGESV.007</a></td>
<td><b>2.200.000 VNĐ</b></td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
@@ -216,7 +238,8 @@
</td>
</tr>
<tr>
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
<td><a href="" class="text-[#116dd8]">Laptop Acer Aspire 7 A715-76-53PJ
NH.QGESV.007</a></td>
<td><b>2.200.000 VNĐ</b></td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
@@ -230,6 +253,147 @@
</table>
</div>
</div>
<div class="content-tab hidden active" id="table-gift">
<div class="table-history w-full">
<h2 class="title text-[24px] font-[600] text-center uppercase mb-[20px] ">
Danh sách trúng
giải</h2>
<table class="table text-left">
<thead>
<tr>
<th colspan="2">Tên giải thưởng</th>
<th width="300">Thời gian</th>
<th width="100">Số lượng</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">
<div class="flex items-center">Voucher 50k <a href=""
class="block w-[92px] h-[30px] ml-[10px] text-center bg-[#166DD8] leading-[30px] text-[#fff] rounded-[15px]">Đã
chọn</a></div>
</td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
</tr>
<tr>
<td colspan="2">Voucher 50k</td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
</tr>
<tr>
<td colspan="2">Voucher 50k</td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
</tr>
<tr>
<td colspan="2">Voucher 50k</td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
</tr>
<tr>
<td colspan="2">Voucher 50k</td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
</tr>
<tr>
<td colspan="2">Voucher 50k</td>
<td>14:30:40 12/09/2024</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="content-tab hidden" id="table-group">
<div class="table-history w-full">
<h2 class="title text-[24px] font-[600] text-center uppercase mb-[20px]">Nhóm của bạn
</h2>
<table class="table text-left">
<thead>
<tr>
<th>STT/ID</th>
<th>Tên nhóm</th>
<th>Link nhóm</th>
<th>Thành viên</th>
<th>Thông tin sản phẩm</th>
<th>Trạng thái</th>
</tr>
</thead>
<tbody>
<tr>
<td>1 <a href="" class="text-[#0085FF]">#2431177</a></td>
<td>Hurasoft săn sale Noel</td>
<td><a href=""
class="text-[#0085FF]">https://adman.vn/group-order?id=2431177</a>
</td>
<td>5</td>
<td>Combo Bàn phím và Chuột không dây MO...</td>
<td width="204">
<div
class="w-[92px] h-[22px] leading-[22px] text-[11px] rounded-[11px] border-[1px] border-[#00D060] bg-[#ECFFE9] text-center text-[#00D060] m-[10px_0]">
<i class="fa fa-check"></i> Thành công
</div>
<p class="text-[11px]">Đã thanh toán đơn hàng nhóm</p>
</td>
</tr>
<tr>
<td>1 <a href="" class="text-[#0085FF]">#2431177</a></td>
<td>Hurasoft săn sale Noel</td>
<td><a href=""
class="text-[#0085FF]">https://adman.vn/group-order?id=2431177</a>
</td>
<td>5</td>
<td>Combo Bàn phím và Chuột không dây MO...</td>
<td width="204">
<div
class="w-[92px] h-[22px] leading-[22px] text-[11px] rounded-[11px] border-[1px] border-[#FF7A00] bg-[#FFF6E9] text-center text-[#FF7A00] m-[10px_0]">
<i class="fa-solid fa-circle-exclamation"></i> Đang diễn ra
</div>
<p class="text-[11px]">Chưa đủ số lượng thành viên</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="content-tab hidden " id="table-group-join">
<div class="table-history w-full">
<h2 class="title text-[24px] font-[600] text-center uppercase mb-[20px]">Nhóm của bạn
tham gia
</h2>
<table class="table text-left">
<thead>
<tr>
<th>STT/ID</th>
<th>Tên nhóm</th>
<th>Link nhóm</th>
<th>Thành viên</th>
<th>Thông tin sản phẩm</th>
<th>Trạng thái</th>
</tr>
</thead>
<tbody>
<tr>
<td>1 <a href="" class="text-[#0085FF]">#2431177</a></td>
<td>Hurasoft săn sale Noel</td>
<td><a href=""
class="text-[#0085FF]">https://adman.vn/group-order?id=2431177</a>
</td>
<td>5</td>
<td>Combo Bàn phím và Chuột không dây MO...</td>
<td width="204">
<div
class="w-[50px] h-[22px] leading-[22px] text-[11px] rounded-[11px] border-[1px] border-[#E40000] bg-[#FFE9E9] text-center text-[#E40000] m-[10px_0]">
<i class="fa-solid fa-circle-xmark mr-[5px]"></i> Hủy
</div>
<p class="text-[11px]">Không thanh toán trong thời gian quy định</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
@@ -281,74 +445,6 @@
</div>
<div class="footer">
<div class="box-faq mt-[25px]">
<div class="container">
<div class="background-faq border-[2px] border-[#166dd8] p-[10px] rounded-[15px]">
<h2 class="title text-center text-[32px] font-[600] uppercase text-[#110e83] mb-[20px]">Câu hỏi
thường gặp
</h2>
<div class="content-faq">
<div class="item float-left w-[calc(100%_/_2_-_15px)] mr-[15px] mb-[10px]
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[#f8f8f8]">
<a href="javascript:void(0)"
class="faqlink flex items-center justify-between text-16px font-[600] text-[#3a3a3a]">
<span>Đấu giá trực tuyến có phức tạp không?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham gia
mọi lúc mọi nơi chỉ cần có smartphone và
internet
</div>
</div>
<div class="item float-left w-[calc(100%_/_2_-_15px)] mr-[15px] mb-[10px]
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[#f8f8f8]">
<a href="javascript:void(0)"
class="faqlink flex items-center justify-between text-16px font-[600] text-[#3a3a3a]">
<span>Làm thế nào để xác thực tài khoản đấu giá thành công?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham gia
mọi lúc mọi nơi chỉ cần có smartphone và internet
</div>
</div>
<div class="item float-left w-[calc(100%_/_2_-_15px)] mr-[15px] mb-[10px]
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[#f8f8f8]">
<a href="javascript:void(0)"
class="faqlink flex items-center justify-between text-16px font-[600] text-[#3a3a3a]">
<span>Tại sao nên chọn đấu giá trực tuyến tại Anphatpc?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham gia
mọi lúc mọi nơi chỉ cần có smartphone và internet
</div>
</div>
<div class="item float-left w-[calc(100%_/_2_-_15px)] mr-[15px] mb-[10px]
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[#f8f8f8]">
<a href="javascript:void(0)"
class="faqlink flex items-center justify-between text-16px font-[600] text-[#3a3a3a]">
<span>Quy trình đấu giá sản phẩm của Anphatpc như thế nào?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham gia
mọi lúc mọi nơi chỉ cần có smartphone và internet
</div>
</div>
<div class="item float-left w-[calc(100%_/_2_-_15px)] mr-[15px] mb-[10px]
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[#f8f8f8]">
<a href="javascript:void(0)"
class="faqlink flex items-center justify-between text-16px font-[600] text-[#3a3a3a]">
<span>Điều kiện để chiến thắng đấu giá là gì?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham gia
mọi lúc mọi nơi chỉ cần có smartphone và internet
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="main-footer background-footer mt-[20px]">
<div class="container">
<div