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

update

Browse Source
This commit is contained in:
Tieptk
2025-12-07 15:58:07 +07:00
parent 75a641ab40
commit 942aeafb60
2211 changed files with 178727 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
old/template/report/visitor.html Normal file
View File

@@ -0,0 +1,198 @@
<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="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr>
<th class="w-[50px] text-center">STT</th>
<th>Ngày</th>
<th>Số truy cập</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td class="text-center">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="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số truy cập</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td class="text-center">1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td class="text-center">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>