2024-01-26 10:41:49 +07:00
< 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 >
2024-01-26 11:51:46 +07:00
< div class = "order-detail-page leading-[20px] max-w-[1141px] m-auto" >
2024-01-26 10:41:49 +07:00
< 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 >
2024-01-26 11:51:46 +07:00
< div class = "shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[10px] bg-white text-center p-[17px] m-[12px_0]" >
2024-01-26 10:41:49 +07:00
< 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" >
2024-01-26 11:51:46 +07:00
< div class = "shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[15px] bg-white w-[852px] p-[16px] mb-[25px]" >
< div class = "mb-[20px]" >
< p class = "text-[16px] font-[700] mb-[13px]" > 1. Khách hàng< / p >
< div class = "order-page-table" >
< table >
< tr >
< td width = "200" > Tên < / td >
< td > Nguyen Duc Quan < / td >
< / tr >
< tr >
< td > Số điện thoại < / td >
< td > 0822256369 < / td >
< / tr >
< tr >
< td > Email < / td >
< td > quannd@hurasoft.com < / td >
< / tr >
< tr >
< td > Địa chỉ nhận hàng < / td >
< td >
< span > Kiến Hưng, Quận Hà Đông, Hà Nội < / span >
< a href = "javascript:void(0)" title = "Chỉnh sửa" class = "icons icon-edit inline-block w-[18px] h-[18px]" style = "background-position: -111px -86px;" > < / a >
< / td >
< / tr >
< tr >
< td > Địa chỉ thanh toán < / td >
< td >
< span > Kiến Hưng, Quận Hà Đông, Hà Nội < / span >
< a href = "javascript:void(0)" title = "Chỉnh sửa" class = "icons icon-edit inline-block w-[18px] h-[18px]" style = "background-position: -111px -86px;" > < / a >
< / td >
< / tr >
< / table >
< / div >
< / div >
< div class = "mb-[20px]" >
< p class = "text-[16px] font-[700] mb-[13px]" > 2. Sản phẩm< / p >
< div class = "order-page-table text-center" >
< table >
< thead >
< tr >
< td > STT < / td >
< td > Mã kho < / td >
< td width = "210" > Tên < / td >
< td > Giá < / td >
< td > SL < / td >
< td > Tổng < / td >
< td > Ghi chú < / td >
< / tr >
< / thead >
< tbody >
< tr >
< td > 1 < / td >
< td class = "text-[#0041E8]" > HH0003 < / td >
< td class = "text-left" >
< a href = "" target = "_blank" class = "text-[#0041E8]" > HHWS - CORE i9 9900X | 32G | NVIDIA RTX 2060 6GB < / a >
< / td >
< td > 34.800.000 VND (chiếc) < / td >
< td > 2 < / td >
< td > 69.600.000 VND < / td >
< td class = "text-left" > Ghi chú< / td >
< / tr >
< / tbody >
< / table >
< / div >
< / div >
< div class = "mb-[20px]" >
< p class = "text-[16px] font-[700] mb-[13px]" > 3. Số tiền< / p >
< div class = "order-page-table" >
< table >
< tr >
< td width = "330" > Tổng giá trị < / td >
< td class = "font-bold" >
69.600.000 VND
< / td >
< / tr >
< tr >
< td > Phí vận chuyển & giao hàng < / td >
< td >
< span > 0 VND < / span >
< a href = "javascript:void(0)" title = "Chỉnh sửa" class = "icons icon-edit inline-block w-[18px] h-[18px]" style = "background-position: -111px -86px;vertical-align:sub;" > < / a >
< / td >
< / tr >
< tr >
< td > Phí thu hộ < / td >
< td >
< span > 0 VND < / span >
< a href = "javascript:void(0)" title = "Chỉnh sửa" class = "icons icon-edit inline-block w-[18px] h-[18px]" style = "background-position: -111px -86px;vertical-align:sub;" > < / a >
< / td >
< / tr >
< tr >
< td > Tổng thu < / td >
< td > 69.600.000 VND < / td >
< / tr >
< / table >
< / div >
< / div >
< div class = "mb-[20px]" >
< p class = "text-[16px] font-[700] mb-[13px]" > 4. Lịch sử cập nhật< / p >
< div class = "order-page-table text-center" >
< table >
< thead >
< tr >
< td > STT < / td >
< td > Phân loại < / td >
< td > Trạng thái < / td >
< td > Ghi chú < / td >
< td > Người cập nhật < / td >
< / tr >
< / thead >
< tbody >
< tr >
< td > 1 < / td >
< td > payment < / td >
< td > paid < / td >
< td > test < / td >
< td > Đức lúc 22-05-2023, 4:49 pm < / td >
< / tr >
< tr >
< td colspan = "5" align = "left" > Hiện tại chưa có trạng thái nào được cập nhật < / td >
< / tr >
< / tbody >
< / table >
< / div >
< / div >
2024-01-26 10:41:49 +07:00
< / 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 >
