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-08 13:57:40 +07:00
parent 603d024af3
commit ac2717b077
8 changed files with 148 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
assets/script/hura-lib.css
View File

@@ -45,6 +45,7 @@
--color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-500: oklch(62.7% 0.265 303.9);
--color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-600: oklch(55.8% 0.288 302.321);
--color-fuchsia-500: oklch(66.7% 0.295 322.15); --color-fuchsia-500: oklch(66.7% 0.295 322.15);
--color-gray-50: oklch(98.5% 0.002 247.839);
--color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-100: oklch(96.7% 0.003 264.542);
--color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-400: oklch(70.7% 0.022 261.325);
@@ -3478,23 +3479,6 @@
} }
} }
} }
.stat {
@layer daisyui.l1.l2.l3 {
display: inline-grid;
width: 100%;
column-gap: calc(0.25rem * 4);
padding-inline: calc(0.25rem * 6);
padding-block: calc(0.25rem * 4);
grid-template-columns: repeat(1, 1fr);
&:not(:last-child) {
border-inline-end: var(--border) dashed currentColor;
@supports (color: color-mix(in lab, red, red)) {
border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
}
border-block-end: none;
}
}
}
.card-body { .card-body {
@layer daisyui.l1.l2.l3 { @layer daisyui.l1.l2.l3 {
display: flex; display: flex;
@@ -3902,6 +3886,9 @@
.w-3 { .w-3 {
width: calc(var(--spacing) * 3); width: calc(var(--spacing) * 3);
} }
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-6 { .w-6 {
width: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6);
} }
@@ -5801,6 +5788,9 @@
.text-error { .text-error {
color: var(--color-error); color: var(--color-error);
} }
.text-gray-50 {
color: var(--color-gray-50);
}
.text-gray-500 { .text-gray-500 {
color: var(--color-gray-500); color: var(--color-gray-500);
} }
@@ -6782,32 +6772,9 @@
} }
} }
@layer components { @layer components {
.btn-ouline, .btn-dash {
border-width: 1px;
border-color: gray;
}
.btn-active {
--btn-bg: var(--color-hura);
--btn-fg: #ffffff;
--btn-border: var(--color-hura);
color: var(--color-white);
}
.btn-active:hover {
--btn-bg: #002bb5;
--btn-border: #002bb5;
}
.bg-menu { .bg-menu {
background-color: var(--color-header); background-color: var(--color-header);
} }
.btn-view {
background: #f5f7ff;
color: var(--color-hura);
border: 1px solid var(--color-hura);
}
.btn-view:hover {
background: var(--color-hura);
color: #fff;
}
.menu { .menu {
--menu-active-bg: #e9f2ff; --menu-active-bg: #e9f2ff;
} }
@@ -6933,6 +6900,27 @@
transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-duration: var(--tw-duration, var(--default-transition-duration));
flex-grow: 1; flex-grow: 1;
} }
@layer utilities {
.btn-active {
--btn-bg: var(--color-hura);
--btn-fg: #ffffff;
--btn-border: var(--color-hura);
color: var(--color-white);
}
.btn-active:hover {
--btn-bg: #002bb5;
--btn-border: #002bb5;
}
.btn-view {
background: #f5f7ff;
color: var(--color-hura);
border: 1px solid var(--color-hura);
}
.btn-view:hover {
background: var(--color-hura);
color: #fff;
}
}
@layer base { @layer base {
:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] { :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
color-scheme: light; color-scheme: light;

48
assets/script/hura.global.css
View File

@@ -41,35 +41,9 @@
} }
@layer components { @layer components {
.btn-ouline,
.btn-dash {
border-width: 1px;
border-color: gray;
}
.btn-active {
--btn-bg: var(--color-hura);
--btn-fg: #ffffff;
--btn-border: var(--color-hura);
color: var(--color-white);
}
.btn-active:hover {
--btn-bg: #002bb5;
--btn-border: #002bb5;
}
.bg-menu { .bg-menu {
background-color: var(--color-header); background-color: var(--color-header);
} }
.btn-view {
background: #f5f7ff;
color: var(--color-hura);
border: 1px solid var(--color-hura);
}
.btn-view:hover {
background: var(--color-hura);
color: #fff;
}
/* menu */ /* menu */
.menu { .menu {
& { & {
@@ -242,3 +216,25 @@
transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-duration: var(--tw-duration, var(--default-transition-duration));
flex-grow: 1; flex-grow: 1;
} }
@layer utilities {
.btn-active {
--btn-bg: var(--color-hura);
--btn-fg: #ffffff;
--btn-border: var(--color-hura);
color: var(--color-white);
}
.btn-active:hover {
--btn-bg: #002bb5;
--btn-border: #002bb5;
}
.btn-view {
background: #f5f7ff;
color: var(--color-hura);
border: 1px solid var(--color-hura);
}
.btn-view:hover {
background: var(--color-hura);
color: #fff;
}
}

1
tailwind.config.js
View File

@@ -4,6 +4,7 @@ module.exports = {
"./src/**/*.html", "./src/**/*.html",
"./src/**/*.js", "./src/**/*.js",
"./assets/script/*.js", "./assets/script/*.js",
"./assets/script/*.css",
], ],
theme: { theme: {
extend: { extend: {

31
template/order/bargain.html
View File

@@ -49,38 +49,38 @@
</td> </td>
<td> <td>
<div id="status_1"> <div id="status_1" class="flex items-center gap-2">
<span class="badge badge-success badge-sm badge-soft">Thành công </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-warning badge-sm badge-soft"> Chưa xử lý </span>
<span class="badge badge-error badge-sm badge-soft">Hủy bỏ </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=""><i <a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class=""><i data-lucide="pencil"
class="iconify lucide--pencil mt-1 text-primary"></i></a> class="size-4 text-primary"></i></a>
</div> </div>
<p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p> <p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p>
</td> </td>
<td align="center"> <td align="center">
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span <a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
class="iconify lucide--trash-2 tw-rla"></span></a> data-lucide="trash-2" class="size-4 text-red-200"></i></a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="join mt-5 justify-center flex items-cente r"> <div class="join mt-5 justify-end flex items-center gap-1">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls"> <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span> <i data-lucide="chevron-left" class="size-4"></i>
</a> </a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a> <a href="" class="btn btn-circle btn-sm btn-ghost">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-circle btn-sm btn-ghost 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-circle btn-sm btn-ghost">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a> <a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a> <a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls"> <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span> <i data-lucide="chevron-right" class="size-4"></i>
</a> </a>
</div> </div>
</div> </div>
@@ -96,5 +96,4 @@
</select> </select>
`); `);
} }
</script> </script>

60
template/order/detail.html
View File

@@ -7,17 +7,17 @@
<div class="order-detail-page w-[80%] mt-3 m-auto"> <div class="order-detail-page w-[80%] mt-3 m-auto">
<div class="shadow rounded-sm bg-white p-3"> <div class="shadow rounded-sm bg-white p-3 border border-base-300">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<b class="text-[18px] font-[700] mb-[3px] leading-[23px]">Đơn hàng #000-368</b> <b class="text-[18px] font-bold mb-[3px] leading-[23px]">Đơn hàng #000-368</b>
<div class="text-right"> <div class="text-right">
<a href="" title="In đơn hàng" class="btn "> <a href="" title="In đơn hàng" class="btn btn-view btn-outline btn-sm ">
<i class="iconify lucide--printer"></i> <i data-lucide="printer" class="size-4"></i>
<span>In đơn hàng</span> <span>In đơn hàng</span>
</a> </a>
<a href="" title="" class="btn"> <a href="" title="" class="btn btn-view btn-outline btn-sm">
<i class="iconify lucide--mail"></i> <i data-lucide="mail" class="size-4"></i>
<span>Gửi email</span> <span>Gửi email</span>
</a> </a>
</div> </div>
@@ -26,29 +26,29 @@
</div> </div>
<div class="grid grid-cols-3 mt-5 gap-3"> <div class="grid grid-cols-3 mt-5 gap-3">
<div class="col-span-2 shadow rounded-sm bg-white p-3"> <div class="col-span-2 shadow rounded-sm bg-white p-3 border border-base-300">
<div class="mb-3"> <div class="mb-3">
<b class="">1. Khách hàng</b> <b class="">1. Khách hàng</b>
<div class="order-page-table mt-2 border border-base-200 rounded-sm"> <div class="order-page-table mt-2 border border-base-200 rounded-sm">
<table class="table"> <table class="table table-md">
<tr> <tr>
<td width="200"> Tên </td> <td> <b>Tên</b> </td>
<td> Nguyen Duc Quan </td> <td> Nguyen Duc Quan </td>
</tr> </tr>
<tr> <tr>
<td> Số điện thoại </td> <td> <b>Số điện thoại</b> </td>
<td> 0822256369 </td> <td> 0822256369 </td>
</tr> </tr>
<tr> <tr>
<td> Email </td> <td> <b>Email</b> </td>
<td> quannd@hurasoft.com </td> <td> quannd@hurasoft.com </td>
</tr> </tr>
<tr> <tr>
<td> Địa chỉ nhận hàng </td> <td> <b>Địa chỉ nhận hàng</b> </td>
<td> <td>
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span> <span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
<a onclick="js_update_shipping_address.showModal()" href="javascript:void(0)" <a onclick="js_update_shipping_address.showModal()" href="javascript:void(0)"
@@ -58,7 +58,7 @@
</tr> </tr>
<tr> <tr>
<td> Địa chỉ thanh toán </td> <td> <b>Địa chỉ thanh toán</b> </td>
<td> <td>
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span> <span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
<a href="javascript:void(0)" onclick="js_update_payment.showModal()" data-fancybox <a href="javascript:void(0)" onclick="js_update_payment.showModal()" data-fancybox
@@ -71,13 +71,13 @@
</div> </div>
<div class="mb-3"> <div class="mt-5">
<b class="">2. Sản phẩm</b> <b class="">2. Sản phẩm</b>
<div <div
class="overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal mt-2 border border-base-200 rounded-sm"> class="overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal mt-2 border border-base-200 rounded-sm">
<table class="table text-center"> <table class="table text-center">
<thead class="bg-base-200"> <thead class="bg-base-200 font-bold text-black">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td> Mã kho </td> <td> Mã kho </td>
@@ -108,20 +108,20 @@
</div> </div>
<div class="mb-3"> <div class="mt-5">
<b class="">3. Số tiền</b> <b class="">3. Số tiền</b>
<div class="order-page-table mt-3 border border-base-200 rounded-sm"> <div class="order-page-table mt-3 border border-base-200 rounded-sm">
<table class="table"> <table class="table table-md">
<tr> <tr>
<td width="330"> Tổng giá trị </td> <td width="330"> <b>Tổng giá trị</b> </td>
<td class="font-bold"> <td class="font-bold">
69.600.000 VND 69.600.000 VND
</td> </td>
</tr> </tr>
<tr> <tr>
<td> Phí vận chuyển & giao hàng </td> <td> <b>Phí vận chuyển & giao hàng</b> </td>
<td> <td>
<span> 0 VND </span> <span> 0 VND </span>
<a href="javascript:void()" onclick="js_update_order_shipping.showModal()" <a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
@@ -131,7 +131,7 @@
</tr> </tr>
<tr> <tr>
<td> Phí thu hộ </td> <td> <b>Phí thu hộ</b> </td>
<td> <td>
<span> 0 VND </span> <span> 0 VND </span>
<a href="javascript:void()" onclick="js_update_order_shipping.showModal()" <a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
@@ -141,7 +141,7 @@
</tr> </tr>
<tr> <tr>
<td> Tổng thu </td> <td> <b>Tổng thu</b> </td>
<td> 69.600.000 VND </td> <td> 69.600.000 VND </td>
</tr> </tr>
</table> </table>
@@ -149,12 +149,12 @@
</div> </div>
<div class="mb-3"> <div class="mt-5">
<b class="">4. Lịch sử cập nhật</b> <b class="">4. Lịch sử cập nhật</b>
<div class="order-page-table text-center mt-3 border border-base-200 rounded-sm"> <div class="order-page-table text-center mt-3 border border-base-200 rounded-sm">
<table class="table"> <table class="table table-md">
<thead class="bg-base-200"> <thead class="bg-base-200 font-bold text-black">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td> Phân loại </td> <td> Phân loại </td>
@@ -183,8 +183,8 @@
</div> </div>
<div class=""> <div class="">
<div class="rounded-sm bg-white p-3 shadow"> <div class="rounded-sm bg-white p-3 shadow border border-base-300">
<p class="mb-[7px] font-[700]">Nhân sự xử lý đơn hàng</p> <p class="mb-[7px] font-bold">Nhân sự xử lý đơn hàng</p>
<p class="flex items-center gap-3"> <p class="flex items-center gap-3">
<span class="inline-block">Uyên Hura</span> <span class="inline-block">Uyên Hura</span>
<a href="javascript:$('#js-assign-holder').toggle()" title="Chỉnh sửa"><i <a href="javascript:$('#js-assign-holder').toggle()" title="Chỉnh sửa"><i
@@ -204,7 +204,7 @@
</div> </div>
</div> </div>
<div class="rounded-sm bg-white p-3 shadow mb-4 mt-3"> <div class="rounded-sm bg-white p-3 shadow mb-4 mt-3 border border-base-300">
<p class="mb-[7px] font-[700]"> Trạng thái thanh toán </p> <p class="mb-[7px] font-[700]"> Trạng thái thanh toán </p>
<div class="flex items-center mt-3 gap-3"> <div class="flex items-center mt-3 gap-3">
@@ -233,7 +233,7 @@
<p class="mt-3">Khách chọn: Thanh toán bằng VNPAY</p> <p class="mt-3">Khách chọn: Thanh toán bằng VNPAY</p>
</div> </div>
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4"> <div class="mt-3 rounded-sm bg-white p-3 shadow mb-4 border border-base-300">
<p class="font-bold"> Trạng thái vận chuyển </p> <p class="font-bold"> Trạng thái vận chuyển </p>
<p class="flex items-center mt-3 gap-3"> <p class="flex items-center mt-3 gap-3">
@@ -262,7 +262,7 @@
<p class="mt-3">Khách chọn: Giao hàng tiêu chuẩn</p> <p class="mt-3">Khách chọn: Giao hàng tiêu chuẩn</p>
</div> </div>
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4"> <div class="mt-3 rounded-sm bg-white p-3 shadow mb-4 border border-base-300">
<p class="font-bold"> <p class="font-bold">
Trạng thái đơn hàng Trạng thái đơn hàng
<a href="javascript:$('#js-order-status-holder').toggle()" title="Chỉnh sửa"><i <a href="javascript:$('#js-order-status-holder').toggle()" title="Chỉnh sửa"><i
@@ -292,7 +292,7 @@
</div> </div>
</div> </div>
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4"> <div class="mt-3 rounded-sm bg-white p-3 shadow mb-4 border border-base-300">
<p class="font-bold"> Ghi chú </p> <p class="font-bold"> Ghi chú </p>
<textarea placeholder=" Ghi chú" id="js-comment" class="textarea"></textarea> <textarea placeholder=" Ghi chú" id="js-comment" class="textarea"></textarea>

43
template/order/home.html
View File

@@ -1,7 +1,7 @@
<div class="bg-white shadow p-3 rounded-sm"> <div class="bg-white shadow p-3 rounded-sm">
<p class="text-2xl font-bold">Danh sách đơn hàng </p> <p class="text-2xl font-bold">Danh sách đơn hàng </p>
<div class="order-page-title flex flex-wrap mt-3 gap-1"> <div class="order-page-title flex flex-wrap mt-5 gap-1">
<a href="/admin/?opt=order" class="btn btn-active">Tất cả</a> <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=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=new" class="btn">Đơn mới</a>
@@ -36,7 +36,7 @@
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" /> @input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
</label> </label>
<input type="submit" value="Tìm kiếm" class="btn btn-primary" onclick="runFilter()"> <input type="submit" value="Tìm kiếm" class="btn btn-active" onclick="runFilter()">
</div> </div>
</div> </div>
</form> </form>
@@ -63,9 +63,9 @@
</div> </div>
</div> </div>
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-[4px] mt-5"> <div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
<table class="table"> <table class="table table-md">
<thead class="bg-base-200"> <thead class="bg-base-200 font-bold">
<tr> <tr>
<td> STT </td> <td> STT </td>
<td> Mã số </td> <td> Mã số </td>
@@ -109,7 +109,6 @@
<td> Xem </td> <td> Xem </td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> 1 </td> <td> 1 </td>
@@ -137,9 +136,9 @@
<td> <td>
<div class="flex justify-center gap-2"> <div class="flex justify-center gap-2">
<a href="/admin/order/detail?id=369" class="btn btn-soft btn-xs btn-square" <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> title="Chi tiết"> <i data-lucide="eye" class="size-4 text-gray-500"></i></a>
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span <a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
class="iconify lucide--trash-2 tw-rla"></span></a> data-lucide="trash-2" class="size-4 text-red-200"></i></a>
</div> </div>
</td> </td>
</tr> </tr>
@@ -170,9 +169,9 @@
<td> <td>
<div class="flex justify-center gap-2"> <div class="flex justify-center gap-2">
<a href="/admin/order/detail?id=369" class="btn btn-soft btn-xs btn-square" <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> title="Chi tiết"> <i data-lucide="eye" class="size-4 text-gray-500"></i></a>
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span <a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
class="iconify lucide--trash-2 tw-rla"></span></a> data-lucide="trash-2" class="size-4 text-red-200"></i></a>
</div> </div>
</td> </td>
</tr> </tr>
@@ -180,17 +179,17 @@
</table> </table>
</div> </div>
<div class="join mt-5 justify-center flex items-cente r"> <div class="join mt-5 justify-end flex items-center gap-1">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls"> <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span> <i data-lucide="chevron-left" class="size-4"></i>
</a> </a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a> <a href="" class="btn btn-circle btn-sm btn-ghost">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-circle btn-sm btn-ghost 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-circle btn-sm btn-ghost">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a> <a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a> <a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls"> <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span> <i data-lucide="chevron-right" class="size-4"></i>
</a> </a>
</div> </div>
</div> </div>

30
template/order/paygate.html
View File

@@ -22,7 +22,6 @@
<p class="whitespace-nowrap"> Từ ngày </p> <p class="whitespace-nowrap"> Từ ngày </p>
<label for="dob" class="input data-error:input-error w-full"> <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 id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" /> @input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
</label> </label>
@@ -30,7 +29,6 @@
<div class="items-center flex gap-3"> <div class="items-center flex gap-3">
<p class="whitespace-nowrap"> Đến ngày </p> <p class="whitespace-nowrap"> Đến ngày </p>
<label for="dob" class="input data-error:input-error w-full"> <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 id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" /> @input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
</label> </label>
@@ -46,7 +44,7 @@
</div> </div>
<a href="" class="btn btn-outline btn-view"> <a href="" class="btn btn-outline btn-view">
<i class="iconify lucide--file-x"></i> <i data-lucide="file-x" class="size-4"></i>
<span>Tải file excel</span> <span>Tải file excel</span>
</a> </a>
</div> </div>
@@ -89,29 +87,27 @@
<td> <td>
<span class="badge badge-success badge-sm badge-soft">Thành công </span> <span class="badge badge-success badge-sm badge-soft">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> -->
</td> </td>
<td align="center"> <td align="center">
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span <a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
class="iconify lucide--trash-2 tw-rla"></span></a> data-lucide="trash-2" class="size-4 text-red-200"></i></a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="join mt-5 justify-center flex items-cente r"> <div class="join mt-5 justify-end flex items-center gap-1">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls"> <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span> <i data-lucide="chevron-left" class="size-4"></i>
</a> </a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a> <a href="" class="btn btn-circle btn-sm btn-ghost">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-circle btn-sm btn-ghost 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-circle btn-sm btn-ghost">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a> <a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a> <a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls"> <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span> <i data-lucide="chevron-right" class="size-4"></i>
</a> </a>
</div> </div>
</div> </div>

36
template/order/wait_order.html
View File

@@ -24,7 +24,7 @@
<p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p> <p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p>
<a href="" class="btn btn-outline btn-view"> <a href="" class="btn btn-outline btn-view">
<i class="iconify lucide--file-x"></i> <i data-lucide="file-x" class="size-4"></i>
<span>Tải file excel</span> <span>Tải file excel</span>
</a> </a>
</div> </div>
@@ -63,38 +63,38 @@
<td> Nhận hàng giờ hành chính </td> <td> Nhận hàng giờ hành chính </td>
<td> <td>
<div id="status_1"> <div id="status_1" class="flex items-center gap-3">
<span class="badge badge-success badge-sm badge-soft">Thành công </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-warning badge-sm badge-soft"> Chưa xử lý </span>
<span class="badge badge-error badge-sm badge-soft">Hủy bỏ </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=""><i <a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class=""><i data-lucide="pencil"
class="iconify lucide--pencil mt-1 text-primary"></i></a> class="size-4 text-primary"></i></a>
</div> </div>
<p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p> <p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p>
</td> </td>
<td align="center"> <td align="center">
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span <a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
class="iconify lucide--trash-2 tw-rla"></span></a> data-lucide="trash-2" class="size-4 text-red-200"></i></a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="join mt-5 justify-center flex items-cente r"> <div class="join mt-5 justify-end flex items-center gap-1">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls"> <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span> <i data-lucide="chevron-left" class="size-4"></i>
</a> </a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a> <a href="" class="btn btn-circle btn-sm btn-ghost">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-circle btn-sm btn-ghost 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-circle btn-sm btn-ghost">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a> <a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a> <a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls"> <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span> <i data-lucide="chevron-right" class="size-4"></i>
</a> </a>
</div> </div>
</div> </div>