06/03/2024 9h19

2024-03-06 09:19:26 +07:00
parent eafb7bfb5f
commit 91d317607a
32 changed files with 2878 additions and 102 deletions
--- a/template/article/relation_product_add.html
+++ b/template/article/relation_product_add.html
@@ -0,0 +1,78 @@
+<div class="p-[16px] w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+    <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Chọn sản phẩm liên quan - Tổng số: 28872 </p>
+
+    <form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] flex items-center">
+        <input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm liên quan" class="w-[245px] h-[36px] border border-[#D8D8D8] mr-[10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+
+        <p class="mr-[10px]"> Chọn danh mục </p>
+
+        <select class="w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[10px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+            <option value=""> Tất cả sản phẩm </option>
+            <option value=""> option </option>
+        </select>
+
+        <select class="w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[10px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+            <option value=""> Thương hiệu </option>
+            <option value=""> option </option>
+        </select>
+
+        <input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+    </form>
+
+    <a href="" class="inline-block leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]"> 
+        Chọn toàn bộ danh sách
+    </a>
+
+    <div class="order-page-table m-[20px_0]">
+        <table>
+            <thead>
+                <tr>
+                    <td width="40"> STT </td>
+                    <td width="80"> Ảnh </td>
+                    <td> Tên </td>
+                    <td width="220"> Thông tin bán hàng </td>
+                    <td> Lựa chọn </td>
+                </tr>
+            </thead>
+    
+            <tbody>
+                <tr>
+                    <td align="center"> 1 </td> 
+    
+                    <td>
+                        <img src="https://via.placeholder.com/880x350" class="block m-auto">
+                    </td>
+    
+                    <td>
+                        <a href=""> CPU Intel Pentium Gold G6405 Intel LGA1200 - 2 Core - 4 Thread - Base 4.1Ghz - Cache 4MB   </a>
+                        <p> Cập nhật: Hôm nay, 11:11 am </p>
+                    </td>
+    
+                    <td>
+                        - Mã kho : <b> CPUI0132 </b> <br>
+                        - Lượt xem: <b> 21577 </b> <br>
+                        - Giá bán : <b> 1.999.000 vnđ </b> <br>
+                        - Kho hàng : <b> 3 </b> <br>
+                        - Bảo hành : <b> 36 Tháng  </b>
+                    </td>
+    
+                    <td>
+                        <a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                            Chọn liên quan
+                        </a>
+                    </td>
+    
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+    <div class="paging">
+        <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
+        <a href="" class="current">1</a>
+        <a href="">2</a>
+        <a href="">3</a>
+        <a href="">4</a>
+        <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+    </div>
+</div>