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-12 16:29:06 +07:00
parent 04f6e919f0
commit 6f7a292259
3 changed files with 197 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
notes/home.md
View File

@@ -2,7 +2,7 @@
Chỉ gồm những thông tin quan trọng nhất mang tính chất: **Chỉ báo việc cần xử lý** và **Tóm tắt thông tin**
## Cột 1:
## Cột 1:
### 1. Việc cần xử lý:
@@ -17,16 +17,19 @@ Chỉ gồm những thông tin quan trọng nhất mang tính chất: **Chỉ b
Mặc định sẽ hiển thị 3 chỉ báo. Khách hàng có thể click vào lựa chọn **Thêm chỉ báo** để tích chọn hiển thị thêm chỉ báo từ danh sách các chỉ báo được lập sẵn bởi hệ thống.
Các thể hiện của chỉ báo:
- Dạng thẻ: Hiển thị tên chỉ báo + số lượng mục cần xử lý
Ví dụ:
Ví dụ:
- [Đơn hàng mới] 15
- [Liên hệ mới của khách hàng] 8
- [Comment mới chưa duyệt] 5
- [Comment mới chưa duyệt] 5
### 2. Tóm tắt thông tin:
### 2. Tóm tắt thông tin:
Có 2 dạng tóm tắt là **Chỉ số** và **Biểu đồ**
#### Chỉ số:
#### Chỉ số:
- Doanh thu trong ngày/tuần/tháng/năm
- Lợi nhuận trong ngày/tuần/tháng/năm
- Số đơn hàng trong ngày/tuần/tháng/năm
@@ -37,6 +40,7 @@ Có 2 dạng tóm tắt là **Chỉ số** và **Biểu đồ**
Cách thể hiện về cơ bản là như hiện tại.
#### Biểu đồ:
- Biểu đồ doanh thu theo ngày/tuần/tháng/năm
- Biểu đồ số đơn hàng theo ngày/tuần/tháng/năm
- Biểu đồ số khách hàng mới theo ngày/tuần/tháng/năm
@@ -47,11 +51,12 @@ Khách hàng có thể tùy chọn hiển thị các chỉ số và biểu đồ
Cách thể hiện về cơ bản là như hiện tại.
### 3. Stream thông tin / thông báo:
### 3. Stream thông tin / thông báo:
Hiển thị các thông tin, thông báo liên quan tới hoạt động của cửa hàng như: cập nhật đơn hàng, phản hồi khách hàng, cảnh báo lỗi hệ thống, tin tức mới từ ngành hàng, v.v.
Ví dụ:
- [Vừa xong] Đơn hàng #12345 đã được xử lý.
- [3 phút trước] Khách hàng Nguyễn Văn A đã gửi phản hồi.
- [4 phút trước] Hệ thống đã phát hiện lỗi kết nối với cổng thanh toán.
@@ -60,25 +65,28 @@ Ví dụ:
- [33 phút trước] Cập nhật sản phẩm mới: Sản phẩm XYZ đã được thêm vào kho hàng.
- ... Các thông tin, thông báo khác
## Cột 2: Vùng làm việc cá nhân (fix cứng độ rộng = 450px)
Khu vực này dành cho người dùng thực hiện các tác vụ cá nhân như:
### 1. To-do list cá nhân:
- Danh sách công việc cá nhân cần hoàn thành.
- Tùy chọn đánh dấu công việc đã hoàn thành.
- Tùy chọn thêm, sửa, xóa công việc.
### 2. Ghi chú nhanh:
- Khu vực để người dùng ghi chú nhanh các ý tưởng, thông tin quan trọng.
- Tùy chọn lưu, chỉnh sửa, xóa ghi chú.
### 3. Ticket hỗ trợ từ HuraSoft:
- Hiển thị danh sách các ticket hỗ trợ mà người dùng đã gửi đến HuraSoft.
- Tùy chọn xem chi tiết, cập nhật trạng thái ticket.
- Tùy chọn tạo ticket hỗ trợ mới.
### 4. Liên kết nhanh:
- Danh sách các liên kết nhanh đến các trang quản trị quan trọng như: Quản lý sản phẩm, Quản lý đơn hàng, Quản lý khách hàng, Báo cáo doanh thu, Cài đặt hệ thống, v.v.
- Tùy chọn thêm, sửa, xóa liên kết nhanh.

192
template/home/home.html
View File

