select datepicker
This commit is contained in:
@@ -8,81 +8,120 @@
|
||||
<span class="text-[#0041E8] font-[500]">Chọn Sản phẩm phụ kiện</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="list-item-cate flex items-center flex-wrap mt-[20px]">
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
CPU - Bộ Vi Xử Lý
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
Mainboard - Bo Mạch Chủ
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
VGA - Card Màn Hình
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
PC, Workstation
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]">
|
||||
<div class="bg-white p-[15px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<b class="block text-[20px] mb-[15px]">Các danh mục</b>
|
||||
|
||||
|
||||
<div class="list-item-cate flex items-center flex-wrap mt-[10px] mb-[30px]">
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
CPU - Bộ Vi Xử Lý
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
Mainboard - Bo Mạch Chủ
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
VGA - Card Màn Hình
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href=""
|
||||
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<div class="item-accessory mb-[20px]">
|
||||
<p class="mb-[10px]">PC, Workstation</p>
|
||||
<table class="style-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Giá hiện tại</th>
|
||||
<th>Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/50" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="name">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="item-accessory mb-[20px]">
|
||||
<p class="mb-[10px]">PC, Workstation</p>
|
||||
<table class="style-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Giá hiện tại</th>
|
||||
<th>Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/50" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="name">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<b>2.Các danh mục</b>
|
||||
<b>PC, Workstation</b>
|
||||
<table class="accessory">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Giá hiện tại</th>
|
||||
<th>Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/50" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<a href="">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,13 @@
|
||||
<div class="w-[100%]" role="tabpanel">
|
||||
<div
|
||||
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px]">Danh sách liên quan</b>
|
||||
|
||||
<div class="list-tab flex items-center">
|
||||
<a href="javascript:void(0)">Sản phẩm (3)</a>
|
||||
<a href="javascript:void(0)">Bài viết (1)</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,41 @@
|
||||
<div class="w-[100%]" role="tabpanel">
|
||||
<div
|
||||
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-[20px]">Danh sách tag</b>
|
||||
<a href="/admin/product" class="flex items-center p-[8px] border-[1px] border-[#0041E8] rounded-[4px]">
|
||||
<span class="text-[#0041E8]">
|
||||
Chọn tag cho sản phẩm
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<table class="style-table mt-[15px]">
|
||||
<tr>
|
||||
<th class="w-[50px]">STT</th>
|
||||
<th>Tag</th>
|
||||
<th class="w-[50px]"></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>ATO Test</td>
|
||||
<td>
|
||||
<a href=""
|
||||
class="w-[32px] h-[32px] leading-[32px] text-center bg-[#ECECEC] flex items-center justify-center rounded-[4px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-[15px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<b class="block text-[20px] font-[700]">Thêm tag nhanh cho sản phẩm</b>
|
||||
<p class="mb-[10px] text-[#6B7280]">Nhập Tag cho sản phẩm vào ô dưới đây và nhấn cập nhật. Mỗi Tag 1 dòng:</p>
|
||||
<textarea name="" id=""
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
|
||||
|
||||
<input class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer pt-[0] mt-[10px]"
|
||||
name="commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,44 @@
|
||||
<div class="w-[100%]" role="tabpanel">
|
||||
<div
|
||||
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
<b class="text-[20px]">Youtobe Video</b>
|
||||
<p class="text-[#6B7280]">Bạn cần gắn url của video được cung cấp bởi Youtube vào đây
|
||||
</p>
|
||||
<i class="text-[#6B7280]">Ví dụ: https://www.youtube.com/watch?NR=1&v=QqzJhk1p4rU&feature=endscreen</i>
|
||||
<table class="style-table mt-[15px]">
|
||||
<tr>
|
||||
<th>Link youtobe</th>
|
||||
<th>Mô tả (nếu có)</th>
|
||||
<th class="w-[50px]"></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="text" name="url_index" value=""
|
||||
class="w-[100%] text-[#0041E8] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="url_index" value=""
|
||||
class="w-[100%] text-[#0041E8] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||||
</td>
|
||||
<td>
|
||||
<a href=""
|
||||
class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<a href="" class="mt-[10px] flex items-center justify-center">
|
||||
<span
|
||||
class="w-[15px] h-[15px] rounded-[50%] border-[1px] border-[#0041E8] block leading-[12px] text-center text-[#0041E8]">+</span>
|
||||
<span class="ml-[5px] text-[#0041E8] font-[500]">Thêm hàng</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bg-white p-[15px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<input class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer py-[0]" name="commit"
|
||||
type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -40,10 +40,10 @@
|
||||
<th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th>
|
||||
<th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th>
|
||||
<th>
|
||||
<select name="" id=""
|
||||
<select id=""
|
||||
class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"
|
||||
onchange="location.href=this.value">
|
||||
<option value="/admin/product">Lọc sản phẩm</option>
|
||||
<option value="/admin/product?">Lọc sản phẩm</option>
|
||||
<option value="/admin/product?hotType=new">Mới</option>
|
||||
<option value="/admin/product?hotType=hot">HOT (hỏi nhiều)</option>
|
||||
<option value="/admin/product?hotType=bestsale">Bán chạy</option>
|
||||
|
||||
Reference in New Issue
Block a user