update order page
This commit is contained in:
@@ -3,21 +3,165 @@
|
||||
<a href="">Chi tiết đơn hàng</a>
|
||||
</div>
|
||||
|
||||
<div class="order-detail-page max-w-[1141px] m-auto">
|
||||
<div class="order-detail-page leading-[20px] 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]">
|
||||
<div class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[10px] bg-white text-center p-[17px] m-[12px_0]">
|
||||
<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 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>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="rounded-[10px] w-[273px] leading-[18px]">
|
||||
|
||||
Reference in New Issue
Block a user