This commit is contained in:
2025-11-30 19:57:12 +07:00
parent 91941d7c14
commit 587cdd5420
5 changed files with 237 additions and 258 deletions

View File

@@ -47,6 +47,9 @@
.lucide--crown { .lucide--crown {
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-crown-icon lucide-crown'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E"); --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-crown-icon lucide-crown'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");
} }
.lucide--circle-plus {
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M12 8v8'/%3E%3C/svg%3E");
}
.text-orange { .text-orange {
color: #ffc700; color: #ffc700;

View File

@@ -1,5 +1,4 @@
<div class="w-[100%]"> <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1> <h1 class="text-[24px] font-[700] mb-3">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
<div class="flex items-center justify-end"> <div class="flex items-center justify-end">
@@ -63,5 +62,4 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div> </div>

View File

@@ -1,22 +1,23 @@
<div class="w-[100%]"> <div class="bg-white shadow p-3 rounded-sm">
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto"> <h1 class="text-2xl font-bold mb-3">Danh sách thuộc tính</h1>
<h1 class="text-[24px] font-[700] mb-3">Danh sách thuộc tính</h1>
<a href="/admin/product/attribute_add" class=" <div class="flex items-end justify-end">
block m-[auto_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]"> <a href="/admin/product/attribute_add" class="btn btn-outline btn-view">
<span <i class="iconify lucide--circle-plus"></i>
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span> <span class="">Thêm thuộc tính mới</span>
<span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span>
</a> </a>
<div class="overflow-x-auto"> </div>
<table class="table mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr> <div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th> <th>STT</th>
<th></th> <th></th>
<th>Tên hiển thị</th> <th>Tên hiển thị</th>
<th>Giá trị</th> <th>Giá trị</th>
<th>Danh mục đang có</th> <th class="w-[30%]">Danh mục đang có</th>
<th>Thứ tự</th> <th>Thứ tự</th>
<th>Trạng thái</th> <th>Trạng thái</th>
<th>Cập nhật</th> <th>Cập nhật</th>
@@ -28,33 +29,30 @@
<td class="whitespace-nowrap">phong-cach</td> <td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td> <td>Phong cách</td>
<td>5</td> <td>5</td>
<td class="w-[390px]"> <td>
<a href="">Máy Tính Xách Tay,</a> <div class="flex flex-wrap items-center gap-3">
<a href="">Macbook,</a> <a href="" class="text-primary">Máy Tính Xách Tay,</a>
<a href="">Surface,</a> <a href="" class="text-primary">Macbook,</a>
<a href="">Laptop Acer,</a> <a href="" class="text-primary">Surface,</a>
<a href="">Laptop Acer Aspire,</a> <a href="" class="text-primary">Laptop Acer,</a>
<a href="">Laptop Acer TravelMate,</a> <a href="" class="text-primary">Laptop Acer Aspire,</a>
<a href="">Test,</a> <a href="" class="text-primary">Laptop Acer TravelMate,</a>
</td> <a href="" class="text-primary">Test,</a>
<td class="w-[145px]"> </div>
<input type="text" value="0"
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</td> </td>
<td> <td>
<a href="" class="status on">Đang hoạt động</a> <input type="text" value="0" class="input w-24" />
</td> </td>
<td> <td>
<div class='list-btn flex items-center'> <a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
<a href="" </td>
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i <td>
class='icons icon-edit'></i></a> <div class='list-btn flex items-center gap-3'>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--pencil'></i></a>
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a> <a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--trash'></i></a>
class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
@@ -63,33 +61,30 @@
<td class="whitespace-nowrap">phong-cach</td> <td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td> <td>Phong cách</td>
<td>5</td> <td>5</td>
<td class="w-[390px]"> <td>
<a href="">Máy Tính Xách Tay,</a> <div class="flex flex-wrap items-center gap-3">
<a href="">Macbook,</a> <a href="" class="text-primary">Máy Tính Xách Tay,</a>
<a href="">Surface,</a> <a href="" class="text-primary">Macbook,</a>
<a href="">Laptop Acer,</a> <a href="" class="text-primary">Surface,</a>
<a href="">Laptop Acer Aspire,</a> <a href="" class="text-primary">Laptop Acer,</a>
<a href="">Laptop Acer TravelMate,</a> <a href="" class="text-primary">Laptop Acer Aspire,</a>
<a href="">Test,</a> <a href="" class="text-primary">Laptop Acer TravelMate,</a>
</td> <a href="" class="text-primary">Test,</a>
<td class="w-[145px]"> </div>
<input type="text" value="0"
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</td> </td>
<td> <td>
<a href="" class="status off">Ẩn hiển thị</a> <input type="text" value="0" class="input w-24" />
</td> </td>
<td> <td>
<div class='list-btn flex items-center'> <a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
<a href="" </td>
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i <td>
class='icons icon-edit'></i></a> <div class='list-btn flex items-center gap-3'>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--pencil'></i></a>
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a> <a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--trash'></i></a>
class='icons icon-delete'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
@@ -97,5 +92,4 @@
</table> </table>
</div> </div>
</div>
</div> </div>

View File

@@ -4,42 +4,40 @@
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div> <div>
<b>Tìm theo chữ cái</b>: <b>Tìm theo chữ cái</b>:
<a href="?opt=brand&amp;letter=A">A</a> (13) | <a href="?opt=brand&amp;letter=A" class="link-primary">A</a> (13) |
<a href="?opt=brand&amp;letter=B">B</a> (2) | <a href="?opt=brand&amp;letter=B" class="link-primary">B</a> (2) |
<a href="?opt=brand&amp;letter=C">C</a> (5) | <a href="?opt=brand&amp;letter=C" class="link-primary">C</a> (5) |
<a href="?opt=brand&amp;letter=D">D</a> (3) | <a href="?opt=brand&amp;letter=D" class="link-primary">D</a> (3) |
<a href="?opt=brand&amp;letter=E">E</a> (3) | <a href="?opt=brand&amp;letter=E" class="link-primary">E</a> (3) |
<a href="?opt=brand&amp;letter=F">F</a> (1) | <a href="?opt=brand&amp;letter=F" class="link-primary">F</a> (1) |
<a href="?opt=brand&amp;letter=G">G</a> (4) | <a href="?opt=brand&amp;letter=G" class="link-primary">G</a> (4) |
<a href="?opt=brand&amp;letter=H">H</a> (4) | <a href="?opt=brand&amp;letter=H" class="link-primary">H</a> (4) |
<a href="?opt=brand&amp;letter=I">I</a> (5) | <a href="?opt=brand&amp;letter=I" class="link-primary">I</a> (5) |
<a href="?opt=brand&amp;letter=J">J</a> (2) | <a href="?opt=brand&amp;letter=J" class="link-primary">J</a> (2) |
<a href="?opt=brand&amp;letter=K">K</a> (2) | <a href="?opt=brand&amp;letter=K" class="link-primary">K</a> (2) |
<a href="?opt=brand&amp;letter=L">L</a> (4) | <a href="?opt=brand&amp;letter=L" class="link-primary">L</a> (4) |
<a href="?opt=brand&amp;letter=M">M</a> (3) | <a href="?opt=brand&amp;letter=M" class="link-primary">M</a> (3) |
<a href="?opt=brand&amp;letter=N">N</a> (4) | <a href="?opt=brand&amp;letter=N" class="link-primary">N</a> (4) |
<a href="?opt=brand&amp;letter=O">O</a> (1) | <a href="?opt=brand&amp;letter=O" class="link-primary">O</a> (1) |
<a href="?opt=brand&amp;letter=P">P</a> (5) | <a href="?opt=brand&amp;letter=P" class="link-primary">P</a> (5) |
<a href="?opt=brand&amp;letter=Q">Q</a> (1) | <a href="?opt=brand&amp;letter=Q" class="link-primary">Q</a> (1) |
<a href="?opt=brand&amp;letter=S">S</a> (8) | <a href="?opt=brand&amp;letter=S" class="link-primary">S</a> (8) |
<a href="?opt=brand&amp;letter=T">T</a> (5) | <a href="?opt=brand&amp;letter=T" class="link-primary">T</a> (5) |
<a href="?opt=brand&amp;letter=V">V</a> (2) | <a href="?opt=brand&amp;letter=V" class="link-primary">V</a> (2) |
<a href="?opt=brand&amp;letter=W">W</a> (2) | <a href="?opt=brand&amp;letter=W" class="link-primary">W</a> (2) |
<a href="?opt=brand&amp;letter=X">X</a> (1) | <a href="?opt=brand&amp;letter=X" class="link-primary">X</a> (1) |
<a href="?opt=brand&amp;letter=Z">Z</a> (2) | <a href="?opt=brand&amp;letter=Z" class="link-primary">Z</a> (2) |
</div> </div>
<a href="/admin/product/brand_add" <a href="/admin/product/brand_add" class="btn">
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[25px] font-[500]"> <i class="iconify lucide--plus"></i>
<span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span> <span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
</a> </a>
</div> </div>
<div class="overflow-x-auto"> <div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table mt-[15px]"> <table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]"> <thead>
<tr> <tr class="bg-base-200 font-bold text-black">
<th>STT</th> <th>STT</th>
<th>ID</th> <th>ID</th>
<th>Thương hiệu</th> <th>Thương hiệu</th>
@@ -56,7 +54,7 @@
<td>750</td> <td>750</td>
<td> <td>
<b>10MOONS</b> <b>10MOONS</b>
<p class="flex items-center text-[#0041E8]"> <p class="flex items-center link-primary gap-3">
<span>Link:</span> <span>Link:</span>
<a href="">/brand/10moons</a> <a href="">/brand/10moons</a>
</p> </p>
@@ -71,33 +69,27 @@
</a> </a>
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<p>1</p> <p>1</p>
<a href="" <a href="" class="btn btn-sm btn-active">Xem
class="btn h-[30px] w-[100px] min-h-[30px] px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
SP</a> SP</a>
</div> </div>
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<span class="whitespace-nowrap">STT</span> <span class="whitespace-nowrap">STT</span>
<input type="text" value="0" <input type="text" value="0" class="input input-sm w-12" />
class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</div> </div>
</td> </td>
<td> <td>
<div class='list-btn flex items-center'> <div class='list-btn flex items-center gap-3'>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--pencil'></i></a>
class='icons icon-edit'></i></a> <a class='btn btn-soft btn-xs btn-square btn-outline btn-view' href=''><i
<a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]' class='iconify lucide--crown'></i></a>
href=''><i class='icons icon-feature'></i></a> <a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" <a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='iconify lucide--trash'></i></a>
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-remove'></i></a>
</div> </div>
</td> </td>
</tr> </tr>

View File

@@ -1,20 +1,16 @@
<div class="w-[100%]"> <div class="bg-white shadow p-3 rounded-sm">
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto"> <h1 class="text-2xl font-bold mb-3">Bộ sưu tập</h1>
<h1 class="text-[24px] font-[700] mb-3">Bộ sưu tập</h1>
<div class="p-[10px] rounded-[10px] shadow-[0_1px_1px_0_#0000001A] border border-[#f6f6f6]"> <div class="p-3 border border-base-200 rounded-sm shadow flex items-center">
<form class="w-[100%]" id=""> <form class="w-full" id="">
<div class="content w-[400px] flex items-center "> <div class="content flex items-center gap-3">
<input type="search" <input type="search" class="input shadow" id="js-input-search" placeholder="Tìm kiếm">
class="block h-[36px] rounded w-full px-[10px] border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]" <input name="search" type="submit" value="Tìm kiếm" class="btn btn-active" />
id="js-input-search" placeholder="Tìm kiếm">
<input name="search" type="submit" value="Tìm kiếm"
class="inline-block ml-[12px] cursor-pointer h-[36px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div> </div>
</form> </form>
</div> </div>
<div class="my-[10px]"> <div class="mt-5">
<b>Hướng dẫn:</b> Bộ sưu tập Sản phẩm bao gồm các Sản phẩm cùng chia sẻ một số đặc điểm nhất định, giúp cho <b>Hướng dẫn:</b> Bộ sưu tập Sản phẩm bao gồm các Sản phẩm cùng chia sẻ một số đặc điểm nhất định, giúp cho
việc việc
quảng bá và quảng bá và
@@ -24,18 +20,18 @@
Top 10 phụ Top 10 phụ
kiện nên có v..v. (mỗi bộ sưu tập sẽ bao gồm các Sản phẩm từ nhiều danh mục Sản phẩm khác nhau) kiện nên có v..v. (mỗi bộ sưu tập sẽ bao gồm các Sản phẩm từ nhiều danh mục Sản phẩm khác nhau)
</div> </div>
<div class="flex items-center justify-end mt-3">
<a href="javascript:void(0)" onclick="openProductListToSelect()" <a href="javascript:void(0)" onclick="openProductListToSelect()" class="btn btn-outline btn-view ">
class="group flex items-center w-[140px] justify-center m-[auto_0_auto_auto] border-[1px] border-blue-700 rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700 hover:text-white"> <i class="iconify lucide--circle-plus"></i>
<span <span class="">Thêm set mới</span>
class="w-[14.5px] h-[14px] border-[1px] rounded-[50%] border-blue-700 text-center leading-[11px] mr-[5px] text-blue-700 group-hover:text-white">+</span>
<span class="text-blue-700 group-hover:text-white">Thêm set mới</span>
</a> </a>
</div>
<table class="mt-[20px]"> <div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-bold"> <table class="table">
<tr> <thead>
<tr class="bg-base-200 font-bold text-black">
<td>STT</td> <td>STT</td>
<td>ID</td> <td>ID</td>
<td>Tên gọi/miêu tả</td> <td>Tên gọi/miêu tả</td>
@@ -50,17 +46,15 @@
<td>26</td> <td>26</td>
<td> <td>
<b>Flash Sale | Giảm Giá Cực Sốc !</b> <b>Flash Sale | Giảm Giá Cực Sốc !</b>
<div class="flex items-center mt-[10px]"> <div class="flex items-center mt-2 gap-3">
<p class="mr-[10px] whitespace-nowrap">Link</p> <p class=" whitespace-nowrap">Link</p>
<input type="text" size="60" value="" placeholder="link" <input type="text" size="60" value="" placeholder="link" class="input shadow">
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div> </div>
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<p>7 sp</p> <p>7 sp</p>
<a href="/admin/product/collection_product" <a href="/admin/product/collection_product" class="btn btn-outline btn-view">Xem
class="ml-[10px] p-[5px_10px] border border-blue-700 rounded-[4px] bg-[#f5f7ff] text-blue-700 hover:bg-blue-700 hover:text-white">Xem
danh sách</a> danh sách</a>
</div> </div>
</td> </td>
@@ -68,21 +62,19 @@
638 638
</td> </td>
<td> <td>
<div class="flex items-center"> <div class="flex items-center gap-3">
<a href="" <a href="" class="btn btn-active btn-sm">Xem</a>
class="mr-[5px] bg-blue-700 rounded-[4px] text-white p-[5px_7px] text-[13px]">Xem</a>
<a href="/admin/product/collection_add" title="Form sản phẩm" <a href="/admin/product/collection_add" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]"> class="btn btn-soft btn-sm btn-square btn-outline btn-view">
<i class="icons icon-edit"></i> <i class="iconify lucide--pencil"></i>
</a> </a>
<a href="" <a href="" class='btn btn-soft btn-sm btn-square btn-outline btn-error'><i
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i class='iconify lucide--trash'></i></a>
class='icons icon-remove'></i></a>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>