tieptk/auction_program
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
7ee138d8f30392cf3273e5093395a93920088e4f
auction_program/detail.html

1034 lines
55 KiB
HTML
Raw Normal View History

up
2024-10-17 09:32:26 +07:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
</head>
<body>
<div class="page-detail">
<div class="container">
<div class="breadcrumb">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="/" itemprop="item" class="nopad-l">
<span itemprop="name"><span>Trang chủ</span></span>
</a> <i>/</i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="/" itemprop="item">
<span itemprop="name">
Đấu giá
</span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="clearfix"></div>
<div class="content-main-detail d-flex">
<div class="content-left">
<div class="box-group-images d-flex">
<div class="box-thumbImage">
<div class="swiper-button swiper-button-next" id="js-image-next"></div>
<div thumbsSlider="" class="swiper thumbImage">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./assets/images/image-thumb-1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./assets/images/image-thumb-2.png" alt="">
</div>
<div class="swiper-slide">
<img src="./assets/images/image-thumb-3.png" alt="">
</div>
<div class="swiper-slide">
<img src="./assets/images/image-thumb-4.png" alt="">
</div>
<div class="swiper-slide">
<img src="./assets/images/image-thumb-5.png" alt="">
</div>
</div>
</div>
<div class="swiper-button swiper-button-prev" id="js-image-prev"></div>
</div>
<div class="swiper BigImage">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./assets/images/product-detail-big.png" alt="">
</div>
<div class="swiper-slide">
<img src="./assets/images/product-detail-big.png" alt="">
</div>
<div class="swiper-slide">
<img src="./assets/images/product-detail-big.png" alt="">
</div>
<div class="swiper-slide">
<img src="./assets/images/product-detail-big.png" alt="">
</div>
<div class="swiper-slide">
<img src="./assets/images/product-detail-big.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="content-right">
<h2 class="product-name">
Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen)
</h2>
<div class="box-group-time d-flex align-items space-between">
<div class="left d-flex align-items">
<img src="./assets/images/icon-auction-2.png" alt="">
<p class="title">Ngày hội đấu giá</p>
</div>
<div class="right d-flex align-items">
<div class="total-auction">
<i class="icon auction"></i>
<span>200</span>
</div>
<div class="p-box-time d-flex align-items">
<i class="icon time"></i>
<div class="box-time">
<div class="item-time"><b>02</b></div>
<div class="item-time"><b>16</b></div>
<div class="item-time"><b>42</b></div>
</div>
</div>
</div>
</div>
<div class="group-price-detail d-flex align-items">
<div class="box-starting-price">
<p>Giá khởi điểm</p>
<div class="starting-price">110.490.000 <u>đ</u></div>
</div>
<div class="box-price-step">
<p>Bước giá</p>
<div class="price-step">300.000 <u>đ</u></div>
</div>
</div>
<div class="box-user-win">
<div class="price-win d-flex">
<p>Giá thắng cuộc:</p>
<div class="price">125.000.000 <u>đ</u></div>
</div>
<div class="info-user-win d-flex align-items">
<i class="icon-cup"></i>
<p>Người chiến thắng:</p>
<b class="js-user-win">Mai Phương</b>
</div>
</div>
<div class="box-specification">
<div class="item">
<i class="fas fa-check-circle"></i>
<p>CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)</p>
</div>
<div class="item">
<i class="fas fa-check-circle"></i>
<p>VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics</p>
</div>
<div class="item">
<i class="fas fa-check-circle"></i>
<p>Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™</p>
</div>
<div class="item">
<i class="fas fa-check-circle"></i>
<p>RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)</p>
</div>
</div>
<a href="javascript:void(0)" class="btn-auction" onclick="checkAucton()">Tham gia đấu giá</a>
<div class="box-live-auction">
<div class="box-price-live d-flex">
<i class="fas fa-caret-up"></i>
<div class="current-price">125.000.000</div>
<div class="unit-price">VNĐ</div>
</div>
<div class="list-user-auction">
<div class="content-user">
<div class="item d-flex align-items space-between">
<div class="info-left d-flex align-items">
<i class="fas fa-caret-up"></i>
<div class="number">1</div>
<div class="info-user d-flex align-items">
<a href="" class="name-user">Phương</a>
<span>trả</span>
<div class="price">125.000.000 đ</div>
</div>
</div>
<p class="time">00:30:11</p>
</div>
<div class="item d-flex align-items space-between">
<div class="info-left d-flex align-items">
<i class="fas fa-caret-down"></i>
<div class="number">2</div>
<div class="info-user d-flex align-items">
<a href="" class="name-user">Phong</a>
<span>trả</span>
<div class="price">124.800.000 đ</div>
</div>
</div>
<p class="time">00:30:11</p>
</div>
<div class="item d-flex align-items space-between">
<div class="info-left d-flex align-items">
<i class="fas fa-caret-down"></i>
<div class="number">3</div>
<div class="info-user d-flex align-items">
<a href="" class="name-user">Hương</a>
<span>trả</span>
<div class="price">124.300.000 đ</div>
</div>
</div>
<p class="time">00:30:11</p>
</div>
<div class="item d-flex align-items space-between">
<div class="info-left d-flex align-items">
<i class="fas fa-caret-down"></i>
<div class="number">4</div>
<div class="info-user d-flex align-items">
<a href="" class="name-user">Quỳnh</a>
<span>trả</span>
<div class="price">124.000.000 đ</div>
</div>
</div>
<p class="time">00:30:11</p>
</div>
</div>
</div>
<div class="form-input-price">
<div class="p-title">Nhập giá đấu của bạn</div>
<div class="list-suggest d-flex align-items">
<p>Chọn nhanh gợi ý</p>
<div class="list-price d-flex align-items" id="price-list">
<a href="javascript:void(0)" data-price="125300000" class="item">
125.3 tr
</a>
<a href="javascript:void(0)" data-price="125600000" class="item">
125.6 tr
</a>
<a href="javascript:void(0)" data-price="125900000" class="item">
125.9 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
</div>
<a href="javascript:void(0)" id="click-show">
<i class="fas fa-chevron-right"></i>
</a>
</div>
<div class="form-input">
<input type="text" value="126.000.000" id="js-input-price" placeholder="Nhập giá"
class="input-price">
<button class="btn-send" onclick="checkSendAuction(true)">
<i class="fas fa-paper-plane"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="content-revew-history d-flex">
<div class="content-left">
<div class="box-review">
<div class="main-title d-flex align-items space-between">
<div class="title-left">
<div class="title d-flex align-items">
<h2>Đánh giá sản phẩm</h2>
<span>(100 đánh giá)</span>
</div>
<div class="d-flex align-items">
<div class="rating">
<i class="icon-star star5"></i>
</div>
<div class="total">
<span>4.9</span>
<span>/</span>
<span>5</span>
</div>
</div>
</div>
<a href="javascript:void(0)" class="btn-review">Gửi đánh giá</a>
</div>
<div class="list-review">
<div class="item-review d-flex flex-wrap">
<div class="avatar">
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
</div>
<div class="info-cnt">
<div class="name-user">Anh quang</div>
<div class="total-view">
5.0 <i class="fa fa-star"></i>
</div>
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm,
giao hành nhanh, uy tín.</p>
<div class="time-reply d-flex align-items">
<span class="time">20-06-2024, 10:46 am</span>
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
</div>
<div class="list-image d-flex align-items">
<a href="" class="item">
<img src="./assets/images/image-review-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/image-review-2.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/image-review-3.png" alt="">
</a>
</div>
</div>
<div class="list-reppy">
<div class="item-reply d-flex">
<div class="avatar">
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
alt="avatar">
</div>
<div class="info-cnt">
<div class="name-user">Anphatcomputer</div>
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
<br> <br>
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
ạ! <br>
Trân trọng cảm ơn anh!
</p>
<div class="time-reply d-flex align-items">
<span class="time">20-06-2024, 10:46 am</span>
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
</div>
</div>
</div>
<div class="item-reply d-flex">
<div class="avatar">
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
alt="avatar">
</div>
<div class="info-cnt">
<div class="name-user">Anphatcomputer</div>
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
<br> <br>
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
ạ! <br>
Trân trọng cảm ơn anh!
</p>
<div class="time-reply d-flex align-items">
<span class="time">20-06-2024, 10:46 am</span>
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
</div>
</div>
</div>
</div>
</div>
<div class="item-review d-flex flex-wrap">
<div class="avatar">
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
</div>
<div class="info-cnt">
<div class="name-user">Anh quang</div>
<div class="total-view">
5.0 <i class="fa fa-star"></i>
</div>
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm,
giao hành nhanh, uy tín.</p>
<div class="time-reply d-flex align-items">
<span class="time">20-06-2024, 10:46 am</span>
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
</div>
<div class="list-image d-flex align-items">
<a href="" class="item">
<img src="./assets/images/image-review-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/image-review-2.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/image-review-3.png" alt="">
</a>
</div>
</div>
</div>
</div>
<a href="javascript:void(0)" class="more-review">
<span>Xem tất cả đánh giá</span> <i class="fas fa-chevron-right"></i>
</a>
</div>
<div class="box-question">
<h2 class="title">Hỏi đáp <span>(100 bình luận)</span></h2>
<div class="form-question">
<textarea name="" id="" class="input-question"
placeholder="Xin mời để lại câu hỏi, Anphat sẽ trả lời lại trong 1h, các câu hỏi sau 22h - 8h sẽ được trả lời vào sáng hôm sau"
height=""></textarea>
<button type="submit" class="btn-question">
<i class="fas fa-paper-plane"></i>
<span>Gửi</span>
</button>
</div>
<div class="list-question">
<div class="item-question d-flex flex-wrap">
<div class="avatar">
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
</div>
<div class="info-cnt">
<div class="info-user d-flex align-items">
<div class="name-user">Anh Quang</div>
<span class="time">20-06-2024, 10:46 am</span>
</div>
<div class="cnt">
<p>Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng</p>
<a href="javascript:void(0)" class="click-question">
<i class="fas fa-comments"></i> <span>Trả lời</span>
</a>
</div>
</div>
<div class="list-reply">
<div class="reply-question d-flex">
<div class="avatar">
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
alt="avatar">
</div>
<div class="info-cnt">
<div class="info-user d-flex align-items">
<div class="name-user">Anphatcomputer</div>
</div>
<div class="cnt">
<p>Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày để
hướng dẫn thanh toán nhận hàng ạ</p>
<a href="javascript:void(0)" class="click-question">
<i class="fas fa-comments"></i> <span>Trả lời</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="javascript:void(0)" class="more-question">
<span>Xem tất cả hỏi đáp</span> <i class="fas fa-chevron-right"></i>
</a>
</div>
<div class="box-info-product">
<div class="tab d-flex align-items">
<a href="javascrit:void(0)" data-id="#tab-info" class="item-tab active">Thông tin sản
phẩm</a>
<a href="javascrit:void(0)" data-id="#tab-deposit" class="item-tab">Thông tin đặt cọc đấu
giá</a>
</div>
<div class="content-tab" id="tab-info">
<div class="d-flex info">
<img src="./assets/images/product-detail-big.png" width="100%" height="100%" alt="">
<ul>
<li>Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</li>
<li>Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng</li>
<b>Bộ vi xử lý</b>
<li>Công nghệ CPU: Intel Core i5-12450H</li>
<li>Số nhân: 8</li>
<li>Số luồng: 12</li>
<li>Tốc độ tối đa: 4.4GHz</li>
<li>Bộ nhớ đệm: 12MB</li>
<b>Bộ nhớ trong (RAM)</b>
<li>RAM: 16GB (2x8GB)</li>
<li>Loại RAM: DDR4</li>
<li>Tốc độ Bus RAM: 3200Mhz</li>
<li>Số khe cắm: 2 khe</li>
<li>Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB</li>
<b>Ổ cứng</b>
<li>Dung lượng: 512GB PCIe NVMe SSD</li>
<li>Tốc độ vòng quay</li>
<li>Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe</li>
</ul>
</div>
</div>
<div class="content-tab active" id="tab-deposit">
<div class="box-deposit">
<i class="title">Quý khách vui lòng làm theo các bước sau đây.</i>
<div class="content-deposit">
<div class="item">
<div class="step">
Bước 1
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<b class="txt d-flex">
Đặt cọc <div class="price">500.000 VNĐ</div> và STK bên dưới
</b>
</div>
<div class="item">
<div class="step">Bước 2
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<div class="txt">
<b>Kiểm tra email</b> để nhận thông tin xác nhận đặt cọc thành công từ
Anphatpc gửi đến
<div class="note">(Lưu lý: Kiểm tra tất cả các hộp tư bao gồm cả thư rác)
</div>
</div>
</div>
</div>
<div class="contact-deposit">
Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch qua
<b>Zalo: 0909000000</b> để được hỗ trợ
nhanh nhất.
</div>
</div>
</div>
</div>
</div>
<div class="content-right">
<div class="box-history">
<h2 class="title">Các phiên đấu giá trước</h2>
<div class="tab-history d-flex align-items">
<a href="javascript:void(0)" data-id="#3day" class="item-tab active">3 ngày</a>
<a href="javascript:void(0)" data-id="#7day" class="item-tab">7 ngày</a>
<a href="javascript:void(0)" data-id="#30day" class="item-tab">30 ngày</a>
</div>
<table class="table-tab active" id="3day">
<thead>
<th>Tên người thắng</th>
<th>Giác thắng cuộc</th>
<th>Thời gian</th>
</thead>
<tbody>
<tr>
<td>Mai anh</td>
<td>22.200.000 VNĐ</td>
<td>14:30:40 12/09/2024</td>
</tr>
<tr>
<td>Trần Quang</td>
<td>27.500.000 VNĐ</td>
<td>15:19:22 12/09/2024</td>
</tr>
<tr>
<td>Hoàng hải</td>
<td>21.800.000 VNĐ</td>
<td>10:39:41 13/09/2024</td>
</tr>
<tr>
<td>Phương Anh</td>
<td>12.900.000 VNĐ</td>
<td>14:12:33 13/09/2024</td>
</tr>
<tr>
<td>Mai Hoa</td>
<td>29.860.000 VNĐ</td>
<td>14:28:45 13/09/2024</td>
</tr>
<tr>
<td>Thu Hương</td>
<td>70.200.000 VNĐ</td>
<td>16:30:41 14/09/2024</td>
</tr>
<tr>
<td>Thu Hương</td>
<td>70.200.000 VNĐ</td>
<td>16:30:41 14/09/2024</td>
</tr>
</tbody>
</table>
<table class="table-tab" id="7day">
<thead>
<th>Tên người thắng</th>
<th>Giác thắng cuộc</th>
<th>Thời gian</th>
</thead>
<tbody>
<tr>
<td>Mai anh</td>
<td>22.200.000 VNĐ</td>
<td>14:30:40 12/09/2024</td>
</tr>
<tr>
<td>Trần Quang</td>
<td>27.500.000 VNĐ</td>
<td>15:19:22 12/09/2024</td>
</tr>
<tr>
<td>Hoàng hải</td>
<td>21.800.000 VNĐ</td>
<td>10:39:41 13/09/2024</td>
</tr>
<tr>
<td>Phương Anh</td>
<td>12.900.000 VNĐ</td>
<td>14:12:33 13/09/2024</td>
</tr>
<tr>
<td>Mai Hoa</td>
<td>29.860.000 VNĐ</td>
<td>14:28:45 13/09/2024</td>
</tr>
<tr>
<td>Thu Hương</td>
<td>70.200.000 VNĐ</td>
<td>16:30:41 14/09/2024</td>
</tr>
</tbody>
</table>
<table class="table-tab" id="30day">
<thead>
<th>Tên người thắng</th>
<th>Giác thắng cuộc</th>
<th>Thời gian</th>
</thead>
<tbody>
<tr>
<td>Mai anh</td>
<td>22.200.000 VNĐ</td>
<td>14:30:40 12/09/2024</td>
</tr>
<tr>
<td>Trần Quang</td>
<td>27.500.000 VNĐ</td>
<td>15:19:22 12/09/2024</td>
</tr>
<tr>
<td>Hoàng hải</td>
<td>21.800.000 VNĐ</td>
<td>10:39:41 13/09/2024</td>
</tr>
<tr>
<td>Phương Anh</td>
<td>12.900.000 VNĐ</td>
<td>14:12:33 13/09/2024</td>
</tr>
<tr>
<td>Mai Hoa</td>
<td>29.860.000 VNĐ</td>
<td>14:28:45 13/09/2024</td>
</tr>
<tr>
<td>Thu Hương</td>
<td>70.200.000 VNĐ</td>
<td>16:30:41 14/09/2024</td>
</tr>
</tbody>
</table>
</div>
<div class="list-product-auction">
<h2 class="title">Đấu giá đang diễn ra</h2>
<div class="list">
<div class="item-auction">
<div class="images">
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
<div class="box-join">
<i class="icon_auction"></i>
<span>220</span>
</div>
</div>
<div class="info">
<a href="" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0 inch
- 4K - IPS
Black</a>
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
<div class="price-auction d-flex align-items">
<p class="txt">Trả cao nhất:</p>
<p class="price-highest">230.490.000 <u>đ</u></p>
</div>
<a href="/product-detail.html" class="btn-add">Đấu giá</a>
</div>
</div>
<div class="item-auction">
<div class="images">
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
<div class="box-join">
<i class="icon_auction"></i>
<span>220</span>
</div>
</div>
<div class="info">
<a href="" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0 inch
- 4K - IPS
Black</a>
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
<div class="price-auction d-flex align-items">
<p class="txt">Trả cao nhất:</p>
<p class="price-highest">230.490.000 <u>đ</u></p>
</div>
<a href="/product-detail.html" class="btn-add">Đấu giá</a>
</div>
</div>
<div class="item-auction">
<div class="images">
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
<div class="box-join">
<i class="icon_auction"></i>
<span>220</span>
</div>
</div>
<div class="info">
<a href="" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0 inch
- 4K - IPS
Black</a>
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
<div class="price-auction d-flex align-items">
<p class="txt">Trả cao nhất:</p>
<p class="price-highest">230.490.000 <u>đ</u></p>
</div>
<a href="/product-detail.html" class="btn-add">Đấu giá</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay"></div>
<div class="box-popup popup-rules">
<div class="title">Thể lệ tham gia đấu giá</div>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<i class="note-time">Thời gian: Mỗi thứ 7 hàng tuần Dịch vụ ABC sẽ có một phiên đấu giá diễn ra từ 20 tới 22h
bao
gồm nhiều sản phẩm khác
nhau.</i>
<div class="content">
<p>- Các sản phẩm đều có giá khởi điểm và bước giá nhất định.</p>
<p>- Người chơi có thể bắt đầu đấu giá từ giá khởi điểm, người
trả giá sau cần trả mức giá cao hơn người trước ít nhất 1 bước giá. Kết thúc thời gian đấu giá, người
trả giá cao nhất và sớm nhất sẽ được mua sản phẩm.</p>
<p>
- Người chơi tham gia đấu giá cần đặt cọc trước 500.000 VND.
</p>
<p>- Trong thời gian diễn ra, một người chỉ được tham gia đấu giá 1 sản phẩm. Mỗi người có 5 lượt trả giá
</p>
<p> - Kết thúc phiên đấu giá, Gearvn sẽ công bố kết quả người trúng đấu giá.</p>
<p>+ Người trúng đấu giá cần thanh toán số tiền còn lại của sản phẩm sau khi
trừ tiền đặt
cọc trong vòng 24h kể từ khi công bố kết quả.Sau 24h kể từ khi công bố kết quả, người trúng đấu giá
chưa
thanh toán đủ
số tiền, tiền đặt cọc không được hoàn lại và tài khoản người chơi bị khóa không thể tham gia các chương
trình của Anphat
PC</p>
<p>- Trong thời gian diễn ra, một người chỉ được tham gia đấu giá 1 sản phẩm. Mỗi người có 5 lượt trả giá
</p>
<p> - Kết thúc phiên đấu giá, Gearvn sẽ công bố kết quả người trúng đấu giá.</p>
<p>+ Người trúng đấu giá cần thanh toán số tiền còn lại của sản phẩm sau khi
trừ tiền đặt
cọc trong vòng 24h kể từ khi công bố kết quả.Sau 24h kể từ khi công bố kết quả, người trúng đấu giá
chưa
thanh toán đủ
số tiền, tiền đặt cọc không được hoàn lại và tài khoản người chơi bị khóa không thể tham gia các chương
trình của Anphat
PC</p>
<p>
+ Nếu không trúng đấu giá, người chơi sẽ được hoàn lại tiền cọc trong vòng 02 ngày kể từ khi kết thúc.
</p>
<p>Bước 1: Đăng nhập tài khoản</p>
<p>Bước 2: Xem và chọn sản phẩm đấu giá</p>
</div>
<div class="check">
<label class="input-checkbox">Tôi đã đọc và đồng ý với các thể lệ của chương trình
<input type="checkbox" id="check_rules">
<span class="checkmark"></span>
</label>
</div>
<button type="submit" class="btn-submit" id="submit_rules">Đã hiểu</button>
</div>
<div class="box-popup popup-login">
<div class="content">
<div class="title">Bạn vui lòng đăng nhập tài khoản <br>để tham gia đấu giá</div>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<a href="javascript:void(0)" class="btn-login google" onclick="checklogin()">
<div class="left d-flex align-items">
<img src="./assets/images/icon-google.png" width="100%" height="100%" alt="google">
<span>Đăng nhập bằng Google</span>
</div>
<i class="fas fa-chevron-right"></i>
</a>
<a href="javascript:void(0)" class="btn-login facebook" onclick="checklogin()">
<div class="left d-flex align-items">
<img src="./assets/images/icon-facebook-login.png" width="100%" height="100%" alt="facebook">
<span>Đăng nhập bằng Google</span>
</div>
<i class="fas fa-chevron-right"></i>
</a>
</div>
</div>
<div class="box-popup popup-yeucau">
<div class="content">
<div class="title">Yêu cầu đặt cọc</div>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<p class="text-center">Vui lòng đặt cọc số tiền 500.000đ để tham gia đấu giá</p>
<a class="btn-submit" href="javascript:void(0)" onclick="showInfoPay()">Tiếp tục</a>
</div>
</div>
<div class="box-popup popup-info-pay">
<div class="title-main">Thông tin đặt cọc sản phẩm</div>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<div class="box-deposit">
<i class="title">Quý khách vui lòng làm theo các bước sau đây.</i>
<div class="content-deposit">
<div class="item">
<div class="step">
Bước 1
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<b class="txt d-flex">
Đặt cọc <div class="price">500.000 VNĐ</div> và STK bên dưới
</b>
</div>
<div class="item">
<div class="step">Bước 2
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<div class="txt">
<b>Kiểm tra email</b> để nhận thông tin xác nhận đặt cọc thành công từ
Anphatpc gửi đến
<div class="note">(Lưu lý: Kiểm tra tất cả các hộp tư bao gồm cả thư rác)
</div>
</div>
</div>
</div>
<div class="contact-deposit">
Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch qua
<b>Zalo: 0909000000</b> để được hỗ trợ
nhanh nhất.
</div>
<div class="pay-qr">
<div class="title">Thông tin tài khoản nhận cọc</div>
<div class="d-flex">
<img src="./assets/images/image-qr.png" class="image-qr" width="100%" height="100%" alt="qr">
<div class="info">
<p>Công ty CP THƯƠNG MẠI DỊCH VỤ ACB</p>
<p>Ngân hàng: Techcombank</p>
<p>Số tài khoản: 9999998888</p>
<b>Nội dung thanh toán:</b>
<p>[id tài khoản] đặt cọc tham gia đấu giá sản phẩm [mã sp]</p>
</div>
</div>
</div>
</div>
</div>
<div class="box-popup popup-success">
<h2 class="title">
xin chúc mừng!
</h2>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<div class="note-title">Bạn đã đặt giá thầu thành công!</div>
<div class="content">
Quý khách hãy tiếp tục theo dõi màn đấu giá cho đến hết thời gian diễn ra. Lịch sử đấu giá sẽ được hiển thị
tại đây. Khi
thời gian kết thúc, bộ phận CSKH sẽ gửi email xác nhận đến người chiến thắng!
</div>
<a class="btn-submit" href="javascript:void(0)" onclick="closePopop()">Đã hiểu</a>
</div>
<div class="box-popup popup-error">
<i class="fas fa-exclamation-triangle"></i>
<h2 class="title">Đấu giá không thành công</h2>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<div class="content">
Giá đấu của bạn chưa hợp lệ. Vui lòng nhập giá cao hơn giá cao nhất ít nhất X VND
</div>
<a class="btn-submit" href="javascript:void(0)" onclick="closePopop()">Thử lại</a>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
var swiper_thumb = new Swiper(".thumbImage", {
spaceBetween: 10,
slidesPerView: 4,
direction: "vertical",
loop: true,
on: {
init: (swiper) => {
let totalGap = swiper.passedParams.spaceBetween * (swiper.passedParams.slidesPerView - 1);
let containerHeight = swiper.passedParams.slidesPerView * swiper.slides[0].clientHeight + totalGap;
swiper.el.style.height = containerHeight + 'px';
},
},
});
var swiper_big = new Swiper(".BigImage", {
spaceBetween: 10,
watchSlidesProgress: true,
noSwiping: true,
navigation: {
nextEl: "#js-image-next",
prevEl: "#js-image-prev",
},
thumbs: {
swiper: swiper_thumb,
},
});
</script>
<script>
const showButton = document.getElementById('click-show');
const priceList = document.getElementById('price-list');
let currentIndex = 4; // Ban đầu hiển thị 4 item
showButton.addEventListener('click', () => {
const itemWidth = document.querySelector('.item').offsetWidth;
priceList.scrollBy({ left: itemWidth, behavior: 'smooth' });
currentIndex++;
// Nếu đã scroll qua hết các item thì ẩn nút
if (currentIndex >= document.querySelectorAll('.item').length) {
showButton.style.display = 'none';
}
});
function formatCurrency(a) {
var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
var len = b.length;
b = b.substring(0, len - 3);
return b;
}
$('#price-list .item').on('click', function () {
var price = $(this).attr('data-price');
$('#js-input-price').val(formatCurrency(price));
})
</script>
<script>
productDetailTab()
function productDetailTab() {
$(".tab .item-tab").click(function () {
var datatab = $(this).attr("data-id");
$(".tab .item-tab").removeClass("active");
$('.content-tab').removeClass("active");
$(this).addClass("active");
$(datatab).addClass("active");
});
}
TabHistory();
function TabHistory() {
$(".tab-history .item-tab").click(function () {
var datatab = $(this).attr("data-id");
$(".tab-history .item-tab").removeClass("active");
$('.table-tab').removeClass("active");
$(this).addClass("active");
$(datatab).addClass("active");
});
}
</script>
<script>
checkRules();
function checkRules() {
$('#submit_rules').on('click', function () {
if ($('#check_rules').is(':checked')) {
$('.box-popup').removeClass('active');
$('.popup-login').addClass('active')
} else {
alert('Quý khách cần đồng ý với thể lệ của chương trình')
}
})
}
function closePopop() {
$('.box-popup').removeClass('active');
$('.overlay').removeClass('active')
}
function checkAucton() {
$('.overlay').addClass('active')
$('.popup-rules').addClass('active')
}
function checklogin() {
$('.box-popup').removeClass('active');
$('.popup-yeucau').addClass('active')
}
function showInfoPay() {
$('.box-popup').removeClass('active');
$('.popup-info-pay').addClass('active')
}
function checkSendAuction(check) {
$('.box-popup').removeClass('active');
if (check == true) {
$('.overlay').addClass('active')
$('.popup-success').addClass('active')
} else {
$('.overlay').addClass('active')
$('.popup-error').addClass('active')
}
}
</script>
</html>
Reference in New Issue Copy Permalink