This commit is contained in:
2025-12-07 15:58:07 +07:00
parent 75a641ab40
commit 942aeafb60
2211 changed files with 178727 additions and 89 deletions

View File

@@ -0,0 +1,113 @@
<div class="w-[100%]">
<div class="p-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Website giới thiệu</h1>
<div class="flex">
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
<div class="left">
<b class="text-[24px] block">1.45K</b>
<span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
</div>
<div class="right">
<div
class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
<span class="mr-[5px] font-[700]">12%</span>
<i class="fa-solid fa-arrow-up font-[700]"></i>
</div>
</div>
</div>
<div id="js-revenue-chart" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Khách hàng biết tới website</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
</div>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Các website mang người xem đến website của quý khách nhiều nhất trong tháng</p>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr>
<td class="w-[50px]">STT</td>
<td>Nguồn</td>
<td class="w-[150px]">Lượt giới thiệu</td>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
</tbody>
</table>
</div>
<div class="bg-white p-[15px] mt-[15px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="text-[red]">Giải thích thuật ngữ:</b>
<ul class="list-disc list-inside">
<li class="mb-[5px]">Khi quý khách quảng cáo Sản phẩm, tin tức ở diễn đàn hay ở website nào khác,
hãy cố gắng đặt đường link để
người dùng click vào link đó và truy cập vào website của quý khách. Càng nhiều đường link, website
của
quý khách sẽ được
các bộ máy tìm kiếm như Google, Yahoo, Bing tìm đến và lưu lại thông tin. Như vậy sẽ có hiệu quả tốt
khi
người dùng tìm
kiếm Google và nhìn thấy được website của quý khách mà không phải là tin bài quý khách đã quảng cáo
các website khác.
</li>
</ul>
</div>
</div>
</div>