@@ -2,7 +2,173 @@
<div class="grid gap-3 grid-cols-12">
<div class="col-span-8">
<div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4">
<!-- việc cần làm -->
<div class="box-indicator">
<div class="flex items-center justify-between mb-3">
<b class="text-md">Việc cần làm</b>
<button type="button" href="javascript:void(0)"
onclick="document.getElementById('box-add-indicator')?.showModal()"
class="btn btn-sm hura-btn-active cursor-pointer">
<i data-lucide="plus-circle" class="size-3"></i>
Thêm việc cần làm
</button>
</div>
<div class="grid grid-cols-4 gap-3 mt-3">
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="shopping-cart" class="size-5"></span>
</div>
<a href="/admin/order" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Đơn hàng mới</p>
<span class="text-base-content/80 text-xs">
52.4%
</span>
</div>
<progress max="125" value="65.5"
class="progress progress-primary mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">6</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="user" class="size-5"></span>
</div>
<a href="/admin/customer" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Liên hệ mới</p>
<span class="text-base-content/80 text-xs">
52.5%
</span>
</div>
<progress max="125" value="65.5"
class="progress progress-warning mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">6</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="bug" class="size-5"></span>
</div>
<a href="#" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Lỗi web</p>
<span class="text-base-content/80 text-xs">
10%
</span>
</div>
<progress max="100" value="10"
class="progress progress-error mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">1</span>
<span class="text-base-content/80 text-xs">
5
</span>
</div>
</div>
</div>
<div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
<div class="p-4">
<div class="flex items-center justify-between">
<div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
<span data-lucide="badge-dollar-sign" class="size-5"></span>
</div>
<a href="#" class="btn btn-sm hura-btn-outline">Xem</a>
</div>
<div class="mt-3 flex items-center justify-between">
<p class="text-sm font-medium">Đơn trả góp mới</p>
<span class="text-base-content/80 text-xs">
90%
</span>
</div>
<progress max="100" value="90"
class="progress progress-info mt-0.5 h-1.5 align-super"></progress>
<div class="-mt-1.5 flex items-center justify-between">
<span class="text-sm font-medium">9</span>
<span class="text-base-content/80 text-xs">
10
</span>
</div>
</div>
</div>
</div>
<!-- box dialog chỉ mục -->
<dialog id="box-add-indicator" class="modal p-0">
<div class="modal-box bg-transparent p-0 shadow-none max-w-xl">
<div class="bg-base-100 rounded-box p-4">
<div class="flex items-center justify-between">
<b>Thêm danh sách việc cần làm</b>
<form method="dialog">
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
<i data-lucide="x" class="text-base-content/80 size-4"></i>
</button>
</form>
</div>
<div class="mt-2 -mb-px">
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng mới</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Liên hệ mới của khách hàng</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Bài luận mới chưa duyệt</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Lỗi website</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng chưa xử lý</span>
</label>
<label class="label py-2 flex items-center gap-2">
<input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
id="">
<span class="label-text text-black">Đơn hàng trả góp mới</span>
</label>
<button type="submit" class="btn hura-btn-active btn-sm mt-3">Lưu lại</button>
</div>
</div>
</div>
</dialog>
</div>
<div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4 mt-3">
<!-- đơn hàng mới -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
@@ -12,7 +178,7 @@
</p>
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
10.000.000
100
</p>
</div>
</div>
@@ -31,6 +197,7 @@
</div>
</div>
</div>
<!-- Liên hệ khách hàng -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
@@ -41,12 +208,12 @@
</p>
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
1.000.000
12
</p>
</div>
</div>
<div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="package" class="size-5"></i>
<i data-lucide="phone" class="size-5"></i>
</div>
</div>
<div class="flex items-center gap-3 mt-2">
@@ -60,21 +227,22 @@
</div>
</div>
</div>
<!-- comment mới được phê duyệt -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
<div>
<p class="text-base-content/80 font-medium h-[40px]">
Đơn trả góp
Bình luận mới dược phê duyệt
</p>
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
600.000
20
</p>
</div>
</div>
<div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="users" class="size-5"></i>
<i data-lucide="message-circle-more" class="size-5"></i>
</div>
</div>
<div class="flex items-center gap-3 mt-2">
@@ -88,21 +256,22 @@
</div>
</div>
</div>
<!-- lỗi web -->
<div class="card bg-base-100 shadow">
<div class="card-body gap-2">
<div class="flex items-start justify-between gap-2 text-sm">
<div>
<p class="text-base-content/80 font-medium h-[40px]">
Đơn hoàn trả
Lỗi website
</p>
<div class="mt-3 flex items-center gap-2">
<p class="inline text-2xl font-semibold">
30.000
30
</p>
</div>
</div>
<div class="bg-base-200 rounded-box flex items-center p-2">
<i data-lucide="eraser" class="size-5"></i>
<i data-lucide="bug" class="size-5"></i>
</div>
</div>
<div class="flex items-center gap-3 mt-2">
@@ -117,6 +286,7 @@
</div>
</div>
</div>
<!-- End: Dashboard Stats Widget -->
<div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
<div class="xl:col-span-7">
@@ -281,7 +451,7 @@
<a href="#js-report-article" class="btn btn-sm"> Bài viết</a>
</div>
<div class="home-report-holder block overflow-x-auto rounded-box border border-base-content/5 bg-base-10"
<div class="home-report-holder block overflow-x-auto rounded-box border border-base-400 bg-base-10"
id="js-report-most-viewed-products">
<table class="table table-sm">
<thead class="bg-base-200 text-black font-bold">

2
template/other/header.html
View File

@@ -321,7 +321,7 @@
</li>
<li>
<a href="/logout.php">
<i data-lucide="logout" class="size-4"></i>
<i data-lucide="log-out" class="size-4"></i>
<span>Đăng xuất</span>
</a>
</li>