This commit is contained in:
2024-01-27 10:41:35 +07:00
parent d2188f2742
commit 00c2de9e5c
4 changed files with 190 additions and 9 deletions

View File

@@ -15,9 +15,7 @@
</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 w-[852px] p-[16px] mb-[25px]">
<div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">1. Khách hàng</p>
@@ -42,7 +40,7 @@
<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>
<a href="#js-update-shipping-address" data-fancybox title="Cập nhật địa chỉ nhận hàng" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;"></a>
</td>
</tr>
@@ -50,7 +48,7 @@
<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>
<a href="#js-update-payment" data-fancybox title="Cập nhật địa chỉ thanh toán " class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;"></a>
</td>
</tr>
</table>
@@ -109,7 +107,7 @@
<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>
<a href="#js-update-order-shipping" data-fancybox="" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;vertical-align:sub;"></a>
</td>
</tr>
@@ -117,7 +115,7 @@
<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>
<a href="#js-update-order-shipping" data-fancybox="" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;vertical-align:sub;"></a>
</td>
</tr>
@@ -161,7 +159,6 @@
</table>
</div>
</div>
</div>
<div class="rounded-[10px] w-[273px] leading-[18px]">
@@ -293,6 +290,175 @@
</div>
</div>
</div>
</div>
<!-- // Cập nhật địa chỉ nhận hàng -->
<div id="js-update-shipping-address" 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 địa chỉ nhận hàng </p>
<table class="w-[100%]">
<tr>
<td width="100">Họ tên</td>
<td>
<input type="text" id="js-shipping-address-person_name" value="Nguyen Duc Quan" 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-shipping-address-mobile" value="0832256395" 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-shipping-address-province_name" value="TP HCM" 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-shipping-address-district_name" value="Quận Gò Vấp" 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-shipping-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-shipping-address-address" size="50" value="Kiến Hưng - Hà Đông - Hà Nội" 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-shipping-address-type" size=30 value="" /></td></tr>-->
<tr>
<td>Ghi chú</td>
<td>
<input type="text" id="js-shipping-address-note" value="test" 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.updateShippingAddress()" class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
</td>
</tr>
</table>
</div>
<!-- // Cập nhật địa chỉ thanh toán -->
<div 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>
<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>
<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>
<!-- // 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>