138 lines
7.7 KiB
HTML
138 lines
7.7 KiB
HTML
<div class="w-[100%] mb-[50px]">
|
|
|
|
<div class="text-sm breadcrumbs ml-[10px]">
|
|
<ul>
|
|
<li><a href="/admin/pcbuilder">Linh kiện xây dựng</a></li>
|
|
<li class="text-[#0041E8]">Tạo quan hệ của linh kiện Bộ vi xử lý</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="w-[1140px] my-0 mx-auto">
|
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
|
<div>
|
|
<h1 class="text-[20px] font-[700]">Mối quan hệ của linh kiện</h1>
|
|
<p class="text-[#6B7280]">Chọn 1 Sản phẩm ở một danh mục để chọn các Sản phẩm ở liên quan ở danh mục
|
|
kia.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<div class="left w-[270px] mr-[10px]">
|
|
<div class="list-tab">
|
|
<a href="javascript:void(0)"
|
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px_10px_0_0] text-[13px] leading-[35px] px-[10px]">CPU
|
|
- Bộ Vi Xử Lý (#2)</a>
|
|
<a href="javascript:void(0)"
|
|
class="item block w-[100%] h-[36px] text-[#919699] bg-[#fff] rounded-[0_0_10px_10px] text-[13px] leading-[35px] px-[10px]">Mainboard
|
|
- Bo Mạch Chủ (#3)</a>
|
|
</div>
|
|
</div>
|
|
<div class="right w-[860px]">
|
|
<div class="bg-white p-[15px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A]">
|
|
<b class="block text-[20px] mb-[15px] font-[700]">CPU - Bộ Vi Xử Lý (#2)</b>
|
|
<form action=""
|
|
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
|
|
<input type="text" name=""
|
|
class="w-[90%] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
|
placeholder="Tìm sản phẩm liên quan">
|
|
<button type="submit"
|
|
class="w-[10%] px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm
|
|
kiếm</button>
|
|
</form>
|
|
|
|
<div class="flex flex-wrap items-center mt-[15px]">
|
|
<p>Bộ lọc</p>
|
|
<select name="" id=""
|
|
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
|
|
<option value="">-Cache-</option>
|
|
</select>
|
|
<select name="" id=""
|
|
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
|
|
<option value="">Dòng cpu</option>
|
|
</select>
|
|
<select name="" id=""
|
|
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
|
|
<option value="">Thế hệ CPU</option>
|
|
</select>
|
|
<select name="" id=""
|
|
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
|
|
<option value="">Thế hệ CPU</option>
|
|
</select>
|
|
<select name="" id=""
|
|
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
|
|
<option value="">Thế hệ CPU</option>
|
|
</select>
|
|
<a href=""
|
|
class="w-[115px] h-[36px] ml-[15px] rounded-[4px] leading-[36px] text-center text-white bg-[#0041E8]">Lọc
|
|
sản phẩm</a>
|
|
</div>
|
|
|
|
<div class="flex items-center mt-[15px]">
|
|
<b>Kết quả chọn: </b>
|
|
<p>0 sản phẩm</p>
|
|
</div>
|
|
|
|
<table class="style-table mt-[15px]">
|
|
<thead>
|
|
<tr>
|
|
<th class="w-[40px]">
|
|
<input type="checkbox" name="change_url_on_update" value="1"
|
|
class="checked:bg-[#0041E8] w-[16px] h-[16px] rounded-[4px]">
|
|
</th>
|
|
<th class="w-[40px]">STT</th>
|
|
<th class="w-[90px]">Ảnh</th>
|
|
<th>Sản phẩm (Tổng số: 132)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" name="change_url_on_update" value="1"
|
|
class="checked:bg-[#0041E8] w-[16px] h-[16px] rounded-[4px]">
|
|
</td>
|
|
<td>1</td>
|
|
<td>
|
|
<img src="{{'img-product.png' | asset_url }}" alt="" class="mx-auto">
|
|
</td>
|
|
<td>
|
|
<a href="" class="name">Máy đo độ bóng Horiba IG-320 (gloss meter),góc đo 60 °,
|
|
khoảng đo 0.0-100.0, phân độ 0.1, bộ nhớ 99 phép đo</a>
|
|
<p>
|
|
Góc đo tiêu chuẩn 60 ° Khoảng đo 0-100 khoảng hiển thị 0-200 Kết quả đo chính
|
|
xác với độ lặp lại +/- 0,5 % trên toàn dải
|
|
đo Quá trình đo cho kết quả không bị ảnh hưởng bởi ánh sáng môi trường bên ngoài
|
|
Lấy trung bình đến 99 điểm dữ liệu Xem
|
|
các dữ liệu được lưu trữ trên màn hình hiển thị Vận hành thiết bị dễ dàng với 1
|
|
nốt bấm
|
|
</p>
|
|
<p>
|
|
<span>Mã kho:</span>
|
|
<b>MOVI213</b>
|
|
</p>
|
|
<p>Giá: 5.000.000</p>
|
|
<p>SL: 1</p>
|
|
<p>Trạng thái: Đang hiển thị</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="paging mt-[20px] mb-[10px]">
|
|
<a href="" class=" current ">1</a>
|
|
<a href="?page=2" class="">2</a>
|
|
<a href="?page=3" class="">3</a>
|
|
<a href="?page=4" class="">4</a>
|
|
<a href="?page=5" class="">5</a>
|
|
<a href="?page=6" class="">6</a>
|
|
<a href="?page=7" class="">7</a>
|
|
<a href="?page=2" class="">
|
|
<i class="fas fa-chevron-right"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |