This commit is contained in:
2025-12-07 15:58:07 +07:00
parent 75a641ab40
commit 942aeafb60
2211 changed files with 178727 additions and 89 deletions

View File

@@ -0,0 +1,73 @@
<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]">Chỉnh sửa linh kiện</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]">Chỉnh sửa cấu hình và quan hệ lệ thuộc</h1>
<p class="text-[#6B7280]"><b>Hướng dẫn: </b>Nhập từng dòng, mỗi dòng là 1 loại linh kiện theo
form mẫu sau:</p>
<b class="text-[#6B7280]">ID danh mục | Tên gọi linh kiện | ID liên quan 1, ID liên quan 2, ID liên quan
2</b>
</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] text-[13px] leading-[35px] px-[10px]">Chỉnh
sửa</a>
</div>
</div>
<div class="right w-[860px]">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<p>
<b>Ví dụ 1: </b><span>Ví dụ 1: 30 | Bo mạch chủ | 61,36</span>
</p>
<p>(Trong đó: 30 là ID danh mục của Bo mạch
chủ, 61 là ID danh mục RAM, 36 là ID danh mục
CPU. Bo mạch chủ cần tương thích với RAM và CPU nên chọn ở đây)
</p>
<p class="mt-[20px]">
<b>Ví dụ 2: 10 | Màn hình |</b>
</p>
<p>(Trong đó: 10 là ID danh mục
của Màn hình máy tính. Và Màn máy tính không cần phụ thuộc với các linh kiện khác nên để
trống)</p>
<textarea class="w-[100%] h-[380px] border-[1px] border-[#ECECEC] p-[15px] mt-[15px]" rows="10"
spellcheck="true">2 | Bộ vi xử lý | 3,4
3 | Bo mạch chủ |
4 | RAM | 3
16 | Ổ Cứng SSD |
15 | Ổ Cứng HDD |
6 | VGA | 7,8
7 | Nguồn | 8
8 | Vỏ Case |
22 | Quạt Tản Nhiệt |
17 | Tản Nhiệt CPU |
28 | Tản Nhiệt Nước AIO |
9 | Màn Hình |
18 | Bàn phím |
19 | Chuột |
26 | Tai Nghe |
74 | Bàn Máy Máy Tính | 90
90 | Ghế Gaming |</textarea>
</div>
<div class="bg-white p-[10px] shadow-[0px_1px_1px_0px_#0000001A] rounded-[0_0_10px_10px]">
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,70 @@
<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 linh kiện</h1>
<a href="/admin/pcbuilder/config-edit"
class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]">Chỉnh sửa linh kiện</a>
<table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
<tr>
<th class="w-[50px]">STT</th>
<th>ID danh mục</th>
<th>Tên danh mục</th>
<th class="w-[650px]">Danh mục liên quan</th>
<th>Số lượng Sản phẩm</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>Bộ vi xử lý</td>
<td>
<div class="flex flex-wrap">
<div class="my-[5px]">
<span>Mainboard - Bo Mạch Chủ</span>
<a href="/admin/pcbuilder/part-relation"
class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
quan hệ</a>
</div>
<div class="my-[5px] ml-[5px]">
<span>,RAM - Bộ Nhớ Trong</span>
<a href="/admin/pcbuilder/part-relation"
class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
quan hệ</a>
</div>
</div>
</td>
<td>
32
</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>Bộ vi xử lý</td>
<td>
<div class="flex flex-wrap">
<div class="my-[5px]">
<span>Mainboard - Bo Mạch Chủ</span>
<a href="/admin/pcbuilder/part-relation"
class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
quan hệ</a>
</div>
<div class="my-[5px] ml-[5px]">
<span>,RAM - Bộ Nhớ Trong</span>
<a href="/admin/pcbuilder/part-relation"
class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
quan hệ</a>
</div>
</div>
</td>
<td>
32
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -0,0 +1,138 @@
<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] whitespace-nowrap">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>