This commit is contained in:
2024-02-21 14:14:01 +07:00
parent 15f5520474
commit eafb7bfb5f
11 changed files with 331 additions and 20 deletions

View File

@@ -1 +1,94 @@
template/order/bargain.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="order-page-table">
<table>
<thead>
<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>

View File

@@ -1 +0,0 @@
template/order/detail-new.html

View File

@@ -119,14 +119,14 @@
</td>
<td> Hà Nội </td>
<td> 69.600.000 </td>
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: red"></span> </td>
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: red"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
<td>
<a href=""> Nguyen Duc Quan </a>
</td>
<td>
<div style="display: flex">
<div class="flex justify-center">
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
@@ -144,14 +144,14 @@
</td>
<td> Hà Nội </td>
<td> 69.600.000 </td>
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: blue"></span> </td>
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
<td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: blue"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
<td>
<a href=""> test hura </a>
</td>
<td>
<div style="display: flex">
<div class="flex justify-center">
<a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>

121
template/order/paygate.html Normal file
View File

@@ -0,0 +1,121 @@
<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]"> Thanh toán qua cổng dịch vụ </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>
<form method="get" enctype="multipart/form-data" action="/admin/" class="flex items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<div class="items-center flex">
<p class="mr-1"> Từ ngày </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
</div>
<div class="items-center flex">
<p class="mr-1"> Đến ngày </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
</div>
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<div class="m-[14px_0] flex items-center justify-between">
<p>
Tổng số: <b class="mr-[40px]">8</b>
Tổng giá trị: <b>800.000 VNĐ</b>
</p>
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-file-excel mr-2"></i>
<span>Tải file excel</span>
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr class="font-[600]">
<td width="50"> STT </td>
<td> ID </td>
<td> Cổng </td>
<td> Thời gian </td>
<td> Khách hàng </td>
<td> Thanh toán cho </td>
<td> Giá trị </td>
<td> Trạng thái </td>
</tr>
</thead>
<tbody>
<tr id="row_1" align="center">
<td> 1 </td>
<td> 10 </td>
<td> viettelpay </td>
<td> 06-11-2022, 11:26 am </td>
<td align="left">
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
<p> - Email: sonnq57@yahoo.com.sg </p>
<p> - Tel: 0913236989 </p>
</td>
<td> [order] 123 </td>
<td> 100.000 </td>
<td>
<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> -->
</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>

View File

@@ -1 +0,0 @@
template/order/wait-order.html

View File

@@ -0,0 +1,105 @@
<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]"> Đặt chờ sản phẩm </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>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<div class="m-[14px_0] flex items-center justify-between">
<p> Danh sách các Sản phẩm khách hàng chờ đặt hàng </p>
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-file-excel mr-2"></i>
<span>Tải file excel</span>
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr class="font-[600]">
<td width="55"> STT </td>
<td> Khách hàng </td>
<td width="420"> Sản phẩm </td>
<td> Nhận hàng tại </td>
<td> Ghi chú </td>
<td> Trạng thái </td>
<td width="55"> </td>
</tr>
</thead>
<tbody>
<tr id="row_1">
<td align="center"> 1 </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>
<a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB, RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
</td>
<td> 20 Láng Hạ, Đống Đa, Hà Nội </td>
<td> Nhận hàng giờ hành chính </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>