2024-10-17 09:32:26 +07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2024-10-18 09:55:04 +07:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
|
2024-10-17 09:32:26 +07:00
|
|
|
<title>Đấu giá</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-mb.css">
|
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
|
|
|
|
</head>
|
|
|
|
|
|
2024-10-18 09:55:04 +07:00
|
|
|
<body class="page-detail" style="overflow: hidden;">
|
2024-10-17 09:32:26 +07:00
|
|
|
<div class="container-mb">
|
|
|
|
|
<div class="header">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="content-main-header d-flex align-items space-between">
|
|
|
|
|
<a href="/" class="logo">
|
|
|
|
|
<img src="./assets/images/logo-mobile.png" width="100%" height="100%" alt="logo">
|
|
|
|
|
</a>
|
|
|
|
|
<div class="header-right d-flex align-items">
|
|
|
|
|
<a href="" class="item">
|
|
|
|
|
<img src="./assets/images/icon-clipboard.png" alt="">
|
|
|
|
|
<span>Thể lệ đấu giá</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/taikhoan" class="item">
|
|
|
|
|
<img src="./assets/images/icon-user.png" alt="">
|
|
|
|
|
<span>Tài khoản</span>
|
|
|
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="page-detail">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="breadcrumb">
|
|
|
|
|
<a href="javascript:void(0)" onclick="history.back()" class="link-back">
|
|
|
|
|
<i class="fas fa-chevron-left"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="" class="name text-center block line-clamp-1">Laptop Acer Aspire 7 A715-76-53PJ Laptop Acer
|
|
|
|
|
Aspire 7 A715-76-53PJ Laptop Acer Aspire 7 A715-76-53PJ</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="content-main-detail">
|
|
|
|
|
<div class="content-top">
|
|
|
|
|
<div class="box-group-images">
|
|
|
|
|
<div class="swiper" id="js-slider-image">
|
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
|
|
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
|
|
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
|
|
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
|
|
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
|
|
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Add Pagination -->
|
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content-bottom">
|
|
|
|
|
<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>
|
|
|
|
|
<div class="box-add-auction active">
|
|
|
|
|
<a href="javascript:void(0)" class="btn-auction" onclick="checkAucton()">Tham gia đấu
|
|
|
|
|
giá</a>
|
|
|
|
|
</div>
|
2024-10-18 09:55:04 +07:00
|
|
|
<div class="box-live-auction active">
|
2024-10-17 09:32:26 +07:00
|
|
|
<div class="main-title-live">
|
|
|
|
|
<a href="javascript:void(0)" class="close" onclick="closeLiveAction()">
|
|
|
|
|
<i class="fas fa-chevron-left"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<p>Tham gia đấu giá</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-price-live d-flex">
|
|
|
|
|
<i class="fas fa-caret-up"></i>
|
2024-10-18 09:55:04 +07:00
|
|
|
<div class="current-price" id="js-price-present">125.000.000</div>
|
2024-10-17 09:32:26 +07:00
|
|
|
<div class="unit-price">VNĐ</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-user-auction">
|
2024-10-18 09:55:04 +07:00
|
|
|
<div class="content-user" id="user-list">
|
2024-10-17 09:32:26 +07:00
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-input">
|
|
|
|
|
<input type="text" value="126.000.000" id="js-input-price" inputmode="numeric"
|
|
|
|
|
pattern="[0-9]*" placeholder="Nhập giá" class="input-price">
|
2024-10-18 09:55:04 +07:00
|
|
|
<a href="javascript:void(0)" class="btn-send" onclick="handleBid()">
|
2024-10-17 09:32:26 +07:00
|
|
|
<i class="fas fa-paper-plane"></i>
|
2024-10-18 09:55:04 +07:00
|
|
|
</a>
|
2024-10-17 09:32:26 +07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content-revew-history">
|
|
|
|
|
<div class="box-review">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="main-title">
|
|
|
|
|
<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 space-between" style="margin-top: 5px;">
|
|
|
|
|
<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>
|
|
|
|
|
<a href="javascript:void(0)" class="btn-review">Gửi đánh giá</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</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>
|
|
|
|
|
<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-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>
|
|
|
|
|
<div class="cnt-history">
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
<div class="list-product-auction">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="backgrond-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 class="box-info-product">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="tab d-flex align-items space-between">
|
|
|
|
|
<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 active" id="tab-info">
|
|
|
|
|
<div class="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" 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>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="overlay" onclick="closePopop()"></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>
|
|
|
|
|
|
|
|
|
|
<div class="footer">
|
|
|
|
|
<div class="box-faq">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="background-faq">
|
|
|
|
|
<h2 class="title">Câu hỏi thường gặp</h2>
|
|
|
|
|
<div class="content-faq">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<a href="javascript:void(0)" class="faqlink">
|
|
|
|
|
<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">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">
|
|
|
|
|
<a href="javascript:void(0)" class="faqlink">
|
|
|
|
|
<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">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">
|
|
|
|
|
<a href="javascript:void(0)" class="faqlink">
|
|
|
|
|
<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">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">
|
|
|
|
|
<a href="javascript:void(0)" class="faqlink">
|
|
|
|
|
<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">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">
|
|
|
|
|
<a href="javascript:void(0)" class="faqlink">
|
|
|
|
|
<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">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">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="footer-policies d-flex flex-wrap">
|
|
|
|
|
<div class="item-policies">
|
|
|
|
|
<div class="icons">
|
|
|
|
|
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="txt">
|
|
|
|
|
<b>Chính sách giao hàng</b>
|
|
|
|
|
<p>Nhận hàng & thanh toán tại nhà</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-policies">
|
|
|
|
|
<div class="icons">
|
|
|
|
|
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="txt">
|
|
|
|
|
<b>Đổi mới 15 ngày đầu</b>
|
|
|
|
|
<p>Áp dụng với sản phẩm laptop</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-policies">
|
|
|
|
|
<div class="icons">
|
|
|
|
|
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="txt">
|
|
|
|
|
<b>Thanh toán tiện lợi</b>
|
|
|
|
|
<p>Trả tiền mặt, CK, trả góp 0%</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-policies">
|
|
|
|
|
<div class="icons">
|
|
|
|
|
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="txt">
|
|
|
|
|
<b>Hỗ trợ nhiệt tình</b>
|
|
|
|
|
<p>Tư vấn, giải pháp mọi thắc mắc</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="contact-footer">
|
|
|
|
|
<div class="info-contact text-center">
|
|
|
|
|
<b>Công ty cổ phần thương mại máy tính an phát</b>
|
|
|
|
|
<p>Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày
|
|
|
|
|
11/10/2019</p>
|
|
|
|
|
<p>Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội,
|
|
|
|
|
Việt
|
|
|
|
|
Nam</p>
|
|
|
|
|
<p>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="tel:19000323" class="btn-phone">
|
|
|
|
|
<img src="./assets/images/btn-phone.png" alt="">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</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 src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
var swiper_big = new Swiper("#js-slider-image", {
|
|
|
|
|
slidesPerView: 1,
|
|
|
|
|
spaceBetween: 10,
|
|
|
|
|
watchSlidesProgress: true,
|
|
|
|
|
noSwiping: true,
|
|
|
|
|
pagination: {
|
|
|
|
|
el: '.swiper-pagination',
|
|
|
|
|
type: 'fraction',
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(window).scroll(function () {
|
|
|
|
|
|
|
|
|
|
if ($(window).scrollTop() > 100) {
|
|
|
|
|
$(".header").addClass('header-fixed');
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
$(".header").removeClass('header-fixed');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
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");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
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>
|
|
|
|
|
// popup
|
|
|
|
|
function checkAucton() {
|
|
|
|
|
// $('.overlay').addClass('active')
|
|
|
|
|
// $('.popup-rules').addClass('active')
|
|
|
|
|
// $('.box-add-auction').removeClass('active')
|
|
|
|
|
$('body').addClass('active');
|
|
|
|
|
$('.box-live-auction').addClass('active');
|
|
|
|
|
$('#js-input-price').focus()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
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-add-auction').addClass('active')
|
|
|
|
|
$('.box-popup').removeClass('active');
|
|
|
|
|
$('.overlay').removeClass('active')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function closeLiveAction() {
|
|
|
|
|
$('.box-live-auction').removeClass('active');
|
|
|
|
|
$('body').removeClass('active');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function checklogin() {
|
|
|
|
|
$('.box-popup').removeClass('active');
|
|
|
|
|
$('.popup-yeucau').addClass('active')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function showInfoPay() {
|
|
|
|
|
$('.box-popup').removeClass('active');
|
|
|
|
|
$('.popup-info-pay').addClass('active')
|
|
|
|
|
}
|
|
|
|
|
|
2024-10-18 09:55:04 +07:00
|
|
|
formatPrice();
|
|
|
|
|
function formatPrice() {
|
|
|
|
|
$('#js-input-price').on('input', function () {
|
|
|
|
|
let inputValue = $(this).val().replace(/\D/g, '');
|
|
|
|
|
let formattedValue = new Intl.NumberFormat().format(inputValue);
|
|
|
|
|
|
|
|
|
|
$(this).val(formattedValue);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function checkSendAuction() {
|
2024-10-17 09:32:26 +07:00
|
|
|
$('.box-popup').removeClass('active');
|
2024-10-18 09:55:04 +07:00
|
|
|
|
|
|
|
|
const price_present = _strToNumber($('#js-price-present').html());
|
|
|
|
|
const price_auction = _strToNumber($('#js-input-price').val());
|
|
|
|
|
|
|
|
|
|
if (price_auction > price_present) {
|
2024-10-17 09:32:26 +07:00
|
|
|
$('.overlay').addClass('active')
|
|
|
|
|
$('.popup-success').addClass('active')
|
|
|
|
|
} else {
|
|
|
|
|
$('.overlay').addClass('active')
|
|
|
|
|
$('.popup-error').addClass('active')
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2024-10-18 09:55:04 +07:00
|
|
|
function _strToNumber(str) {
|
|
|
|
|
str += '';
|
|
|
|
|
while (str.indexOf(".") > 0) {
|
|
|
|
|
str = str.replace('.', '');
|
|
|
|
|
}
|
|
|
|
|
var result = parseFloat(str);
|
|
|
|
|
return isNaN(result) ? 0 : result;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
async function handleBid() {
|
|
|
|
|
const inputPrice = document.querySelector('#js-input-price');
|
|
|
|
|
const currentPriceElement = document.getElementById('js-price-present');
|
|
|
|
|
let currentPrice = parseInt(currentPriceElement.innerText.replace(/\./g, ''));
|
|
|
|
|
|
|
|
|
|
// Lấy giá trị từ input và kiểm tra
|
|
|
|
|
let priceValue = parseInt(inputPrice.value.replace(/\./g, ''));
|
|
|
|
|
|
|
|
|
|
// Nếu giá trị input rỗng hoặc nhỏ hơn giá hiện tại, tự động đặt giá trị bằng giá hiện tại + 300000
|
|
|
|
|
if (!priceValue || priceValue <= currentPrice) {
|
|
|
|
|
priceValue = currentPrice + 300000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const userList = document.getElementById('user-list');
|
|
|
|
|
const currentTime = new Date().toLocaleTimeString();
|
|
|
|
|
const newUserIndex = userList.children.length + 1;
|
|
|
|
|
|
|
|
|
|
// Tạo thông tin người dùng mới
|
|
|
|
|
const newUser = {
|
|
|
|
|
name: `User ${newUserIndex}`,
|
|
|
|
|
price: priceValue,
|
|
|
|
|
time: currentTime
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Gửi request với thông tin người dùng mới
|
|
|
|
|
try {
|
|
|
|
|
const response = await fetch('https://jsonplaceholder.typicode.com/posts', {
|
|
|
|
|
method: 'POST',
|
|
|
|
|
headers: {
|
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
|
},
|
|
|
|
|
body: JSON.stringify(newUser),
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
if (!response.ok) {
|
|
|
|
|
throw new Error('Request failed');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Xử lý khi request thành công
|
|
|
|
|
console.log('Bid submitted successfully:', await response.json());
|
|
|
|
|
|
|
|
|
|
// Thêm người dùng vào danh sách sau khi gửi request thành công
|
|
|
|
|
const newUserElement = `
|
|
|
|
|
<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">${newUser.name}</a>
|
|
|
|
|
<span>trả</span>
|
|
|
|
|
<div class="price">${priceValue.toLocaleString()} đ</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p class="time">${newUser.time}</p>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
userList.insertAdjacentHTML('afterbegin', newUserElement);
|
|
|
|
|
|
|
|
|
|
// Cập nhật thứ hạng cho các người dùng khác (bắt đầu từ 2)
|
|
|
|
|
Array.from(userList.children).forEach((child, index) => {
|
|
|
|
|
child.querySelector('.number').innerText = index + 1;
|
|
|
|
|
const iconElement = child.querySelector('.fas');
|
|
|
|
|
if (index === 0) {
|
|
|
|
|
iconElement.className = 'fas fa-caret-up';
|
|
|
|
|
} else {
|
|
|
|
|
iconElement.className = 'fas fa-caret-down';
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Cập nhật giá mới vào `js-price-present` và tăng giá cho lần gửi tiếp theo
|
|
|
|
|
currentPriceElement.innerText = priceValue.toLocaleString();
|
|
|
|
|
|
|
|
|
|
// Cập nhật giá cho lần tiếp theo
|
|
|
|
|
inputPrice.value = (priceValue + 300000).toLocaleString();
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.error('Error submitting bid:', error);
|
|
|
|
|
alert('Gửi giá thất bại, vui lòng thử lại!');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
|
|
|
const listUserAuction = document.querySelector(".list-user-auction .content-user");
|
|
|
|
|
|
|
|
|
|
function getHighestPrice() {
|
|
|
|
|
const prices = listUserAuction.querySelectorAll(".price");
|
|
|
|
|
let maxPrice = 0;
|
|
|
|
|
prices.forEach(priceElement => {
|
|
|
|
|
const priceText = priceElement.textContent.replace(/\D/g, ''); // Lấy giá trị số
|
|
|
|
|
const price = parseInt(priceText, 10);
|
|
|
|
|
if (price > maxPrice) {
|
|
|
|
|
maxPrice = price;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return maxPrice;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function addNewUser(count) {
|
|
|
|
|
const highestPrice = getHighestPrice();
|
|
|
|
|
const newItems = [];
|
|
|
|
|
|
|
|
|
|
for (let i = 0; i < count; i++) {
|
|
|
|
|
const newPrice = highestPrice + 300000 * (i + 1);
|
|
|
|
|
|
|
|
|
|
const newItem = document.createElement("div");
|
|
|
|
|
newItem.classList.add("item", "d-flex", "align-items", "space-between");
|
|
|
|
|
|
|
|
|
|
let timeInSeconds = new Date().toLocaleTimeString();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Tạo thông tin người dùng mới
|
|
|
|
|
const newUser = {
|
|
|
|
|
name: `User ${listUserAuction.children.length + 1}`,
|
|
|
|
|
price: newPrice,
|
|
|
|
|
time: timeInSeconds
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const response = await fetch('https://jsonplaceholder.typicode.com/posts', {
|
|
|
|
|
method: 'POST',
|
|
|
|
|
headers: {
|
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
|
},
|
|
|
|
|
body: JSON.stringify(newUser),
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log('Bid submitted successfully:', await response.json());
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
newItem.innerHTML = `
|
|
|
|
|
<div class="info-left d-flex align-items">
|
|
|
|
|
<i class="fas fa-caret-up"></i>
|
|
|
|
|
<div class="number"></div>
|
|
|
|
|
<div class="info-user d-flex align-items">
|
|
|
|
|
<a href="" class="name-user">User ${listUserAuction.children.length + 1}</a>
|
|
|
|
|
<span>trả</span>
|
|
|
|
|
<div class="price">${newPrice.toLocaleString('vi-VN')} đ</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p class="time">${timeInSeconds}</p>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
listUserAuction.prepend(newItem);
|
|
|
|
|
|
|
|
|
|
const timeElement = newItem.querySelector(".time");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Cập nhật thứ hạng cho các người dùng khác (bắt đầu từ 2)
|
|
|
|
|
Array.from(listUserAuction.children).forEach((child, index) => {
|
|
|
|
|
child.querySelector('.number').innerText = index + 1;
|
|
|
|
|
const iconElement = child.querySelector('.fas');
|
|
|
|
|
if (index === 0) {
|
|
|
|
|
iconElement.className = 'fas fa-caret-up';
|
|
|
|
|
} else {
|
|
|
|
|
iconElement.className = 'fas fa-caret-down';
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#js-price-present').html(newPrice.toLocaleString('vi-VN'));
|
|
|
|
|
// $('#js-input-price').val(newPrice.toLocaleString('vi-VN'));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// setInterval(() => addNewUser(10000), 1000); // Mỗi 1 giây thêm người dùng mới
|
|
|
|
|
});
|
|
|
|
|
|
2024-10-17 09:32:26 +07:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</html>
|
