This commit is contained in:
2025-11-28 09:32:05 +07:00
parent 8c42d57fcd
commit af6f1eff2e
9 changed files with 318 additions and 360 deletions

View File

@@ -1,68 +1,60 @@
<div
class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Đặt chờ sản phẩm </p>
<div class="bg-white shadow p-3 rounded-sm">
<p class="text-2xl font-bold mb-3"> Đặt chờ sản phẩm </p>
<div class="flex flex-wrap mb-[20px] leading-[36px]">
<a href="" style="background: #0041E8;color: #fff;"
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
<div class="flex flex-wrap gap-3">
<a href="" class="btn btn-active">
Chưa xử lý
</a>
<a href=""
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
<a href="" class="btn">
Thành công
</a>
<a href=""
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
<a href="" class="btn">
Hủy bỏ
</a>
</div>
<form method="get" enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
class="mt-5 gap-3 flex items-center shadow p-3 rounded-sm">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
class="input shadow">
<input type="submit" value="Tìm kiếm" class="btn btn-active">
</form>
<div class="m-[14px_0] flex items-center justify-between">
<div class="mt-5 flex items-center justify-between">
<p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p>
<a href=""
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-file-excel mr-2"></i>
<a href="" class="btn btn-outline btn-view">
<i class="iconify lucide--file-x"></i>
<span>Tải file excel</span>
</a>
</div>
<div
class="w-full overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
<table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]">
<td width="55"> STT </td>
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 text-black">
<td> STT </td>
<td> Khách hàng </td>
<td width="420" class="w-[420px]"> Sản phẩm </td>
<td> Sản phẩm </td>
<td> Nhận hàng tại </td>
<td> Ghi chú </td>
<td> Trạng thái </td>
<td width="55"> </td>
<td> </td>
</tr>
</thead>
<tbody>
<tr id="row_1">
<td align="center"> 1 </td>
<td class="whitespace-nowrap">
<td>
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
<p> - Email: sonnq57@yahoo.com.sg </p>
<p> - Tel: 0913236989 </p>
</td>
<td class="">
<a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB,
<td>
<a href="" target="_blank" class="link-primary"> [Mới 100%] Dell Gaming G16 7620 (Intel core
i7-12700H, 16GB, 1TB,
RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
</td>
@@ -72,39 +64,38 @@
<td>
<div id="status_1">
<span
class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
Thành công </span>
<span
class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
Chưa xử lý </span>
<span
class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
Hủy bỏ </span>
<span class="badge badge-success badge-sm badge-soft">Thành công </span>
<span class="badge badge-warning badge-sm badge-soft"> Chưa xử lý </span>
<span class="badge badge-error badge-sm badge-soft">Hủy bỏ </span>
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa"
class="icons inline-block w-[18px_!important] h-[18px_!important] bg-[transparent_!important] border-[transparent_!important] rounded-[0_!important]"
style="background-position: -113px -88px;vertical-align: sub;"></a>
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class=""><i
class="iconify lucide--pencil mt-1 text-primary"></i></a>
</div>
<p class="mt-[7px]"> Lúc 28-02-2015, 12:40 pm </p>
<p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p>
</td>
<td align="center">
<a href="" class="icons icon-delete" title="Xóa"></a>
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
class="iconify lucide--trash-2 tw-rla"></span></a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
<div class="join mt-5 justify-center flex items-cente r">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span>
</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span>
</a>
</div>
</div>