80 lines
4.3 KiB
HTML
80 lines
4.3 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)]">
|
|
<h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
|
|
|
|
<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 hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
|
|
hệ</a> của website</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>
|
|
|
|
<div class="overflow-x-auto">
|
|
<table class="table">
|
|
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
|
<tr>
|
|
<th class="w-[50px]">STT</th>
|
|
<th>Thời gian</th>
|
|
<th>Khách hàng</th>
|
|
<th>Thông tin</th>
|
|
<th class="w-[340px] whitespace-nowrap">Nội dung liên hệ</th>
|
|
<th class="w-[200px]">Ghi chú</th>
|
|
<th class="w-[120px]">Trạng thái</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
|
|
<td>Đức Anh</td>
|
|
<td class="whitespace-nowrap xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto">
|
|
<p>- Email: ducanhnguyen199x@gmail.com</p>
|
|
<p>- Tel: 0976642092</p>
|
|
<p>- Mobile: 0976642092</p>
|
|
</td>
|
|
<td class="">
|
|
Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
|
|
0147258369 - Nội dung: fsfdf
|
|
</td>
|
|
<td class="">
|
|
<textarea name="" id=""
|
|
class="w-[150px] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
|
|
<a href=""
|
|
class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
|
|
nhật</a>
|
|
</td>
|
|
|
|
|
|
<td class="xl:w-[120px] 2xl:w-auto">
|
|
<select name="" id=""
|
|
class="w-[130px_!important] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
|
|
<option value="">Trạng thái</option>
|
|
</select>
|
|
<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="icons icon-edit"></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="icons icon-delete"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> |