245 lines
14 KiB
HTML
245 lines
14 KiB
HTML
<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">Tổng hợp đánh giá</h1>
|
|
|
|
<div class="list-filter-account flex items-center">
|
|
<a href="javacsript:void(0)"
|
|
class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
|
|
đổi mới nhất</a>
|
|
<a href="javacsript:void(0)"
|
|
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
|
|
có phản hồi</a>
|
|
<a href="javacsript:void(0)"
|
|
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
|
|
trị viên chưa phản hồi</a>
|
|
<a href="javacsript:void(0)"
|
|
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
|
|
sách phản hồi</a>
|
|
</div>
|
|
|
|
<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>
|
|
|
|
|
|
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
|
|
<p>Tổng số: <b>1.996</b></p>
|
|
<select name="" id=""
|
|
class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
|
<option value="">Chọn bộ lọc</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<table class="table">
|
|
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
|
<tr>
|
|
<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>
|
|
<div class="flex items-center">
|
|
<b>Nguyễn An</b>
|
|
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
|
|
viên</p>
|
|
</div>
|
|
<p>annv@hurasoft.com</p>
|
|
</td>
|
|
<td>
|
|
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
|
|
</td>
|
|
<td>
|
|
test reply
|
|
</td>
|
|
<td>
|
|
<div class="flex items-center">
|
|
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
|
|
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
|
|
</a>
|
|
<a href=""
|
|
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="icons icon-edit"></i>
|
|
</a>
|
|
<a href=""
|
|
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="fa-solid fa-crown text-[#0041E8]"></i>
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<a href=""
|
|
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="fa fa-plus text-[#0041E8]"></i>
|
|
</a>
|
|
<a href=""
|
|
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
|
</a>
|
|
<a href=""
|
|
class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="icons icon-delete"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
<dialog id="js_list_reply_comment" class="modal">
|
|
<div class="modal-box w-[852px] max-w-5xl p-[15px]">
|
|
<form method="dialog">
|
|
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
|
</form>
|
|
<h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
|
|
|
|
<div class="info-comment mt-[10px]">
|
|
<b class="text-[16px] mb-[10px] block">Thông tin</b>
|
|
<div class="flex items-center mb-[5px]">
|
|
<p
|
|
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
Khách
|
|
hàng</p>
|
|
<b class="ml-[5px]">Hura test</b>
|
|
</div>
|
|
<div class="flex items-center mb-[5px]">
|
|
<p
|
|
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
Email</p>
|
|
<p class="ml-[5px]">test@mail.com</p>
|
|
</div>
|
|
<div class="flex items-center mb-[5px]">
|
|
<p
|
|
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
Tiêu đề</p>
|
|
<p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
|
|
</div>
|
|
<div class="flex items-center mb-[5px]">
|
|
<p
|
|
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
Nội dung</p>
|
|
<p class="ml-[5px]">test reply</p>
|
|
</div>
|
|
<div class="flex items-center mb-[5px]">
|
|
<p
|
|
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
Thời gian</p>
|
|
<p class="ml-[5px]">20-04-2023, 1:36 pm</p>
|
|
</div>
|
|
<div class="flex items-center mb-[5px]">
|
|
<p
|
|
class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
|
|
Liên quan</p>
|
|
<p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
|
|
27Inch 4K IPS</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-reply mt-[20px]">
|
|
<b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
|
|
<table class="list-info-reply">
|
|
<thead>
|
|
<tr>
|
|
<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">
|
|
<b>Nguyễn An</b>
|
|
<p
|
|
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
|
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">
|
|
<a href=""
|
|
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
|
</a>
|
|
<a href=""
|
|
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>09-08-2023, 11:24 am</td>
|
|
<td>
|
|
<div class="flex items-center">
|
|
<b>Nguyễn An</b>
|
|
<p
|
|
class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
|
|
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">
|
|
<a href=""
|
|
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
|
|
</a>
|
|
<a href=""
|
|
class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
|
|
<i class="icons icon-remove text-[#9E9E9E]"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="send-quick-feedback mt-[20px]">
|
|
<b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
|
|
<textarea name="" id=""
|
|
class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
|
|
|
|
<div class="flex items-center mt-[10px]">
|
|
<input
|
|
class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
|
name="commit" type="submit" value="Gửi">
|
|
<p class="ml-[10px]">(* 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> |