This commit is contained in:
Viet An
2026-05-22 09:57:12 +07:00
parent 58367a4793
commit 09b8a096d9
27 changed files with 74 additions and 1041 deletions

View File

@@ -45,7 +45,7 @@ const emit = defineEmits("unselect");
</div>
<div>
<p class="font-semibold mb-1">{{ invItem.name }}</p>
<p class="has-text-grey-40">SKU: {{ invItem.sku }}</p>
<p class="has-text-grey-dark">SKU: {{ invItem.sku }}</p>
<p class="fs-12 has-text-grey">{{ invItem.category }}</p>
</div>
</div>
@@ -68,19 +68,19 @@ const emit = defineEmits("unselect");
<p class="fs-15 font-semibold mb-4">Tóm tắt tồn kho</p>
<div class="is-flex is-flex-direction-column">
<div class="py-2 is-flex is-justify-content-space-between">
<p class="has-text-grey-40">Tồn hiện tại</p>
<p class="has-text-grey">Tồn hiện tại</p>
<p class="fs-14 font-semibold">{{ invItem.stock }}</p>
</div>
<hr class="my-1 has-background-grey-95" />
<hr class="my-1" />
<div class="py-2 is-flex is-justify-content-space-between">
<p class="has-text-grey-40">Đặt trước</p>
<p class="has-text-grey">Đặt trước</p>
<p class="fs-14 font-semibold has-text-orange">
{{ invItem.preorder }}
</p>
</div>
<hr class="my-1 has-background-grey-95" />
<hr class="my-1" />
<div class="py-2 is-flex is-justify-content-space-between">
<p class="has-text-grey-40">Khả dụng</p>
<p class="has-text-grey">Khả dụng</p>
<p class="fs-14 font-semibold has-text-green">
{{ invItem.available }}
</p>
@@ -89,7 +89,7 @@ const emit = defineEmits("unselect");
</div>
<div class="mt-6">
<p class="fs-15 font-semibold mb-4">Vị trí lưu kho</p>
<div class="p-4 rounded-md has-background-grey-95">
<div class="p-4 rounded-md has-background-white-bis">
<div class="is-flex is-gap-1">
<Icon
name="material-symbols:location-on-outline-rounded"
@@ -106,16 +106,16 @@ const emit = defineEmits("unselect");
</div>
<div class="mt-6">
<p class="fs-15 font-semibold mb-4">Thông tin hàng</p>
<div class="p-4 rounded-md has-background-grey-95">
<div class="p-4 rounded-md has-background-white-bis">
<p class="fs-13 has-text-grey"> </p>
<p class="mt-1 is-family-monospace">{{ invItem.batch }}</p>
</div>
<div class="p-4 mt-4 rounded-md has-background-grey-95">
<div class="p-4 mt-4 rounded-md has-background-white-bis">
<div class="is-flex is-gap-1 is-align-items-center">
<Icon
name="material-symbols:calendar-today-outline-rounded"
:size="18"
class="has-text-grey-50"
class="has-text-grey"
/>
<p class="fs-13 has-text-grey">Hạn sử dụng</p>
</div>
@@ -127,7 +127,7 @@ const emit = defineEmits("unselect");
<div
v-for="move in invItem.moveHistory"
:key="move.id"
class="p-4 mb-4 rounded-md has-background-grey-95 has-text-grey-40 fs-12"
class="p-4 mb-4 rounded-md has-background-white-bis has-text-grey fs-12"
>
<div class="is-flex is-justify-content-space-between mb-1">
<div class="is-flex is-gap-1 is-align-items-center">