139 lines
7.2 KiB
HTML
139 lines
7.2 KiB
HTML
<!-- cau hinh -->
|
|
<div class="w-full" role="tabpanel">
|
|
<div class="bg-white rounded-md shadow p-3">
|
|
<div class="flex items-center justify-between">
|
|
<b class="text-xl">Chủng loại của sản phẩm</b>
|
|
<a href="" class="btn btn-outline btn-view btn-sm">
|
|
<i data-lucide="pencil" class="size-4"></i>
|
|
<span class="">
|
|
Sửa thuộc tính
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="text-gray mt-5 ">
|
|
<b class="">Chú ý:</b>
|
|
<span>Giá bán của sản phẩm sẽ là giá của chủng loại được chọn. Nếu giá chủng loại=0 thì sẽ mặc định dùng
|
|
giá sản phẩm.
|
|
Cài đặt giá chung cho sản phẩm ở Tab "Cơ bản"
|
|
</span>
|
|
</div>
|
|
|
|
<div class="p-3 rounded-sm mt-3 shadow">
|
|
<b class="text-xl block">Cài nhanh cho tất cả chủng loại</b>
|
|
|
|
<div class="grid grid-cols-2 gap-3 mt-3">
|
|
<div class="">
|
|
<label for="" class="block font-bold">Giá bán</label>
|
|
<input type="text" name="price" id="pro_name" value=""
|
|
class="input input-md w-full mt-3 input-bordered rounded-sm shadow">
|
|
</div>
|
|
<div class="">
|
|
<label for="" class="block font-bold">Số lượng</label>
|
|
<input type="text" name="quantity" value=""
|
|
class="input input-md w-full mt-3 input-bordered rounded-sm shadow">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border border-base-200 rounded-sm mt-5">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr class="bg-base-200 font-bold text-black">
|
|
<th>Ảnh</th>
|
|
<th>Chủng loại</th>
|
|
<th></th>
|
|
</tr>
|
|
</tbody>
|
|
<tbody>
|
|
<tr>
|
|
<td class="align-text-top text-center">
|
|
<a href="" class="m-0-auto ">
|
|
<i class="iconify lucide--pencil"></i>
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<div class="grid grid-cols-3 gap-3">
|
|
<div class="">
|
|
<label for="" class="block font-bold">Tên</label>
|
|
<input type="text" name="info[new-1][label]" value=""
|
|
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
|
</div>
|
|
<div class="">
|
|
<label for="" class="block font-bold">Mã
|
|
kho</label>
|
|
<input type="text" name="info[new-1][sku]" value=""
|
|
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
|
</div>
|
|
<div class="">
|
|
<label for="" class="block font-bold">Giá
|
|
bán</label>
|
|
<input type="text" name="info[new-1][sale_price]" value=""
|
|
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-3 mt-3 gap-3">
|
|
<div class="">
|
|
<label for="" class="block font-bold">Link
|
|
ngoài</label>
|
|
<input type="text" name="info[new-1][url]" value=""
|
|
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
|
</div>
|
|
<div class="col-span-2 grid grid-cols-4 gap-3">
|
|
<div>
|
|
<label for="" class="block font-bold">Số
|
|
lượng</label>
|
|
<input type="text" name="info[new-1][stock_quantity]" value=""
|
|
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
|
</div>
|
|
<div>
|
|
<label for="" class="block font-bold">STT</label>
|
|
<input type="text" name="info[new-1][ordering]" value=""
|
|
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
|
</div>
|
|
<div>
|
|
<label for="" class="block font-bold">Màu</label>
|
|
<select name="info[new-1][color]" id=""
|
|
class="w-full select select-bordered rounded shadow mt-2">
|
|
<option value="">
|
|
Màu sắc</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="" class="block font-bold">Kích
|
|
thước</label>
|
|
<select name="info[new-1][size]" id=""
|
|
class="w-full select select-bordered rounded shadow mt-2">
|
|
<option value="">
|
|
kích thước</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</td>
|
|
<td class="align-text-top">
|
|
<div class="flex items-center gap-3">
|
|
<a href="" class="btn btn-xs btn-outline btn-view">
|
|
<i data-lucide="eye" class="size-3"></i>
|
|
</a>
|
|
<a href="" class="btn btn-xs btn-outline btn-error">
|
|
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<a href="" class="mt-5 flex items-center gap-1 justify-center">
|
|
<span data-lucide="plus-circle" class="size-4 text-active"></span>
|
|
<span class="link-active">Thêm chủng loại</span>
|
|
</a>
|
|
</div>
|
|
<div class="bg-white p-3 rounded shadow mt-5">
|
|
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
|
|
|
|
</div>
|
|
</div> |