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

chore: install prettier

Browse Source
This commit is contained in:
Viet An
2026-05-04 15:22:27 +07:00
parent 93d29ca7d8
commit bd58e2b847
267 changed files with 22950 additions and 13581 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
app/components/orders/OrderKanbanCard.vue
View File

@@ -1,27 +1,22 @@
<script setup>
const props = defineProps({
order: Object
order: Object,
});
const { $dayjs, $shortenCurrency } = useNuxtApp();
const emit = defineEmits(['selectOrder', 'unselect']);
const emit = defineEmits(["selectOrder", "unselect"]);
</script>
<template>
<div
:class="[
'card fs-14 is-clickable',
`has-background-${order.status__color}-95`
]"
<div
:class="['card fs-14 is-clickable', `has-background-${order.status__color}-95`]"
:style="{ border: `1px solid var(--bulma-${order.status__color}-60)` }"
@click="selected ? emit('unselect') : emit('selectOrder', order.id)"
>
<div class="card-content p-4">
<div class="mb-4 is-flex is-justify-content-space-between is-gap-1">
<p class="fs-15 font-bold">{{ order.code }}</p>
<span
:class="['fs-13', `has-text-${order.payment_status__color}-40`]"
>
<span :class="['fs-13', `has-text-${order.payment_status__color}-40`]">
{{ order.payment_status__name }}
</span>
</div>
@@ -36,16 +31,21 @@ const emit = defineEmits(['selectOrder', 'unselect']);
</div>
<!-- product info -->
<div>
<p class="fs-24 has-text-grey-10 font-bold">{{ $shortenCurrency(order.total) }}</p>
<p class="fs-24 has-text-grey-10 font-bold">
{{ $shortenCurrency(order.total) }}
</p>
<p class="fs-13 has-text-grey">{{ order.order__products.length }} sản phẩm</p>
</div>
<hr class="m-0" />
<div class="is-flex is-flex-direction-column is-gap-0.5 fs-13 has-text-grey">
<p class=" is-flex is-align-items-center is-gap-0.5">
<Icon name="material-symbols:calendar-today-outline-rounded" :size="16" />
<span>{{ $dayjs(order.create_time).format('L') }}</span>
<p class="is-flex is-align-items-center is-gap-0.5">
<Icon
name="material-symbols:calendar-today-outline-rounded"
:size="16"
/>
<span>{{ $dayjs(order.create_time).format("L") }}</span>
<span>•</span>
<span>{{ $dayjs(order.create_time).format('HH:mm') }}</span>
<span>{{ $dayjs(order.create_time).format("HH:mm") }}</span>
</p>
<p>
NV: <span>{{ order.employee__name }}</span>
@@ -55,10 +55,20 @@ const emit = defineEmits(['selectOrder', 'unselect']);
v-if="order.status__name !== 'Hoàn thành'"
:class="[
'button fs-14 has-text-white',
order.status__name === 'Nháp' ? 'is-primary' : order.status__name === 'Đã xác nhận' ? 'is-orange' : 'is-success'
order.status__name === 'Nháp'
? 'is-primary'
: order.status__name === 'Đã xác nhận'
? 'is-orange'
: 'is-success',
]"
>
{{ order.status__name === 'Nháp' ? 'Xác nhận' : order.status__name === 'Đã xác nhận' ? 'Giao hàng' : 'Hoàn thành' }}
{{
order.status__name === "Nháp"
? "Xác nhận"
: order.status__name === "Đã xác nhận"
? "Giao hàng"
: "Hoàn thành"
}}
</button>
</div>
</div>