90 lines
4.6 KiB
HTML
90 lines
4.6 KiB
HTML
|
<div class="w-[100%]">
|
||
|
|
<div
|
||
|
|
class="m-[15px] p-[15px_10px_15px_10px] 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">Nhóm thông số kỹ thuật</h1>
|
||
|
|
|
||
|
|
<div class="shadow-[0px_1px_1px_0px_#0000001A] p-[10px] rounded-[10px] border-[1px] border-[#F6F6F6]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<input type="text" size="60" name="info[title]" placeholder=""
|
||
|
|
class="w-[300px] h-[30px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[70px] h-[29px] leading-[30px] text-center rounded-[4px] bg-[#0041E8] text-white ml-[10px]">Tìm
|
||
|
|
kiếm</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex items-center justify-between mt-[15px]">
|
||
|
|
<p>
|
||
|
|
<b>Hướng dẫn:</b>
|
||
|
|
<span class="ml-[5px]">Nhóm thông số kỹ thuật được ghép cho từng sản phẩm cụ thể</span>
|
||
|
|
</p>
|
||
|
|
<a href="/admin/product/spec-group"
|
||
|
|
class="flex items-center border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||
|
|
<span
|
||
|
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
|
||
|
|
<span class="text-[#0041E8]">Thêm nhóm mới</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<table class="table-spec mt-[15px]">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>STT</th>
|
||
|
|
<th>Tên gọi/miêu tả</th>
|
||
|
|
<th>Cập nhật</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="w-[38px]">1</td>
|
||
|
|
<td>
|
||
|
|
<a href="" class="name">Camera</a>
|
||
|
|
</td>
|
||
|
|
<td class="w-[100px]">
|
||
|
|
<div class='list-btn flex items-center justify-center'>
|
||
|
|
<a href=""
|
||
|
|
class='w-[30px] h-[30px] 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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||
|
|
class='icons icon-remove'></i></a>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="w-[38px]">1</td>
|
||
|
|
<td>
|
||
|
|
<a href="" class="name">Camera</a>
|
||
|
|
</td>
|
||
|
|
<td class="w-[100px]">
|
||
|
|
<div class='list-btn flex items-center justify-center'>
|
||
|
|
<a href=""
|
||
|
|
class='w-[30px] h-[30px] 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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||
|
|
class='icons icon-remove'></i></a>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="w-[38px]">1</td>
|
||
|
|
<td>
|
||
|
|
<a href="" class="name">Camera</a>
|
||
|
|
</td>
|
||
|
|
<td class="w-[100px]">
|
||
|
|
<div class='list-btn flex items-center justify-center'>
|
||
|
|
<a href=""
|
||
|
|
class='w-[30px] h-[30px] 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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||
|
|
class='icons icon-remove'></i></a>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|