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

update

Browse Source
This commit is contained in:
Tieptk
2025-11-28 09:32:05 +07:00
parent 8c42d57fcd
commit af6f1eff2e
9 changed files with 318 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
template/order/paygate.html
View File

@@ -1,71 +1,61 @@
<div
class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Thanh toán qua cổng dịch vụ </p>
<div class="bg-white shadow p-3 rounded-sm">
<p class="text-2xl font-bold mb-3"> Thanh toán qua cổng dịch vụ </p>
<div class="flex flex-wrap mb-[20px] leading-[36px]">
<a href="" style="background: #0041E8;color: #fff;"
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
<div class="flex flex-wrap gap-3">
<a href="" class="btn btn-active">
Chưa xử lý
</a>
<a href=""
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
<a href="" class="btn">
Thành công
</a>
<a href=""
class="text-[#919699] font-[500] p-[0_20px] mr-[2px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
<a href="" class="btn">
Hủy bỏ
</a>
</div>
<form method="get" enctype="multipart/form-data" action="/admin/"
class="flex flex-wrap items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px_15px_0_15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
class="flex flex-wrap items-center mt-5 gap-3 shadow p-3 rounded-sm">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_15px_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
class="input shadow" />
<div class="items-center flex mb-[15px]">
<p class="mr-1"> Từ ngày </p>
<div class="items-center flex gap-3">
<p class="whitespace-nowrap"> Từ ngày </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<label for="dob" class="input data-error:input-error w-full">
<span class="iconify lucide--calendar-1 size-4.5"></span>
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
</label>
</div>
<div class="items-center flex gap-3">
<p class="whitespace-nowrap"> Đến ngày </p>
<label for="dob" class="input data-error:input-error w-full">
<span class="iconify lucide--calendar-1 size-4.5"></span>
<input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
@input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
</label>
</div>
<div class="items-center flex mb-[15px]">
<p class="mr-1"> Đến ngày </p>
<div class="relative m-[0_20px_0_10px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="to_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
</div>
<input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mb-[15px] cursor-pointer rounded-[4px]">
<input type="submit" value="Tìm kiếm" class="btn btn-active">
</form>
<div class="m-[14px_0] flex items-center justify-between">
<p>
Tổng số: <b class="mr-[40px]">8</b>
Tổng giá trị: <b>800.000 VNĐ</b>
</p>
<div class="flex items-center justify-between mt-5">
<div class="flex items-center gap-3">
<p>Tổng số: <b class="">8</b></p>
<p>Tổng giá trị: <b>800.000 VNĐ</b></p>
</div>
<a href=""
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-file-excel mr-2"></i>
<a href="" class="btn btn-outline btn-view">
<i class="iconify lucide--file-x"></i>
<span>Tải file excel</span>
</a>
</div>
<div class="w-full sm:whitespace-nowrap overflow-x-auto">
<div class="w-full sm:whitespace-nowrap overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table ">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]">
<td width="50"> STT </td>
<thead>
<tr class="bg-base-200 text-black">
<td> STT </td>
<td> ID </td>
<td> Cổng </td>
<td> Thời gian </td>
@@ -73,11 +63,12 @@
<td> Thanh toán cho </td>
<td> Giá trị </td>
<td> Trạng thái </td>
<td></td>
</tr>
</thead>
<tbody>
<tr id="row_1" align="center">
<tr id="row_1">
<td> 1 </td>
<td> 10 </td>
@@ -97,24 +88,31 @@
<td> 100.000 </td>
<td>
<span
class="text-[#6DC580] border-[#6DC580] bg-[#F0F9F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]">
Thành công </span>
<span class="badge badge-success badge-sm badge-soft">Thành công </span>
<!-- <span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span>
<span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span> -->
</td>
<td align="center">
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
class="iconify lucide--trash-2 tw-rla"></span></a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
<div class="join mt-5 justify-center flex items-cente r">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span>
</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span>
</a>
</div>
</div>