This commit is contained in:
2025-02-11 16:22:18 +07:00
parent 961e92b965
commit c3c4efd679
30 changed files with 637 additions and 759 deletions

View File

@@ -61,8 +61,9 @@
<td> Địa chỉ thanh toán </td>
<td>
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
<a href="#js-update-payment" data-fancybox title="Cập nhật địa chỉ thanh toán"
class="icons icon-edit inline-block" style="background-position: -111px -86px;"></a>
<a href="javascript:void(0)" onclick="js_update_payment.showModal()" data-fancybox
title="Cập nhật địa chỉ thanh toán" class="icons icon-edit inline-block"
style="background-position: -111px -86px;"></a>
</td>
</tr>
</table>
@@ -122,7 +123,7 @@
<td> Phí vận chuyển & giao hàng </td>
<td>
<span> 0 VND </span>
<a href="#js-update-order-shipping" data-fancybox=""
<a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
style="background-position: -111px -86px;vertical-align:sub;"></a>
</td>
@@ -132,7 +133,7 @@
<td> Phí thu hộ </td>
<td>
<span> 0 VND </span>
<a href="#js-update-order-shipping" data-fancybox=""
<a href="javascript:void()" onclick="js_update_order_shipping.showModal()"
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
style="background-position: -111px -86px;vertical-align:sub;"></a>
</td>
@@ -152,7 +153,7 @@
<div class="order-page-table text-center">
<table>
<thead>
<thead class="bg-[#F6F6F6]">
<tr>
<td> STT </td>
<td> Phân loại </td>
@@ -408,118 +409,128 @@
<!-- // Cập nhật địa chỉ thanh toán -->
<dialog id="js_update_payment" class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px]" style="display: none;">
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p>
<dialog id="js_update_payment" class="modal">
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] bg-white modal-box">
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p>
<label class="inline-flex cursor-pointer">
<input type="checkbox" value="1" id="js-payment-address-check-same-as-shipping" checked=""
onchange="$('#js-payment-address-holder').toggle()" class="scale-[1.4] mr-[10px]">
<span> Giống như địa chỉ nhận hàng </span>
</label>
<label class="inline-flex cursor-pointer">
<input type="checkbox" value="1" id="js-payment-address-check-same-as-shipping" checked=""
onchange="$('#js-payment-address-holder').toggle()" class="scale-[1.4] mr-[10px]">
<span> Giống như địa chỉ nhận hàng </span>
</label>
<div id="js-payment-address-holder" style="display: none;margin-top: 20px">
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Nhập địa chỉ: </p>
<div id="js-payment-address-holder" style="display: none;margin-top: 20px">
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Nhập địa chỉ: </p>
<table class="w-[100%]">
<tr>
<td width="100">Họ tên</td>
<td>
<input type="text" id="js-payment-address-person_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Mobile</td>
<td>
<input type="text" id="js-payment-address-mobile" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Tỉnh/thành</td>
<td>
<input type="text" id="js-payment-address-province_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Quận huyện</td>
<td>
<input type="text" id="js-payment-address-district_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Phường/xã</td>
<td>
<input type="text" id="js-payment-address-ward_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Địa chỉ</td>
<td>
<input type="text" id="js-payment-address-address" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<!-- <tr><td>Phân loại</td><td><input type=text id="js-payment-address-type" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"/></td></tr> -->
<tr>
<td>Ghi chú</td>
<td>
<input type="text" id="js-payment-address-note" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="Cập nhật" onclick="OrderManagement.updatePaymentAddress()"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
</td>
</tr>
</table>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<!-- // Cập nhật phí ship cho đơn hàng -->
<dialog id="js_update_order_shipping" class="modal">
<div class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px] modal-box">
<p class="leading-[20px] text-[16px] font-bold mb-[20px]"> Cập nhật phí ship cho đơn hàng </p>
<table class="w-[100%]">
<tr>
<td width="100">Họ tên</td>
<td>Phí ship</td>
<td>
<input type="text" id="js-payment-address-person_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
<input type="text" id="shippingFee" onkeyup="this.value = writeStringToPrice(this.value)" value="0"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] h-[32px] m-[0_10px_10px_0] border border-[#D8D8D8] rounded-[4px] inline-block">
<span>VND</span>
</td>
</tr>
<tr>
<td>Mobile</td>
<td>Chi chú</td>
<td>
<input type="text" id="js-payment-address-mobile" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Tỉnh/thành</td>
<td>
<input type="text" id="js-payment-address-province_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Quận huyện</td>
<td>
<input type="text" id="js-payment-address-district_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Phường/xã</td>
<td>
<input type="text" id="js-payment-address-ward_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<tr>
<td>Địa chỉ</td>
<td>
<input type="text" id="js-payment-address-address" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td>
</tr>
<!-- <tr><td>Phân loại</td><td><input type=text id="js-payment-address-type" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"/></td></tr> -->
<tr>
<td>Ghi chú</td>
<td>
<input type="text" id="js-payment-address-note" value=""
<input type="text" id="shippingNote" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
<i>v.d. Gửi xe khách, Máy bay, EMS</i>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="Cập nhật" onclick="OrderManagement.updatePaymentAddress()"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
<input type="button" value="Cập nhật" onclick="update_order_shipping(369)"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer mt-[15px]">
</td>
</tr>
</table>
</div>
</dialog>
<!-- // Cập nhật phí ship cho đơn hàng -->
<div id="js-update-order-shipping" class="p-[20px_16px] rounded-[15px] w-[100%] max-w-[600px]" style="display: none;">
<p class="leading-[20px] text-[16px] font-bold mb-[20px]"> Cập nhật phí ship cho đơn hàng </p>
<table class="w-[100%]">
<tr>
<td>Phí ship</td>
<td>
<input type="text" id="shippingFee" onkeyup="this.value = writeStringToPrice(this.value)" value="0"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] h-[32px] m-[0_10px_10px_0] border border-[#D8D8D8] rounded-[4px] inline-block">
<span>VND</span>
</td>
</tr>
<tr>
<td>Chi chú</td>
<td>
<input type="text" id="shippingNote" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
<i>v.d. Gửi xe khách, Máy bay, EMS</i>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="Cập nhật" onclick="update_order_shipping(369)"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer mt-[15px]">
</td>
</tr>
</table>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>