This commit is contained in:
2025-02-17 16:51:08 +07:00
parent ae9d94330f
commit 66344ad5c6
12 changed files with 354 additions and 369 deletions

View File

@@ -1,27 +1,25 @@
<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]">Khách hàng liên hệ</h1>
<div class="m-[15px_0_15px_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>
<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="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="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto">
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr>
@@ -29,7 +27,7 @@
<th>Thời gian</th>
<th>Khách hàng</th>
<th>Thông tin</th>
<th class="w-[340px]">Nội dung liên hệ</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>
@@ -37,18 +35,18 @@
<tbody>
<tr>
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
<td>Đức Anh</td>
<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>
<td class="xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto table-cell">
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>
<td class="xl:w-[200px] md:w-[200px] sm:w-[200px] 2xl:w-auto">
<textarea name="" id=""
class="w-[100%] 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
@@ -56,7 +54,7 @@
</td>
<td>
<td class="xl:w-[120px] 2xl:w-auto">
<select name="" id=""
class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
<option value="">Trạng thái</option>
@@ -75,6 +73,5 @@
</tr>
</tbody>
</table>
</div>
</div>