update
This commit is contained in:
73
old/template/pcbuilder/config_edit.html
Normal file
73
old/template/pcbuilder/config_edit.html
Normal 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>
|
||||
70
old/template/pcbuilder/home.html
Normal file
70
old/template/pcbuilder/home.html
Normal 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>
|
||||
138
old/template/pcbuilder/part_relation.html
Normal file
138
old/template/pcbuilder/part_relation.html
Normal 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>
|
||||
Reference in New Issue
Block a user