update list product
This commit is contained in:
@@ -1,3 +1,5 @@
|
||||
{{page | show_var }}
|
||||
|
||||
<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">
|
||||
@@ -36,20 +38,22 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="whitespace-nowrap">STT</th>
|
||||
<th>ID</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th class="whitespace-nowrap">Người dùng</th>
|
||||
<th>Thông tin bán hàng</th>
|
||||
<th>Thông tin khác</th>
|
||||
<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>
|
||||
<span>Đặc điểm</span>
|
||||
<select name="" id=""
|
||||
class="block w-[160px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px]">
|
||||
<option value="">Lọc sản phẩm</option>
|
||||
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?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>
|
||||
<option value="/admin/product?hotType=saleoff">Xả hàng (sale-off)</option>
|
||||
<option value="/admin/product?hotType=online-only">Chỉ bán online</option>
|
||||
</select>
|
||||
</th>
|
||||
<th>Công cụ</th>
|
||||
<th class="text-left ">Công cụ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -58,22 +62,21 @@
|
||||
{% increment counter %}
|
||||
<tr>
|
||||
<td>{{ counter }}</td>
|
||||
<td class="whitespace-nowrap">#{{item.id}}</td>
|
||||
<td>
|
||||
<img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
|
||||
<span class="text-center block">{{item.image_count}} ảnh</span>
|
||||
<i class="icons icon-edit text-center m-auto"></i>
|
||||
</td>
|
||||
<td>
|
||||
<a href="/admin/product/form?id={{item.id}}"
|
||||
class="text-[#0041E8] inline-block">{{item.title}}</a>
|
||||
{% if item.config_count > 0 %}<p class="text-[#FFC700]">[Có cấu hình]</p>{% endif %}
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/product/form?id={{item.id}}">[#{{item.id}}]
|
||||
<span class="text-[#0041E8]">-
|
||||
{{item.title}}</span>
|
||||
</a>
|
||||
{% if item.config_count > 0 %}<p class="text-[#FFC700] text-[12px]">[Có cấu hình]</p>{% endif %}
|
||||
<div class="flex items-center my-[5px]">
|
||||
<span>Danh mục:</span>
|
||||
<b class="mx-[10px]">Màn hình Máy tính</b>
|
||||
<a href=""><i class="icons icon-edit"></i></a>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center my-[5px]">
|
||||
<span>Mã kho</span>
|
||||
<b class="px-[5px]">{{item.sku}}</b>
|
||||
<span class="text-[#000] font-[500]">|</span>
|
||||
@@ -85,19 +88,15 @@
|
||||
{% assign date_last = item.last_update %}
|
||||
{% assign time_conlai = date_now | minus: date_last %}
|
||||
|
||||
<p>Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span class="text-[#E00000]">(
|
||||
<p class="mb-[7px]">Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span
|
||||
class="text-[#E00000]">(
|
||||
{{ time_conlai | divided_by: 86400 | round}}
|
||||
ngày)</span></p>
|
||||
<p>Người cập nhật : {{item.last_update_by}}</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>- Xem : {{item.visit}}</p>
|
||||
<p>- Thích : {{item.like_count}}</p>
|
||||
<p>- Mua : {{item.buy_count}}</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center mb-[1px]">
|
||||
<span class="">- Giá bán:</span>
|
||||
<span class="">Giá bán:</span>
|
||||
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
|
||||
{% if item.price > 0 %}
|
||||
{{item.price | format_price }} vnd
|
||||
@@ -106,45 +105,47 @@
|
||||
{% endif %}
|
||||
</b>
|
||||
</div>
|
||||
<div class="flex items-center mb-[1px]">
|
||||
<span class="whitespace-nowrap">Giá thị trường:</span>
|
||||
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
|
||||
{% if item.market_price > 0 %} {{item.market_price | format_price }} vnd {% else %}
|
||||
0 vnd {% endif %}
|
||||
</b>
|
||||
</div>
|
||||
<p>Bảo hành: {{item.warranty}}</p>
|
||||
<p>Khuyến mại: {{item.special_offer}}</p>
|
||||
<div class="flex items-center">
|
||||
<span>- Sl tổng:</span>
|
||||
<span>SL tổng:</span>
|
||||
<b class="ml-[3px]">{{item.quantity}}</b>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center mb-[1px]">
|
||||
<span class="whitespace-nowrap">- Giá bán:</span>
|
||||
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">{% if item.price > 0 %}
|
||||
{{item.price | format_price }} vnd
|
||||
{% else %}
|
||||
{{item.price }} vnd
|
||||
{% endif %}</b>
|
||||
</div>
|
||||
<p>- Bảo hành: {{item.warranty}}</p>
|
||||
<p>- Khuyến mại: {{item.special_offer}}</p>
|
||||
<label class="style-checkbox mb-[7px]">Mới Hot (Hỏi nhiều)
|
||||
<input type="checkbox" name="new" {% if item.hot_type=="new" %}checked{% endif %}>
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="style-checkbox mb-[7px]">HOT (hỏi
|
||||
nhiều)
|
||||
<input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked{% endif %}>
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="style-checkbox mb-[7px]">Bán
|
||||
chạy
|
||||
<input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked{% endif %}>
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="style-checkbox mb-[7px]">Xả
|
||||
hàng (sale-off)
|
||||
<input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked{% endif %}>
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="style-checkbox mb-[7px]">Chỉ bán online
|
||||
<input type="checkbox" name="online-only" {% if item.hot_type=="online-only" %}checked{%
|
||||
endif %}>
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>
|
||||
<div>
|
||||
<input type="checkbox" name="">
|
||||
<label for="">Mới Hot (Hỏi nhiều)</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="">
|
||||
<label for="">Bán chạy</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="">
|
||||
<label for="">Xả hàng (sale-off)</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="" id="">
|
||||
<label for="">Chỉ bán online</label>
|
||||
</div>
|
||||
<a href=""
|
||||
class="bg-[#0041E8] rounded-[4px] text-white px-[10px] py-[6px] mt-[3px] inline-block">Cập
|
||||
nhật</a>
|
||||
</td>
|
||||
<td class="">
|
||||
<td class="align-text-top">
|
||||
<div class="list-btn flex items-center w-[150px]">
|
||||
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
@@ -154,19 +155,21 @@
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
{% if item.status == 0 %}
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
|
||||
</a>
|
||||
{% else %}
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
|
||||
<i class="fa-regular fa-eye text-[#0041E8]"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
<a href=""
|
||||
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-hide"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center w-[150px] mt-[10px]">
|
||||
<span>STT</span>
|
||||
<input type="text" value="1"
|
||||
class="w-[55px] border-[1px] border-[#D8D8D8] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] px-[5px] py-[3px] rounded-[4px] ml-[5px]">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
Reference in New Issue
Block a user