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

182
template/order/detail.html
View File

@@ -1,23 +1,23 @@
<div class="global-breadcrumb-container">
<a href="/admin/order/home">Danh sách đơn hàng</a>
<a href="">Chi tiết đơn hàng</a>
<div class="breadcrumbs tw-zab tw-zpa tw-iia">
<ul>
<li><a href="/admin/order/home" data-discover="true">Danh sách đơn hàng</a></li>
<li class="">Chi tiết đơn hàng</li>
</ul>
</div>
<div class="order-detail-page leading-[20px] max-w-[1141px] m-auto">
<div class="order-detail-page w-[80%] mt-3 m-auto">
<div class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[10px] bg-white p-[15px] m-[12px_0]">
<div class="shadow rounded-sm bg-white p-3">
<div class="flex items-center justify-between">
<b class="text-[18px] font-[700] mb-[3px] leading-[23px]">Đơn hàng #000-368</b>
<div class="text-right">
<a href="" title="In đơn hàng"
class="hover:bg-[#0041E8] hover:text-[#fff] inline-block text-center text-[15px] text-[#9E9E9E] rounded-[4px] ml-[10px] p-[8px] border border-[#ececec] bg-[#F9F9F9]">
<i class="fas fa-print"></i>
<a href="" title="In đơn hàng" class="btn ">
<i class="iconify lucide--printer"></i>
<span>In đơn hàng</span>
</a>
<a href="" title=""
class="hover:bg-[#0041E8] hover:text-[#fff] inline-block text-center text-[15px] text-[#9E9E9E] rounded-[4px] ml-[10px] p-[8px] border border-[#ececec] bg-[#F9F9F9]">
<i class="far fa-envelope"></i>
<a href="" title="" class="btn">
<i class="iconify lucide--mail"></i>
<span>Gửi email</span>
</a>
</div>
@@ -25,14 +25,13 @@
<p class="mt-[5px]">Thời gian: 16-11-2023, 9:59 am</p>
</div>
<div class="flex flex-wrap justify-between">
<div
class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[15px] bg-white 2xl:w-[852px] lg:w-[100%] md:w-[100%] sm:w-[100%] p-[16px] mb-[25px]">
<div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">1. Khách hàng</p>
<div class="grid grid-cols-3 mt-5 gap-3">
<div class="col-span-2 shadow rounded-sm bg-white p-3">
<div class="mb-3">
<b class="">1. Khách hàng</b>
<div class="order-page-table">
<table>
<div class="order-page-table mt-2 border border-base-200 rounded-sm">
<table class="table">
<tr>
<td width="200"> Tên </td>
<td> Nguyen Duc Quan </td>
@@ -72,17 +71,17 @@
</div>
<div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">2. Sản phẩm</p>
<div class="mb-3">
<b class="">2. Sản phẩm</b>
<div
class="lg:max-w-[1600px] ms:max-w-[1600px] md:max-w-[1600px] 2xl:w-[100%] 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
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">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<thead class="bg-base-200">
<tr>
<td> STT </td>
<td> Mã kho </td>
<td width="210"> Tên </td>
<td> Tên </td>
<td> Giá </td>
<td> SL </td>
<td> Tổng </td>
@@ -93,9 +92,9 @@
<tbody>
<tr>
<td> 1 </td>
<td class="text-[#0041E8]"> HH0003 </td>
<td class="text-primary"> HH0003 </td>
<td class="text-left">
<a href="" target="_blank" class="text-[#0041E8]"> HHWS - CORE i9 9900X | 32G |
<a href="" target="_blank" class="text-primary"> HHWS - CORE i9 9900X | 32G |
NVIDIA RTX 2060 6GB </a>
</td>
<td> 34.800.000 VND (chiếc) </td>
@@ -109,11 +108,11 @@
</div>
<div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">3. Số tiền</p>
<div class="mb-3">
<b class="">3. Số tiền</b>
<div class="order-page-table">
<table>
<div class="order-page-table mt-3 border border-base-200 rounded-sm">
<table class="table">
<tr>
<td width="330"> Tổng giá trị </td>
<td class="font-bold">
@@ -150,12 +149,12 @@
</div>
<div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">4. Lịch sử cập nhật</p>
<div class="mb-3">
<b class="">4. Lịch sử cập nhật</b>
<div class="order-page-table text-center">
<table>
<thead class="bg-[#F6F6F6]">
<div class="order-page-table text-center mt-3 border border-base-200 rounded-sm">
<table class="table">
<thead class="bg-base-200">
<tr>
<td> STT </td>
<td> Phân loại </td>
@@ -183,23 +182,19 @@
</div>
</div>
<div class="lg:w-[100%] md:w-[100%] sm:w-[100%] rounded-[10px] 2xl:w-[273px] leading-[18px]">
<div
class="rounded-[15px] w-[100%] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
<div class="">
<div class="rounded-sm bg-white p-3 shadow">
<p class="mb-[7px] font-[700]">Nhân sự xử lý đơn hàng</p>
<p>
<p class="flex items-center gap-3">
<span class="inline-block">Uyên Hura</span>
<a href="javascript:$('#js-assign-holder').toggle()" title="Chỉnh sửa"
class="icons icon-edit inline-block w-[18px] h-[18px]"
style="background-position: -111px -86px;vertical-align: sub;"></a>
<a href="javascript:$('#js-assign-holder').toggle()" title="Chỉnh sửa"><i
class="iconify lucide--pencil mt-1 text-primary"></i></a>
</p>
<div id="js-assign-holder" style="display: none">
<div id="js-assign-holder" class="hidden">
<select
onchange="OrderManagement.assignAdmin('130', this.value, this.options[this.selectedIndex].text)"
class="mt-[10px] block w-[100%] h-[30px] border border-[#D8D8D8] rounded-[4px]"
id="js-assign-admin">
class="select mt-2" id="js-assign-admin">
<option value="">--Người thực hiện --</option>
<option value="24">Uyên Hura</option>
<option value="23">HuraSoft</option>
@@ -209,93 +204,78 @@
</div>
</div>
<div class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
<div class="rounded-sm bg-white p-3 shadow mb-4 mt-3">
<p class="mb-[7px] font-[700]"> Trạng thái thanh toán </p>
<p class="flex items-center m-[8px_0]">
<span style="background: #E00000"
class="leading-[30px] mr-[5px] p-[0_9px] rounded-[15px] text-[#fff]">
<div class="flex items-center mt-3 gap-3">
<span class="badge badge-error badge badge-soft">
Chưa thanh toán
</span>
<a href="javascript:$('#js-payment-status-holder').show()" title="Chỉnh sửa"><i
class="iconify lucide--pencil mt-1 text-primary"></i></a>
</div>
<a href="javascript:$('#js-payment-status-holder').show()" title="Chỉnh sửa"
class="icons icon-edit inline-block w-[18px] h-[18px]"
style="background-position: -111px -86px;vertical-align: sub;"></a>
</p>
<div id="js-payment-status-holder" style="display: none;">
<div>
<div id="js-payment-status-holder" class="hidden">
<div class="mt-3">
<textarea placeholder="Ghi chú (v.d. Chuyển khoản ngân hàng VCB, số tham chiếu 1234)"
id="js-payment-comment"
class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea>
id="js-payment-comment" class="textarea"></textarea>
</div>
<div style="margin: 5px 0 10px;">
<div style="margin: 10px 0;">
<input type="button" onclick="OrderManagement.update_payment_status()"
title="Click để xác nhận đơn đã được thanh toán đủ" value="Đã nhận đủ"
class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]">
<input type="button" value="Quay lại"
class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E]"
class="btn btn-active">
<input type=" button" value="Quay lại" class="btn"
onclick="$('#js-payment-status-holder').hide()">
</div>
</div>
<p>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 class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
<p class="mb-[7px] font-[700]"> Trạng thái vận chuyển </p>
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4">
<p class="font-bold"> Trạng thái vận chuyển </p>
<p class="flex items-center m-[8px_0]">
<span style="background: #E00000"
class="leading-[30px] mr-[5px] p-[0_9px] rounded-[15px] text-[#fff]">
<p class="flex items-center mt-3 gap-3">
<span class="badge badge-error badge badge-soft">
Chưa chuyển
</span>
<a href="javascript:$('#js-fulfillment-status-holder').show()" title="Chỉnh sửa"
class="icons icon-edit inline-block w-[18px] h-[18px]"
style="background-position: -111px -86px;vertical-align: sub;"></a>
<a href="javascript:$('#js-fulfillment-status-holder').show()" title="Chỉnh sửa"><i
class="iconify lucide--pencil mt-1 text-primary"></i></a>
</p>
<div id="js-fulfillment-status-holder" style="display: none;">
<div>
<div class="mt-5">
<textarea placeholder="Ghi chú (v.d. Chuyển phát ViettelPost, mã phiếu gửi 1234)"
id="js-fulfillment-comment"
class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea>
id="js-fulfillment-comment" class="textarea"></textarea>
</div>
<div style="margin: 5px 0 10px;">
<div style="margin: 10px 0;">
<input type="button" onclick="OrderManagement.update_fulfillment_status()"
title="Click để xác nhận đơn đã được vận chuyển thành công" value="Đã vận chuyển"
class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]">
<input type="button" value="Quay lại"
class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E]"
class="btn btn-active" />
<input type=" button" value="Quay lại" class="btn"
onclick="$('#js-fulfillment-status-holder').hide()">
</div>
</div>
<p>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 class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
<p class="mb-[7px] font-[700]">
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4">
<p class="font-bold">
Trạng thái đơn hàng
<a href="javascript:$('#js-order-status-holder').show()" title="Chỉnh sửa"
class="icons icon-edit inline-block w-[18px] h-[18px]"
style="background-position: -111px -86px;vertical-align: sub;"></a>
<a href="javascript:$('#js-order-status-holder').toggle()" title="Chỉnh sửa"><i
class="iconify lucide--pencil mt-1 text-primary"></i></a>
</p>
<div id="js-order-status-holder" style="display: none;">
<div>
<textarea placeholder="Ghi chú" id="js-order-comment"
class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea>
<div class="mt-3">
<textarea placeholder="Ghi chú" id="js-order-comment" class="textarea"></textarea>
</div>
<div style="margin-top: 5px;">
<select id="js-order-status-select"
class="m-[10px_0] block w-[100%] h-[30px] border border-[#D8D8D8] rounded-[4px]">
<div class="mt-3">
<select id="js-order-status-select" class="select">
<option value="">--Chọn trạng thái--</option>
<option value="new">Mới</option>
<option value="processing">Đang xử lý</option>
@@ -305,26 +285,22 @@
</select>
<input type="button" onclick="OrderManagement.update_order_status()" title="Click để xác nhận"
value="Lưu lại"
class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff] mt-[15px]">
value="Lưu lại" class="btn btn-active mt-3">
<input type="button" value="Quay lại"
class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E] mt-[15px]"
onclick="$('#js-order-status-holder').hide()">
<input type="button" value="Quay lại" class="btn" onclick="$('#js-order-status-holder').hide()">
</div>
</div>
</div>
<div class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
<p class="mb-[7px] font-[700]"> Ghi chú </p>
<div class="mt-3 rounded-sm bg-white p-3 shadow mb-4">
<p class="font-bold"> Ghi chú </p>
<textarea placeholder="Ghi chú" id="js-comment"
class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea>
<textarea placeholder=" Ghi chú" id="js-comment" class="textarea"></textarea>
<div>
<span id="js-comment-status-holder"></span>
<input type="button" onclick="OrderManagement.update_admin_comment()" value="Lưu lại"
class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]">
class="btn btn-active mt-3">
</div>
</div>