152 lines
8.9 KiB
HTML
152 lines
8.9 KiB
HTML
|
<div class="global-breadcrumb-container">
|
||
|
|
<a href="?module=order&view=home">Danh sách đơn hàng</a>
|
||
|
|
<a href="">Chi tiết đơn hàng</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="order-detail-page max-w-[1141px] m-auto">
|
||
|
|
<div class="text-right">
|
||
|
|
<a href="" title="In đơn hàng" class="fas fa-print hover:bg-[#0041E8] hover:text-[#fff] inline-block text-center text-[15px] text-[#9E9E9E] rounded-[4px] ml-[10px] w-[30px] h-[30px] leading-[30px] border border-[#ececec] bg-[#F9F9F9]"></a>
|
||
|
|
<a href="" title="" class="far fa-envelope hover:bg-[#0041E8] hover:text-[#fff] inline-block text-center text-[15px] text-[#9E9E9E] rounded-[4px] ml-[10px] w-[30px] h-[30px] leading-[30px] border border-[#ececec] bg-[#F9F9F9]"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[10px] bg-white text-center p-[17px] m-[12px_0] leading-[20px]">
|
||
|
|
<p class="text-[18px] font-[700] mb-[3px] leading-[23px]">Đơn hàng #000-368</p>
|
||
|
|
<p>Thời gian: 16-11-2023, 9:59 am</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex flex-wrap justify-between">
|
||
|
|
|
||
|
|
<div class="rounded-[15px] bg-white w-[852px] p-[16px]">
|
||
|
|
<p>left</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="rounded-[10px] w-[273px] leading-[18px]">
|
||
|
|
|
||
|
|
<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]">Nhân sự xử lý đơn hàng</p>
|
||
|
|
<p>
|
||
|
|
<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>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div id="js-assign-holder" style="display: none">
|
||
|
|
<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]">
|
||
|
|
<option value="">--Người thực hiện --</option>
|
||
|
|
<option value="24">Uyên Hura</option>
|
||
|
|
<option value="23">HuraSoft</option>
|
||
|
|
<option value="25">Quân Hura</option>
|
||
|
|
</select>
|
||
|
|
<div id="assign_status"></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]"> 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]">
|
||
|
|
Chưa thanh toán
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="margin: 5px 0 10px;">
|
||
|
|
<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" onclick="openPaymentStatusUpdateForm()"
|
||
|
|
class="bg-[#9e9e9e] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]"
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p>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>
|
||
|
|
|
||
|
|
<p class="flex items-center m-[8px_0]">
|
||
|
|
<span style="background: #E00000" class="leading-[30px] mr-[5px] p-[0_9px] rounded-[15px] text-[#fff]">
|
||
|
|
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>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div id="js-fulfillment-status-holder" style="display: none;">
|
||
|
|
<div>
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="margin: 5px 0 10px;">
|
||
|
|
<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" onclick="openFulfillmentStatusUpdateForm()"
|
||
|
|
class="bg-[#9e9e9e] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]"
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p>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]">
|
||
|
|
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>
|
||
|
|
</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>
|
||
|
|
<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]">
|
||
|
|
<option value="">--Chọn trạng thái--</option>
|
||
|
|
<option value="new">Mới</option>
|
||
|
|
<option value="processing" selected="">Đang xử lý</option>
|
||
|
|
<option value="success">Thành công</option>
|
||
|
|
<option value="closed">Đóng lại</option>
|
||
|
|
<option value="canceled">Hủy</option>
|
||
|
|
</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]"
|
||
|
|
>
|
||
|
|
|
||
|
|
<input type="button" value="Quay lại" onclick="openOrderStatusUpdateForm()"
|
||
|
|
class="bg-[#9e9e9e] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]"
|
||
|
|
>
|
||
|
|
</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>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<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]"
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|