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-11-28 09:32:05 +07:00
parent 8c42d57fcd
commit af6f1eff2e
9 changed files with 318 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files

203
template/order/home.html
View File

@@ -1,15 +1,15 @@
<div class="order-page m-[16px_0_16px_16px] p-[20px_15px] bg-white">
<p class="m-[0_0_10px] text-[24px] font-[600] leading-[31px]">Danh sách đơn hàng </p>
<div class="bg-white shadow p-3 rounded-sm">
<p class="text-2xl font-bold">Danh sách đơn hàng </p>
<div class="order-page-title flex flex-wrap mb-[17px] leading-[36px]">
<a href="/admin/?opt=order" class="current">Tất cả</a>
<a href="/admin/?opt=order&list=mine">Tôi được giao</a>
<a href="/admin/?opt=order&list=new">Đơn mới</a>
<a href="/admin/?opt=order&list=unpaid">Chưa thanh toán</a>
<a href="/admin/?opt=order&list=unfulfilled">Chưa ship</a>
<div class="order-page-title flex flex-wrap mt-3 gap-1">
<a href="/admin/?opt=order" class="btn btn-active">Tất cả</a>
<a href="/admin/?opt=order&list=mine" class="btn">Tôi được giao</a>
<a href="/admin/?opt=order&list=new" class="btn">Đơn mới</a>
<a href="/admin/?opt=order&list=unpaid" class="btn">Chưa thanh toán</a>
<a href="/admin/?opt=order&list=unfulfilled" class="btn">Chưa ship</a>
</div>
<form method="get" action="" enctype="multipart/form-data" id="form-search">
<form method="get" action="" enctype="multipart/form-data" id="form-search" class="mt-5">
<input type="hidden" name="opt" value="order">
<input type="hidden" name="status" id="js-status" value="">
<input type="hidden" name="update_by" id="update_by" value="">
@@ -17,83 +17,64 @@
<input type="hidden" name="payment" id="js-payment" value="">
<input type="hidden" name="fullfillment" id="js-fullfillment" value="">
<div
class="flex flex-wrap items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<div class="flex items-center flex-wrap mb-[10px] w-[100%] 2xl:w-[60%] lg:w-[60%] sm:w-[100%]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
class="w-[40%] h-[36px] text-[14px] mr-[10px] rounded-[4px] input input-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<span class="whitespace-nowrap mr-[10px] w-[5%]">hoặc</span>
<div class="flex flex-wrap items-center p-3 shadow gap-5">
<div class="flex items-center gap-3 w-[50%]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng" class="w-full rounded-sm input ">
<span class="whitespace-nowrap">hoặc</span>
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
class="w-[45%] h-[36px] text-[14px] mr-[10px] rounded-[4px] input input-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
class="w-full rounded-sm input">
</div>
<div class="flex items-center gap-3">
<label for="dob" class="input data-error:input-error w-full">
<span class="iconify lucide--calendar-1 size-4.5"></span>
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
</label>
<label for="dob" class="input data-error:input-error w-full">
<span class="iconify lucide--calendar-1 size-4.5"></span>
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
</label>
<div class="flex items-center mb-[10px]">
<div date-rangepicker class="flex items-center" datepicker-format="dd/mm/yyyy" datepicker-buttons
datepicker-autoselect-today>
<div class="relative">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[1px] left-[10px] leading-[35px]"></i>
</div>
<input name="start-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-[4px] focus:ring-blue-500 focus:border-blue-500 block w-[130px] h-[36px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Từ ngày">
</div>
<div class="relative ml-[15px]">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[2px] left-[10px] leading-[32px]"></i>
</div>
<input name="end-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-[130px] h-[36px] ps-[30px] p-2.5 rounded-[4px] dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Đến ngày">
</div>
</div>
<input type="submit" value="Tìm kiếm"
class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[34.5px] p-[0_10px] cursor-pointer ml-[15px]">
<input type="submit" value="Tìm kiếm" class="btn btn-primary" onclick="runFilter()">
</div>
</div>
</form>
<div class="flex items-center flex-wrap justify-between m-[14px_0_20px]">
<div class="2xl:w-[50%] md:w-[100%]">
<p class="m-[0_55px_0_0] inline-block">
<div class="flex items-center flex-wrap justify-between mt-5">
<div class="2xl:w-[50%] md:w-[100%] flex items-center gap-5">
<p class="inline-block ">
Tổng số đơn hàng: <b>1.458</b>
</p>
<p class="m-0 inline-block">
<p class="inline-block">
Tổng giá trị: <b>14.948.348.000 VNĐ</b>
</p>
</div>
<div class="2xl:w-[50%] md:w-[100%] flex 2xl:justify-end md:justify-start md:mt-[10px]">
<a href=""
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block">
<i class="fas fa-print m-[0_4px_0_0]"></i> In danh sách
<div class="2xl:w-[50%] md:w-[100%] flex 2xl:justify-end md:justify-start md:mt-[10px] gap-5">
<a href="" class="btn">
<i class="iconify lucide--printer"></i> In danh sách
</a>
<a href=""
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
<i class="far fa-file-excel m-[0_4px_0_0]"></i> Tải file excel
<a href="" class="btn">
<i class="iconify lucide--download"></i> Tải file excel
</a>
</div>
</div>
<div class="w-full overflow-x-auto sm:whitespace-nowrap">
<table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]">
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-[4px] mt-5">
<table class="table">
<thead class="bg-base-200">
<tr>
<td> STT </td>
<td class="w-[85px]"> Mã số </td>
<td class="w-[165px]"> Thời gian </td>
<td> Mã số </td>
<td> Thời gian </td>
<td> Khách hàng </td>
<td> Tỉnh/TP </td>
<td class="w-[150px]"> Giá trị </td>
<td width="150">
<select onchange="setHiddenValue('js-payment', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[110px] pl-[5px]">
<td> Giá trị </td>
<td>
<select onchange="setHiddenValue('js-payment', this.value); runFilter()" class="select">
<option value="">Thanh toán</option>
{% for _item in page.payment_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -101,9 +82,8 @@
</select>
</td>
<td width="160">
<select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[110px] pl-[5px]">
<td>
<select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()" class="select">
<option value="">Vận chuyển</option>
{% for _item in page.fullfillment_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -111,9 +91,8 @@
</select>
</td>
<td width="170">
<select onchange="setHiddenValue('js-status', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[140px] pl-[5px]">
<td>
<select onchange="setHiddenValue('js-status', this.value); runFilter()" class="select">
<option value="">Tình trạng đơn</option>
{% for _item in page.order_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -121,9 +100,8 @@
</select>
</td>
<td width="180">
<select onchange="setHiddenValue('assign_to', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[150px] pl-[5px]">
<td>
<select onchange="setHiddenValue('assign_to', this.value); runFilter()" class="select">
<option value="">Người được giao</option>
</select>
</td>
@@ -133,58 +111,68 @@
</thead>
<tbody>
<tr class="hover">
<tr>
<td> 1 </td>
<td>
<a href="/admin/order/detail?id=369"> 000-369 </a>
<a class="link-primary" href="/admin/order/detail?id=369"> 000-369 </a>
</td>
<td> 16-11-2023, 9:59 am </td>
<td>
<a href=""> Nguyen Duc Quan </a>
<a href="" class="link-primary"> Nguyen Duc Quan </a>
</td>
<td> Hà Nội </td>
<td> 69.600.000 </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: red"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: yellow"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: green"></span> </td>
<td>
<a href=""> Nguyen Duc Quan </a>
<div class="badge badge-success badge-sm badge-soft">Thành công</div>
</td>
<td>
<div class="flex justify-center">
<a href="/admin/order/detail?id=369" class="icons icon-edit mr-[7px]" title="Chi tiết"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
<div class="badge badge-sm badge-ghost">Chờ xử lý</div>
</td>
<td>
<div class="badge badge-error badge-sm badge-soft">Lỗi</div>
</td>
<td>
<a href="" class="link-primary"> Nguyen Duc Quan </a>
</td>
<td>
<div class="flex justify-center gap-2">
<a href="/admin/order/detail?id=369" class="btn btn-soft btn-xs btn-square"
title="Chi tiết"> <span class="iconify lucide--eye tw-rla"></span></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>
</div>
</td>
</tr>
<tr class="hover">
<td> 2 </td>
<tr>
<td> 1 </td>
<td>
<a href="/admin/order/detail?id=369"> 000-369 </a>
<a class="link-primary" href="/admin/order/detail?id=369"> 000-369 </a>
</td>
<td> 16-11-2023, 9:59 am </td>
<td>
<a href=""> test hura </a>
<a href="" class="link-primary"> Nguyen Duc Quan </a>
</td>
<td> Hà Nội </td>
<td> 69.600.000 </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: blue"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: yellow"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: green"></span> </td>
<td>
<a href=""> test hura </a>
<div class="badge badge-success badge-sm badge-soft">Thành công</div>
</td>
<td>
<div class="flex justify-center">
<a href="/admin/order/detail?id=369" class="icons icon-edit mr-[7px]" title="Chi tiết"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
<div class="badge badge-sm badge-ghost">Chờ xử lý</div>
</td>
<td>
<div class="badge badge-sm badge-info badge-soft">Đang xử lý</div>
</td>
<td>
<a href="" class="link-primary"> Nguyen Duc Quan </a>
</td>
<td>
<div class="flex justify-center gap-2">
<a href="/admin/order/detail?id=369" class="btn btn-soft btn-xs btn-square"
title="Chi tiết"> <span class="iconify lucide--eye tw-rla"></span></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>
</div>
</td>
</tr>
@@ -192,12 +180,17 @@
</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>