105 lines
4.6 KiB
HTML
105 lines
4.6 KiB
HTML
<div
|
|
class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
|
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Danh sách mặc cả giá </p>
|
|
<div class="flex flex-wrap mb-[20px] leading-[36px]">
|
|
<a href="" style="background: #0041E8;color: #fff;"
|
|
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
|
Chưa xử lý
|
|
</a>
|
|
|
|
<a href=""
|
|
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
|
Thành công
|
|
</a>
|
|
|
|
<a href=""
|
|
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
|
Hủy bỏ
|
|
</a>
|
|
</div>
|
|
|
|
<p class="m-[20px_0]">
|
|
Tổng số mặc cả giá nhận được: <b> 1.458 </b>
|
|
</p>
|
|
|
|
<div class="max-w-[1600px] overflow-x-auto whitespace-nowrap">
|
|
<table class="table table-pin-rows table-pin-cols">
|
|
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
|
<tr class="font-[600]">
|
|
<td width="50"> STT </td>
|
|
<td width="200"> Thời gian </td>
|
|
<td width="300"> Khách hàng </td>
|
|
<td> Thông tin sản phẩm </td>
|
|
<td width="220"> Trạng thái </td>
|
|
<td width="50"> </td>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr id="row_1">
|
|
<td align="center"> 1 </td>
|
|
<td> 16-11-2023, 9:59 am </td>
|
|
<td>
|
|
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
|
<p> - Email: sonnq57@yahoo.com.sg </p>
|
|
<p> - Tel: 0913236989 </p>
|
|
</td>
|
|
|
|
<td>
|
|
<p> - Sản phẩm: Tai nghe NICEHCK Traceless có Mic (Type-C) </p>
|
|
<p> - Giá bán (lúc mặc cả): 258.850.000 </p>
|
|
<p> - Giá mặc cả: 0 </p>
|
|
<p> - Nguồn mặc cả: https://hacom.vn/ </p>
|
|
</td>
|
|
|
|
<td>
|
|
<div id="status_1">
|
|
<span
|
|
class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
|
|
Thành công </span>
|
|
<span
|
|
class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
|
|
Chưa xử lý </span>
|
|
<span
|
|
class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
|
|
Hủy bỏ </span>
|
|
|
|
<a href="javascript:edit_order_status(1)" title="Chỉnh sửa"
|
|
class="icons inline-block w-[18px_!important] h-[18px_!important] bg-[transparent_!important] border-[transparent_!important] rounded-[0_!important]"
|
|
style="background-position: -113px -88px;vertical-align: sub;"></a>
|
|
</div>
|
|
|
|
<p class="mt-[7px]"> Lúc 28-02-2015, 12:40 pm </p>
|
|
</td>
|
|
|
|
<td align="center">
|
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="paging">
|
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
|
<a href="" class="current">1</a>
|
|
<a href="">2</a>
|
|
<a href="">3</a>
|
|
<a href="">4</a>
|
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function edit_order_status(id) {
|
|
$('#status_' + id).html(`
|
|
<select class="min-w-[140px] w-[auto_!important]">
|
|
<option> Trạng thái </option>
|
|
<option value="1"> Đã xử lý </option>
|
|
<option value="0"> Chưa xử lý </option>
|
|
<option value="-1"> Hủy bỏ </option>
|
|
</select>
|
|
`);
|
|
}
|
|
|
|
</script> |