67 lines
3.9 KiB
HTML
67 lines
3.9 KiB
HTML
<div class="w-[100%]">
|
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
|
<h1 class="text-[24px] font-[700] mb-3">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
|
|
|
|
<div class="flex items-center justify-end">
|
|
<a href="/admin/product/addon_add"
|
|
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
|
<span
|
|
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
|
<span class="text-[#0041E8] font-[500]">Thêm danh sách mới</span>
|
|
</a>
|
|
<a href="/admin/product/attribute_update"
|
|
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
|
|
<i class="fa-regular fa-file-excel text-[#0041E8]"></i>
|
|
<span class="text-[#0041E8] font-[500]">Cập nhật Excel</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="overflow-x-auto sm:whitespace-nowrap">
|
|
<table class="mt-[15px] table">
|
|
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
|
|
<tr>
|
|
<th>STT</th>
|
|
<th>Thông tin</th>
|
|
<th>Giá</th>
|
|
<th>Sản phẩm</th>
|
|
<th>Cập nhật</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>
|
|
<div class="flex items-center">
|
|
<span>[8]</span>
|
|
<a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
|
|
(KBKN002)</a>
|
|
</div>
|
|
<p>Ghi chú: KM màn hình 27 1</p>
|
|
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
|
|
</td>
|
|
<td>3.849.000 vnd</td>
|
|
<td class="w-[90px]"><a href=""
|
|
class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
|
|
SP</a></td>
|
|
<td class="w-[150px]">
|
|
<div class='list-btn flex items-center'>
|
|
<a href=""
|
|
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
|
class='icons icon-edit'></i></a>
|
|
<a href=""
|
|
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
|
class='fa fa-plus text-[#0041E8]'></i></a>
|
|
<a href=""
|
|
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
|
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
|
|
<a href=""
|
|
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
|
class='icons icon-delete'></i></a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> |