211 lines
10 KiB
HTML
211 lines
10 KiB
HTML
<div class="w-full">
|
|
<div class="p-3 rounded-sm bg-white shadow">
|
|
<h1 class="text-2xl font-bold mb-3">Tổng hợp trao đổi</h1>
|
|
|
|
<div class="list-filter-account flex items-center gap-3 mt-5">
|
|
<a href="javascript:void(0)" class="btn btn-view btn-outline">Trao
|
|
đổi mới nhất</a>
|
|
<a href=" javascript:void(0)" class="btn btn-view btn-outline">Chưa
|
|
có phản hồi</a>
|
|
<a href="javascript:void(0)" class="btn btn-view btn-outline">Quản
|
|
trị viên chưa phản hồi</a>
|
|
<a href="javascript:void(0)" class="btn btn-view btn-outline">Danh
|
|
sách phản hồi</a>
|
|
</div>
|
|
|
|
<form action="" class="flex items-center p-3 mt-5 rounded-sm shadow gap-3">
|
|
<input type="text" name="" class="rounded-sm input input-bordered input-md shadow" placeholder="Tìm kiếm">
|
|
<button type="submit" class="btn btn-active">Tìm kiếm</button>
|
|
</form>
|
|
|
|
|
|
<div class="list-filter flex items-center justify-between mt-5">
|
|
<p>Tổng số: <b>1.996</b></p>
|
|
<select name="" id="" class="select select-bordered rounded-sm shadow w-64">
|
|
<option value="">Chọn bộ lọc</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
|
|
<table class="table">
|
|
<thead>
|
|
<tr class="bg-base-200 text-black font-bold">
|
|
<th>STT</th>
|
|
<th>Phản hồi</th>
|
|
<th>Thời gian</th>
|
|
<th>Tác giả</th>
|
|
<th>Sản phẩm</th>
|
|
<th>Nội dung</th>
|
|
<th>Lựa chọn</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>1</td>
|
|
<td>09-08-2023, 11:24 am</td>
|
|
<td class="whitespace-nowrap">
|
|
<div class="flex items-center gap-2">
|
|
<b>Nguyễn An</b>
|
|
<p class="badge badge-sm badge-primary badge-soft">Quản
|
|
trị
|
|
viên</p>
|
|
</div>
|
|
<p class="mt-2">annv@hurasoft.com</p>
|
|
</td>
|
|
<td>
|
|
<a href="" class="text-primary">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
|
|
</td>
|
|
<td>
|
|
test reply
|
|
</td>
|
|
<td>
|
|
<div class="flex items-center gap-3">
|
|
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
|
|
class="btn btn-soft btn-xs btn-square btn-view">
|
|
<i class="iconify lucide--pointer"></i>
|
|
</a>
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
|
<i class="iconify lucide--pencil"></i>
|
|
</a>
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
|
<i class="iconify lucide--crown"></i>
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center mt-3 gap-3">
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
|
|
<i class="iconify lucide--plus"></i>
|
|
</a>
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
|
<i class="iconify lucide--ban"></i>
|
|
</a>
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
|
<i class="iconify lucide--trash-2"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<dialog id="js_list_reply_comment" class="modal">
|
|
<div class="modal-box p-3 max-w-full">
|
|
<form method="dialog">
|
|
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
|
</form>
|
|
<h2 class="text-md uppercase font-bold mt-2">Chi tiết phản hồi</h2>
|
|
|
|
<div class="info-comment mt-2">
|
|
<b class="text-base mb-2 block">Thông tin</b>
|
|
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
|
<p class="">Khách hàng:</p>
|
|
<b class="col-span-3">Hura test</b>
|
|
</div>
|
|
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
|
<p class="">Email:</p>
|
|
<p class="col-span-3">test@mail.com</p>
|
|
</div>
|
|
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
|
<p class="">Tiêu đề:</p>
|
|
<p class="col-span-3">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
|
|
</div>
|
|
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
|
<p class="">Nội dung:</p>
|
|
<p class="col-span-3">test reply</p>
|
|
</div>
|
|
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
|
<p class="">Thời gian:</p>
|
|
<p class="col-span-3">20-04-2023, 1:36 pm</p>
|
|
</div>
|
|
<div class="grid grid-cols-4 items-center gap-2 mt-2">
|
|
<p class="">Liên quan:</p>
|
|
<p class="col-span-3">[product] <a href="" class="text-primary">Màn Hình Máy Tính LG 27UL850
|
|
27Inch 4K IPS</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-reply mt-5 rounded-sm shadow">
|
|
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
|
|
<table class="table table-zebra w-full">
|
|
<thead>
|
|
<tr class="bg-base-200 text-black font-bold">
|
|
<th>STT</th>
|
|
<th>Thời gian</th>
|
|
<th>Tác giả</th>
|
|
<th>Nội dung</th>
|
|
<th>Lựa chọn</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>09-08-2023, 11:24 am</td>
|
|
<td>
|
|
<div class="flex items-center gap-2">
|
|
<b>Nguyễn An</b>
|
|
<p class="badge badge-sm badge-primary badge-soft">Quản
|
|
trị
|
|
viên</p>
|
|
</div>
|
|
<p>annv@hurasoft.com</p>
|
|
</td>
|
|
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
|
<td>
|
|
<div class="flex items-center gap-3">
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
|
<i class="iconify lucide--ban"></i>
|
|
</a>
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
|
<i class="iconify lucide--trash-2"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>09-08-2023, 11:24 am</td>
|
|
<td>
|
|
<div class="flex items-center gap-2">
|
|
<b>Nguyễn An</b>
|
|
<p class="badge badge-sm badge-primary badge-soft">Quản
|
|
trị
|
|
viên</p>
|
|
</div>
|
|
<p>annv@hurasoft.com</p>
|
|
</td>
|
|
<td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
|
|
<td>
|
|
<div class="flex items-center gap-3">
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
|
<i class="iconify lucide--ban"></i>
|
|
</a>
|
|
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
|
|
<i class="iconify lucide--trash-2"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="send-quick-feedback mt-5">
|
|
<b class="block text-base">Gửi phản hồi nhanh</b>
|
|
<textarea name="" id="" class="textarea w-full mt-3 p-3 rounded-sm"></textarea>
|
|
|
|
<div class="flex items-center mt-3 gap-3">
|
|
<input class="btn btn-active" name="commit" type="submit" value="Gửi">
|
|
<p class="">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<form method="dialog" class="modal-backdrop">
|
|
<button>close</button>
|
|
</form>
|
|
</dialog>
|
|
|
|
</div>
|
|
</div> |