127 lines
4.7 KiB
HTML
127 lines
4.7 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">
|
|
<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">
|
|
<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 data-lucide="file-x" class="size-4"></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>
|
|
</td>
|
|
<td align="center">
|
|
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
|
|
data-lucide="trash-2" class="size-4 text-red-200"></i></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="join mt-5 justify-end flex items-center gap-1">
|
|
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
|
<i data-lucide="chevron-left" class="size-4"></i>
|
|
</a>
|
|
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
|
|
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
|
|
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
|
|
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
|
|
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
|
|
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
|
<i data-lucide="chevron-right" class="size-4"></i>
|
|
</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> |