135 lines
7.4 KiB
HTML
135 lines
7.4 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] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p>
|
|
|
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
|
<input type="hidden" name="opt" value="deal">
|
|
<input type="hidden" name="q" value="">
|
|
<input type="hidden" name="page" value="">
|
|
|
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" 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="flex items-center flex-wrap justify-between mb-[20px]">
|
|
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
|
Xóa danh sách được chọn
|
|
</a>
|
|
|
|
<div class="flex items-center font-[500] leading-[35px]">
|
|
<a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
|
<span>Thêm deal mới</span>
|
|
</a>
|
|
|
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
|
<span>Thêm deal excel</span>
|
|
</a>
|
|
|
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
|
<i class="fas fa-file-download m-[0_4px_0_0]"></i>
|
|
<span>Tải file excel</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="order-page-table">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<td width="40"> <input type="checkbox" class="scale-[1.5]"/> </td>
|
|
<td width="40"> STT </td>
|
|
<td width="80"> Ảnh </td>
|
|
<td> Sản phẩm (Tổng số: 1.742) </td>
|
|
<td> Thông tin Deal </td>
|
|
<td> Thời gian Deal </td>
|
|
<td width="130">
|
|
<select>
|
|
<option value="">Tình trạng</option>
|
|
<option value="not-started"> Chưa bắt đầu </option>
|
|
<option value="started"> Đang bắt đầu </option>
|
|
<option value="ended"> Hết thời gian </option>
|
|
<option value="hidden"> Ẩn hiển thị </option>
|
|
<option value="featured"> Đang nổi bật </option>
|
|
</select>
|
|
</td>
|
|
<td> Công cụ </td>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td align="center">
|
|
<input type="checkbox" class="scale-[1.5] js-checkbox-id"/>
|
|
</td>
|
|
|
|
<td align="center"> 1 </td>
|
|
|
|
<td>
|
|
<img src="https://via.placeholder.com/500x500" class="block"/>
|
|
</td>
|
|
|
|
<td>
|
|
<a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
|
|
<p> [SKU: LTLE950] </p>
|
|
<p> Số lượng: <b>60</b> </p>
|
|
<p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
|
|
<p> Tạo lúc: 25-10-2022, 4:56 pm </p>
|
|
<p> Cập nhật: 17-01-2024, 9:36 am </p>
|
|
</td>
|
|
|
|
<td>
|
|
<p> Giá Deal:
|
|
<b class="text-[red] mr-1"> 35.000.000 vnđ </b>
|
|
(Giảm: <b class="text-[red]"> 4% </b>)
|
|
</p>
|
|
<p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </b></p>
|
|
<p> Số đơn hàng : <b> 6 </b> </p>
|
|
<p> Số lượng đặt mua: <b> 10 </b> </p>
|
|
<p> Lượt xem: <b> 0 </b> </p>
|
|
</td>
|
|
|
|
<td>
|
|
<b> 01-01-2024, 1:00 pm </b> đến
|
|
<b class="block"> 31-03-2024, 8:00 pm </b>
|
|
</td>
|
|
|
|
<td>
|
|
<i title="Chưa bắt đầu" style="background: #0041E8;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
|
<i title="Đang bắt đầu" style="background: #299D00;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
|
<i title="Hết thời gian" style="background: #E00000;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
|
<i title="Ẩn hiển thị" style="background: #C8C8C8;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
|
<i title="Đang nổi bật" style="background: #FFC700;" class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
|
|
</td>
|
|
|
|
<td>
|
|
<div class="items-center flex">
|
|
<a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
|
|
|
<a href="" title="Cho nổi bật" class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
|
|
|
<a href="" title="Hạ nổi bật" class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
|
|
|
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
|
|
|
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
|
|
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
|
</div>
|
|
</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> |