erp/web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Viet An
2026-06-18 17:02:58 +07:00
parent 667832078d
commit da4c779bbe
6 changed files with 30 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/components/orders/OrderProductTab.vue
View File

@@ -27,29 +27,37 @@ const invoiceProducts = computed(() => {
<div
v-for="product in invoiceProducts"
:key="product.id"
class="p-3 has-background-white-ter rounded-md"
class="p-4 has-background-white-ter rounded-md is-flex is-gap-2 is-justify-content-space-between is-align-items-flex-end"
>
<div class="is-flex is-justify-content-space-between is-align-items-flex-end">
<div class="is-flex-grow-1 is-flex is-gap-2">
<NuxtImg
:src="product.variant__image__path"
width="45"
height="45"
style="align-self: flex-start"
/>
<div>
<p class="font-semibold">
{{ product.variant__product__name }}
</p>
<p class="fs-13 has-text-grey-40">
<span>{{ product.variant__internal_storage__code }}</span>
<span> - </span>
<span>{{ product.variant__ram__code }} RAM</span>
<span> - </span>
<span>{{ product.variant__color__name }}</span>
</p>
<div>
<p class="font-semibold">
{{ product.variant__product__name }}
</p>
<p class="fs-13 has-text-grey-40">
<span>{{ product.variant__internal_storage__code }}</span>
<span> - </span>
<span>{{ product.variant__ram__code }} RAM</span>
<span> - </span>
<span>{{ product.variant__color__name }}</span>
</p>
</div>
<div class="is-flex is-gap-8 fs-13 has-text-grey-30 mt-2">
<p>SL: {{ product.amount }}</p>
<p>Đơn giá: {{ $formatNum(product.price, { hasUnit: true }) }}</p>
</div>
</div>
<p class="font-semibold">
{{ $formatNum(product.subtotal, { hasUnit: true }) }}
</p>
</div>
<p class="font-semibold">
{{ $formatNum(product.subtotal, { hasUnit: true }) }}
</p>
</div>
</div>
<hr />