131 lines
5.5 KiB
HTML
131 lines
5.5 KiB
HTML
<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 gap-3">
|
|
<a href="" class="btn btn-active">
|
|
Chưa xử lý
|
|
</a>
|
|
<a href="" class="btn">
|
|
Thành công
|
|
</a>
|
|
<a href="" class="btn">
|
|
Hủy bỏ
|
|
</a>
|
|
</div>
|
|
|
|
<form method="get" enctype="multipart/form-data" action="/admin/"
|
|
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="input shadow" />
|
|
|
|
<div class="items-center flex gap-3">
|
|
<p class="whitespace-nowrap"> Từ 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 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>
|
|
|
|
<input type="submit" value="Tìm kiếm" class="btn btn-active">
|
|
</form>
|
|
|
|
<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="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 mt-5 border border-base-200 rounded-sm">
|
|
<table class="table ">
|
|
<thead>
|
|
<tr class="bg-base-200 text-black">
|
|
<td> STT </td>
|
|
<td> ID </td>
|
|
<td> Cổng </td>
|
|
<td> Thời gian </td>
|
|
<td> Khách hàng </td>
|
|
<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">
|
|
<td> 1 </td>
|
|
|
|
<td> 10 </td>
|
|
|
|
<td> viettelpay </td>
|
|
|
|
<td> 06-11-2022, 11:26 am </td>
|
|
|
|
<td align="left">
|
|
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
|
|
<p> - Email: sonnq57@yahoo.com.sg </p>
|
|
<p> - Tel: 0913236989 </p>
|
|
</td>
|
|
|
|
<td> [order] 123 </td>
|
|
|
|
<td> 100.000 </td>
|
|
|
|
<td>
|
|
<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="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>
|
|
|
|
<script>
|
|
function edit_order_status(id) {
|
|
$('#status_' + id).html(`
|
|
<select class="min-w-[140px] w-[auto_!important]">
|
|
<option> Trạng thái </option>
|
|
<option value="1"> Đã xử lý </option>
|
|
<option value="0"> Chưa xử lý </option>
|
|
<option value="-1"> Hủy bỏ </option>
|
|
</select>
|
|
`);
|
|
}
|
|
|
|
</script> |