tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

update system

Browse Source
This commit is contained in:
Tieptk
2024-03-18 12:03:24 +07:00
parent 5cf4155fcc
commit d33bec681f
33 changed files with 2440 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
template/report/customer.html Normal file
View File

@@ -0,0 +1,122 @@
<div class="w-[100%]">
<div class="m-[15px] p-[15px] rounded-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê truy cập</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-access-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">Truy cập 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
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập theo tỉnh thành</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="flex mt-[15px]">
<div class="w-[700px] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Khách hàng đăng ký mới trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</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="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số truy cập</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

131
template/report/order.html Normal file
View File

@@ -0,0 +1,131 @@
<div class="w-[100%]">
<div class="m-[15px] p-[15px] rounded-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê đơn hàng</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">Truy cập 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
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập theo tỉnh thành</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="flex mt-[15px]">
<div class="w-[700px] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Khách hàng đăng ký mới trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</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="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số đơn hàng mới</th>
<th class="w-[120px]">Tình trạng</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
<td>
<span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#FFC700]"></span>
</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
<td>
<span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#0041E8]"></span>
</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
<td>
<span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#FFC700]"></span>
</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
<td>
<span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#E00000]"></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

101
template/report/product_buy.html Normal file
View File

@@ -0,0 +1,101 @@
<div class="w-[100%]">
<div class="p-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Sản phẩm mua nhiều</h1>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[5px] border-b-[1px] border-[#ECECEC]">
<b class="text-[20px]">Top sản phẩm mua nhiều</b>
<select name="" id="">
<option value="">Last 7 days</option>
</select>
</div>
<div class="content py-[10px]">
<div class="mb-[15px]">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[70%] h-[100%] rounded-[9px] left-[0] bg-[#E00000]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
<div class="mb-[15px]">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[50%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
<div class="">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[20%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
</div>
</div>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] mt-[15px]">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Khách hàng đăng ký mới trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</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="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Mã số</th>
<th>Sản phẩm</th>
<th class="w-[75px]">Số đơn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

101
template/report/product_visit.html Normal file
View File

@@ -0,0 +1,101 @@
<div class="w-[100%]">
<div class="p-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Sản phẩm xem nhiều</h1>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[5px] border-b-[1px] border-[#ECECEC]">
<b class="text-[20px]">Top sản phẩm xem nhiều</b>
<select name="" id="">
<option value="">Last 7 days</option>
</select>
</div>
<div class="content py-[10px]">
<div class="mb-[15px]">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[70%] h-[100%] rounded-[9px] left-[0] bg-[#E00000]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
<div class="mb-[15px]">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[50%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
<div class="">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[20%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
</div>
</div>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] mt-[15px]">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Khách hàng đăng ký mới trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</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="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Mã số</th>
<th>Sản phẩm</th>
<th class="w-[75px]">Số đơn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

113
template/report/referer.html Normal file
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="style-table mt-[15px]">
<thead>
<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>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td>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>

95
template/report/search.html Normal file
View File

@@ -0,0 +1,95 @@
<div class="w-[100%]">
<div class="p-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê tìm kiếm</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">Công cụ tìm kiếm 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>Tìm kiếm tại website nhiều nhất trong 30 ngày qua</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="style-table mt-[15px]">
<thead>
<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>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td>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>
</div>

199
template/report/visitor.html
View File

@@ -1 +1,198 @@
template/report/visitor.html
<div class="w-[100%]">
<div class="m-[15px] p-[15px] rounded-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê truy cập</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-access-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">Truy cập 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
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập theo tỉnh thành</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="flex mt-[15px]">
<div class="w-[50%] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Tổng số lượt truy cập trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</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="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số truy cập</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
</tbody>
</table>
</div>
<div class="w-[50%] ml-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Tổng số lượt truy cập trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</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="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số truy cập</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
</tbody>
</table>
</div>
</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]"><b>Giới thiệu bởi: </b>
Giới thiệu bởi : Là địa chỉ website mang người xem tới website. Ví dụ: Người xem đang xem website
abcd.com và thấy có
đường link Sản phẩm, người đó click vào đường link để tới website của bạn, như vậy website abcd.com
sẽ được hệ thống lưu
lại. Hãy quảng cáo link Sản phẩm hoặc gian hàng của bạn ở các website khác để tăng sự giới thiệu.
</li>
<li class="mb-[5px]">
<b>IP : </b>Đây là địa chỉ IP của máy tính của người xem. Mỗi máy tính đều có 1 địa chỉ riêng để
nhận
biết (và gọi IP). Trong
một mạng nội bộ chia sẻ (ví dụ: quán Internet Cafe) thì nhiều máy dùng chung 1 đường dây mạng sẽ
có cùng 1 địa chỉ IP
(khi truy cập bên ngoài).
</li>
<li class="mb-[5px]">
<b>Thời gian : </b>Thời gian truy cập website
</li>
<li class="mb-[5px]">
<b>Trang được xem : </b>Trang chi tiết trên website được xem.
</li>
</ul>
</div>
</div>
</div>