payinstall
This commit is contained in:
@@ -1113,7 +1113,8 @@ input[type=radio]:focus:before {
|
|||||||
.table-list-competitor th,
|
.table-list-competitor th,
|
||||||
.table-customer-group th,
|
.table-customer-group th,
|
||||||
.table-review th,
|
.table-review th,
|
||||||
.table-newsletter th {
|
.table-newsletter th,
|
||||||
|
.style-table th {
|
||||||
padding: 7px 5px;
|
padding: 7px 5px;
|
||||||
background: #f6f6f6;
|
background: #f6f6f6;
|
||||||
border: 1px solid #ececec;
|
border: 1px solid #ececec;
|
||||||
@@ -1126,7 +1127,8 @@ input[type=radio]:focus:before {
|
|||||||
.table-list-competitor td,
|
.table-list-competitor td,
|
||||||
.table-customer-group td,
|
.table-customer-group td,
|
||||||
.table-review td,
|
.table-review td,
|
||||||
.table-newsletter td {
|
.table-newsletter td,
|
||||||
|
.style-table td {
|
||||||
padding: 7px 6px;
|
padding: 7px 6px;
|
||||||
border: 1px solid #ececec;
|
border: 1px solid #ececec;
|
||||||
}
|
}
|
||||||
@@ -1136,7 +1138,8 @@ input[type=radio]:focus:before {
|
|||||||
.table-list-competitor .name,
|
.table-list-competitor .name,
|
||||||
.table-customer-group .name,
|
.table-customer-group .name,
|
||||||
.table-review .name,
|
.table-review .name,
|
||||||
.table-newsletter .name {
|
.table-newsletter .name,
|
||||||
|
.style-table .name {
|
||||||
color: #0041e8;
|
color: #0041e8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -1163,7 +1163,8 @@ input[type="radio"] {
|
|||||||
.table-list-competitor,
|
.table-list-competitor,
|
||||||
.table-customer-group,
|
.table-customer-group,
|
||||||
.table-review,
|
.table-review,
|
||||||
.table-newsletter {
|
.table-newsletter,
|
||||||
|
.style-table {
|
||||||
th {
|
th {
|
||||||
padding: 7px 5px;
|
padding: 7px 5px;
|
||||||
background: #f6f6f6;
|
background: #f6f6f6;
|
||||||
|
|||||||
1
data/payinstall/add_company.php
Normal file
1
data/payinstall/add_company.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/payinstall/add_period.php
Normal file
1
data/payinstall/add_period.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/payinstall/add_upfront.php
Normal file
1
data/payinstall/add_upfront.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/payinstall/category.php
Normal file
1
data/payinstall/category.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/payinstall/home.php
Normal file
1
data/payinstall/home.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/payinstall/order.php
Normal file
1
data/payinstall/order.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/payinstall/order_detail.php
Normal file
1
data/payinstall/order_detail.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/pcbuilder/config_edit.php
Normal file
1
data/pcbuilder/config_edit.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/pcbuilder/home.php
Normal file
1
data/pcbuilder/home.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
1
data/pcbuilder/part_relation.php
Normal file
1
data/pcbuilder/part_relation.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?php
|
||||||
50
template/payinstall/add_company.html
Normal file
50
template/payinstall/add_company.html
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm / sửa công ty tín dụng</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]">Cập nhật công ty</h1>
|
||||||
|
<p class="text-[#6B7280]">HD Saigon</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] 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]">
|
||||||
|
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
|
||||||
|
<input type="text" size="60" name="" id="" placeholder="Tên công ty"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
|
||||||
|
<input type="text" size="60" name="" id="" placeholder="0"
|
||||||
|
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||||
|
<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>
|
||||||
68
template/payinstall/add_period.html
Normal file
68
template/payinstall/add_period.html
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm / sửa thời gian</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 class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật thời gian</h1>
|
||||||
|
<a href="/admin/payinstall/add-period"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm thời gian</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p class="text-[#6B7280]">6 tháng</p>
|
||||||
|
</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]">
|
||||||
|
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<div class="flex items-center mb-[5px]">
|
||||||
|
<label class="font-[600] mr-[5px] text-[14px]">Số tháng</label>
|
||||||
|
<p class="text-[#6B7280]">Tháng (* ghi số, ví dụ 6)</p>
|
||||||
|
</div>
|
||||||
|
<input type="text" size="60" name="" id="" placeholder="Số tháng"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<div class="flex items-center mb-[5px]">
|
||||||
|
<label class="font-[600] mr-[5px] text-[14px]">Lãi suất</label>
|
||||||
|
<p class="text-[#6B7280]">% (* ghi số thập phân, ví dụ: 2.6 - tương đương 2.6%)</p>
|
||||||
|
</div>
|
||||||
|
<input type="text" size="60" name="" id="" placeholder="Lãi suất"
|
||||||
|
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
|
||||||
|
<input type="text" size="60" name="" id="" placeholder="0"
|
||||||
|
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||||
|
<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>
|
||||||
68
template/payinstall/add_upfront.html
Normal file
68
template/payinstall/add_upfront.html
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
|
||||||
|
<li class="text-[#0041E8]">Form thêm / sửa thông tin trả trước</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 class="flex items-center justify-between">
|
||||||
|
<h1 class="text-[20px] font-[700]">Cập nhật % trả trước</h1>
|
||||||
|
<a href="/admin/payinstall/add-upfront"
|
||||||
|
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||||
|
<span
|
||||||
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
|
||||||
|
<span class="text-[#6B7280]">Thêm trả trước</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p class="text-[#6B7280]">HD Saigon</p>
|
||||||
|
</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]">
|
||||||
|
<b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<div class="flex items-center mb-[5px]">
|
||||||
|
<label class="font-[600] mr-[5px] text-[14px]">Tên gọi</label>
|
||||||
|
<p class="text-[#6B7280]">(* dùng để hiển thị trên web, ví dụ ghi 20 %)</p>
|
||||||
|
</div>
|
||||||
|
<input type="text" size="60" name="" id="" placeholder="Tên gọi"
|
||||||
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<div class="flex items-center mb-[5px]">
|
||||||
|
<label class="font-[600] mr-[5px] text-[14px]">Số phần trăm</label>
|
||||||
|
<p class="text-[#6B7280]">% (* ghi số, ví dụ: 20% thì ghi là 20)</p>
|
||||||
|
</div>
|
||||||
|
<input type="text" size="60" name="" id="" placeholder="Số phần trăm"
|
||||||
|
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-control mb-[10px]">
|
||||||
|
<label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
|
||||||
|
<input type="text" size="60" name="" id="" placeholder="0"
|
||||||
|
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||||
|
<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>
|
||||||
55
template/payinstall/category.html
Normal file
55
template/payinstall/category.html
Normal file
@@ -0,0 +1,55 @@
|
|||||||
|
<div class="w-[100%]">
|
||||||
|
<div
|
||||||
|
class="m-[15px] px-[15px] py-[20px] 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 mục sản phẩm có trả góp</h1>
|
||||||
|
|
||||||
|
<div id="action-links" class="mb-[15px]">
|
||||||
|
<div class="flex item-center justify-between">
|
||||||
|
<div
|
||||||
|
class="p-[5px_10px] border-[1px] border-[#79B0E2] rounded-[4px] text-[14px] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
<a href="javascript:;" onclick="RowExpand.open_all();"><span id="js-row-expand-all">[+]</span> Xem
|
||||||
|
hết
|
||||||
|
danh mục</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="style-table mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Danh mục</th>
|
||||||
|
<th class="w-[190px]">SP</th>
|
||||||
|
<th class="w-[100px]">Lựa chọn</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>
|
||||||
|
1. <a href="" class="name">Màn Hình Máy Tính</a>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center justify-center">
|
||||||
|
<p>798</p>
|
||||||
|
<a href="" class="p-[5px] rounded-[4px] bg-[#0041E8] text-white ml-[5px]">Xem sản phẩm</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="list-btn flex items-center justify-center">
|
||||||
|
<a href="/0-vetp" title="Xem tại web" target="_blank"
|
||||||
|
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-view"></i>
|
||||||
|
</a>
|
||||||
|
<a href="/0-vetp" title="Xem tại web" target="_blank"
|
||||||
|
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||||
|
<i class="fa-solid fa-piggy-bank text-[#0041E8]"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
280
template/payinstall/home.html
Normal file
280
template/payinstall/home.html
Normal file
@@ -0,0 +1,280 @@
|
|||||||
|
<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">Cài đặt trả góp</h1>
|
||||||
|
|
||||||
|
<a href="/admin/payinstall/add-company" id="add-prod"
|
||||||
|
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block m-[auto_0_auto_auto] hover:bg-[#0041E8] hover:text-white"><span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
|
||||||
|
<span class="font-[500]">Thêm công ty</span></a>
|
||||||
|
|
||||||
|
|
||||||
|
<table class="style-table mt-[20px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="w-[45px]">STT</th>
|
||||||
|
<th class="w-[215px]">Công ty</th>
|
||||||
|
<th>Thông tin trả góp</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="align-text-top">1</td>
|
||||||
|
<td class="align-text-top">
|
||||||
|
<p>HD Saigon</p>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<a href="/admin/payinstall/add-company"
|
||||||
|
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>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="w-[50%] mr-[10px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<b class="mr-[15px]">Trả trước</b>
|
||||||
|
<a href="/admin/payinstall/add-upfront" id="add-prod"
|
||||||
|
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
|
||||||
|
<span class="font-[500]">Thêm trả trước</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<table class="style-table mt-[15px] w-[85px]">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<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>
|
||||||
|
<table class="style-table mt-[15px] w-[85px]">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<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>
|
||||||
|
<div class="w-[50%] ml-[10px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<b class="mr-[15px]">Thời hẹn trả góp</b>
|
||||||
|
<a href="/admin/payinstall/add-period" id="add-prod"
|
||||||
|
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
|
||||||
|
<span class="font-[500]">Thêm thời gian</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<table class="style-table mt-[15px] w-[85px]">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<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>
|
||||||
|
<table class="style-table mt-[15px] w-[85px]">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="align-text-top">1</td>
|
||||||
|
<td class="align-text-top">
|
||||||
|
<p>HD Saigon</p>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<a href="/admin/payinstall/add-company"
|
||||||
|
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>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="w-[50%] mr-[10px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<b class="mr-[15px]">Trả trước</b>
|
||||||
|
<a href="/admin/payinstall/add-upfront" id="add-prod"
|
||||||
|
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
|
||||||
|
<span class="font-[500]">Thêm trả trước</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<table class="style-table mt-[15px] w-[85px]">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<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>
|
||||||
|
<table class="style-table mt-[15px] w-[85px]">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<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>
|
||||||
|
<div class="w-[50%] ml-[10px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<b class="mr-[15px]">Thời hẹn trả góp</b>
|
||||||
|
<a href="/admin/product/payinstall/add-period" id="add-prod"
|
||||||
|
class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
|
||||||
|
<span class="font-[500]">Thêm thời gian</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<table class="style-table mt-[15px] w-[85px]">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<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>
|
||||||
|
<table class="style-table mt-[15px] w-[85px]">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center mt-[5px]'>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
79
template/payinstall/order.html
Normal file
79
template/payinstall/order.html
Normal file
@@ -0,0 +1,79 @@
|
|||||||
|
<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 đơn đăng ký</h1>
|
||||||
|
|
||||||
|
<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-[375px] 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 kiếm">
|
||||||
|
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p>Tổng số: 16</p>
|
||||||
|
|
||||||
|
<table class="style-table mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>STT</th>
|
||||||
|
<th class="w-[135px]">Mã đơn</th>
|
||||||
|
<th class="w-[113px]">Nhà cung cấp</th>
|
||||||
|
<th>Sản phẩm</th>
|
||||||
|
<th class="w-[175px]">Điều khoản</th>
|
||||||
|
<th>Khách hàng</th>
|
||||||
|
<th>Thời gian</th>
|
||||||
|
<th class="w-[130px]">Lựa chọn</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="w-[45px]">1</td>
|
||||||
|
<td>5yl0uuds52fO</td>
|
||||||
|
<td>hdsaigon</td>
|
||||||
|
<td>
|
||||||
|
<div class="mb-[5px]">
|
||||||
|
<div>
|
||||||
|
<span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense Galactic
|
||||||
|
Purple</a>
|
||||||
|
</div>
|
||||||
|
<p>- SKU: GPSO037</p>
|
||||||
|
<p>- Giá: 1.599.000</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-[5px]">
|
||||||
|
<div>
|
||||||
|
<span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense Galactic
|
||||||
|
Purple</a>
|
||||||
|
</div>
|
||||||
|
<p>- SKU: GPSO037</p>
|
||||||
|
<p>- Giá: 1.599.000</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p>- Giá trả góp: 1690146</p>
|
||||||
|
<p>- Trả trước: 799500</p>
|
||||||
|
<p>- Lãi suất: 1.90</p>
|
||||||
|
<p>- Tháng: 6</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p>- Tên: phạm thanh chiến</p>
|
||||||
|
<p>- Địa chỉ: nhà 04 ngõ 362 lê viết thuật , Xã Hưng Lộc</p>
|
||||||
|
<p>- Tỉnh: Nghệ An</p>
|
||||||
|
<p>- Email: phamthanhchien1808@gmail.com</p>
|
||||||
|
<p>- Điện thoại: 0968 296 041</p>
|
||||||
|
</td>
|
||||||
|
<td>05-03-2024, 12:58 am</td>
|
||||||
|
<td>
|
||||||
|
<div class='list-btn flex items-center justify-center'>
|
||||||
|
<a href="/admin/payinstall/order_detail"
|
||||||
|
class="mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
|
||||||
|
tiết</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>
|
||||||
91
template/payinstall/order_detail.html
Normal file
91
template/payinstall/order_detail.html
Normal file
@@ -0,0 +1,91 @@
|
|||||||
|
<div class="w-[100%] mb-[50px]">
|
||||||
|
|
||||||
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/admin/payinstall/order">Danh sách đơn đăng ký</a></li>
|
||||||
|
<li class="text-[#0041E8]">Thông tin đơn đăng ký</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]">
|
||||||
|
<h1 class="text-[20px] font-[700]">Chi tiết đơn hàng trả góp</h1>
|
||||||
|
<p class="text-[#6B7280]">9dDMHsx5CBgG</p>
|
||||||
|
</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-[#fff] bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Thông
|
||||||
|
tin</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right w-[860px]">
|
||||||
|
<div class="bg-white p-[10px] rounded-[10px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||||||
|
<table class="style-table">
|
||||||
|
<tr>
|
||||||
|
<td class="w-[106px]">Mã đơn</td>
|
||||||
|
<td>9dDMHsx5CBgG</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Nhà cung cấp</td>
|
||||||
|
<td>alepay</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="align-text-top">Sản phẩm</td>
|
||||||
|
<td>
|
||||||
|
<div class="mb-[5px]">
|
||||||
|
<div>
|
||||||
|
<span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense
|
||||||
|
Galactic
|
||||||
|
Purple</a>
|
||||||
|
</div>
|
||||||
|
<p>- SKU: GPSO037</p>
|
||||||
|
<p>- Giá: 1.599.000</p>
|
||||||
|
</div>
|
||||||
|
<div class="mb-[5px]">
|
||||||
|
<div>
|
||||||
|
<span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense
|
||||||
|
Galactic
|
||||||
|
Purple</a>
|
||||||
|
</div>
|
||||||
|
<p>- SKU: GPSO037</p>
|
||||||
|
<p>- Giá: 1.599.000</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="align-text-top">Điều khoản</td>
|
||||||
|
<td>
|
||||||
|
<p>- Giá trả góp: 6520000</p>
|
||||||
|
<p>- Trả trước: 2500000</p>
|
||||||
|
<p>- Lãi suất: 0</p>
|
||||||
|
<p>- Tháng: 6</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="align-text-top">Khách hàng</td>
|
||||||
|
<td>
|
||||||
|
<p>- Nghề nghiệp:</p>
|
||||||
|
<p>- Tên: TRAN QUI</p>
|
||||||
|
<p>- Địa chỉ: 39 Cao Lỗ, Phường 04</p>
|
||||||
|
<p>- Tỉnh: TP HCM</p>
|
||||||
|
<p>- Email: quitnp83@gmail.com</p>
|
||||||
|
<p>- Điện thoại: 0919843649</p>
|
||||||
|
<p>- Ngày sinh: </p>
|
||||||
|
<p>- Giới tính:</p>
|
||||||
|
<p>- CMND:</p>
|
||||||
|
<p>- Siêu thị duyệt hồ sơ:</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Thời gian</td>
|
||||||
|
<td>05-03-2024, 12:11 am</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
73
template/pcbuilder/config_edit.html
Normal file
73
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>
|
||||||
@@ -1 +1,70 @@
|
|||||||
template/pcbuilder/home.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 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="style-table mt-[15px]">
|
||||||
|
<thead>
|
||||||
|
<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
template/pcbuilder/part_relation.html
Normal file
138
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]">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>
|
||||||
@@ -26,8 +26,6 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="admin-global-container">
|
<div class="admin-global-container">
|
||||||
|
|
||||||
<!-- Menu full -->
|
<!-- Menu full -->
|
||||||
|
|||||||
Reference in New Issue
Block a user