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

31
app/components/orders/OrdersKanban.vue
View File

@@ -1,12 +1,12 @@
<script setup>
import OrderKanbanCard from '@/components/orders/OrderKanbanCard.vue';
import OrderKanbanCard from "@/components/orders/OrderKanbanCard.vue";
const props = defineProps({
orders: Array,
statuses: Array,
});
const emit = defineEmits(['selectOrder', 'unselect']);
const emit = defineEmits(["selectOrder", "unselect"]);
</script>
<template>
@@ -19,30 +19,39 @@ const emit = defineEmits(['selectOrder', 'unselect']);
style="border: none"
>
<div class="card-content p-0 is-clipped">
<div :class="['p-4 is-flex is-justify-content-space-between is-align-items-center', `has-background-${status.color}-90`]">
<div
:class="[
'p-4 is-flex is-justify-content-space-between is-align-items-center',
`has-background-${status.color}-90`,
]"
>
<p class="font-semibold has-text-grey-10">{{ status.name }}</p>
<p class="px-2 py-1 font-semibold rounded-lg has-background-white"
:style="{ border: `1px solid var(--bulma-${status.color}-60)`}"
<p
class="px-2 py-1 font-semibold rounded-lg has-background-white"
:style="{ border: `1px solid var(--bulma-${status.color}-60)` }"
>
{{ orders.filter(o => o.status === status.id).length }}
{{ orders.filter((o) => o.status === status.id).length }}
</p>
</div>
<hr class="m-0 has-background-grey-80" />
<div class="has-background-grey-95 p-4">
<OrderKanbanCard
v-if="orders.filter(o => o.status === status.id).length > 0"
v-for="order in orders.filter(o => o.status === status.id)"
<OrderKanbanCard
v-if="orders.filter((o) => o.status === status.id).length > 0"
v-for="order in orders.filter((o) => o.status === status.id)"
:key="order.id"
:order="order"
@selectOrder="emit('selectOrder', order.id)"
@unselect="emit('unselect')"
/>
<p v-else class="fs-13 has-text-centered has-text-grey">
<p
v-else
class="fs-13 has-text-centered has-text-grey"
>
Không có đơn hàng
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>