tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

payinstall

Browse Source
This commit is contained in:
Tieptk
2024-03-09 11:35:04 +07:00
parent d5bd7d2948
commit 8679b320e1
24 changed files with 991 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
template/payinstall/add_company.html Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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
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>

71
template/pcbuilder/home.html
View File

@@ -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
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]">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>

2
template/theme.html
View File

@@ -26,8 +26,6 @@
<body>
<div class="admin-global-container">
<!-- Menu full -->