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>