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

68
app/components/orders/OrderHistoryTab.vue
View File

@@ -1,6 +1,6 @@
<script setup>
const props = defineProps({
order: Object
order: Object,
});
const { $dayjs } = useNuxtApp();
@@ -8,52 +8,52 @@ const { $dayjs } = useNuxtApp();
const historyItems = [
{
id: 1,
name: 'Tạo đơn hàng',
details: 'Đơn hàng được tạo',
icon: 'material-symbols:info-outline-rounded',
color: 'blue',
time: '2026-02-11T08:51:04.587660+07:00'
name: "Tạo đơn hàng",
details: "Đơn hàng được tạo",
icon: "material-symbols:info-outline-rounded",
color: "blue",
time: "2026-02-11T08:51:04.587660+07:00",
},
{
id: 2,
name: 'Xác nhận',
details: 'Đơn hàng được xác nhận',
icon: 'material-symbols:check-circle-outline-rounded',
color: 'green',
time: '2026-02-11T10:30:04.587660+07:00'
name: "Xác nhận",
details: "Đơn hàng được xác nhận",
icon: "material-symbols:check-circle-outline-rounded",
color: "green",
time: "2026-02-11T10:30:04.587660+07:00",
},
{
id: 3,
name: 'Xuất kho',
details: 'Hàng đã xuất kho',
icon: 'material-symbols:check-circle-outline-rounded',
color: 'green',
time: '2026-02-11T11:02:04.587660+07:00'
name: "Xuất kho",
details: "Hàng đã xuất kho",
icon: "material-symbols:check-circle-outline-rounded",
color: "green",
time: "2026-02-11T11:02:04.587660+07:00",
},
{
id: 4,
name: 'Đang giao',
details: 'Tài xế đang giao hàng',
icon: 'material-symbols:info-outline-rounded',
color: 'blue',
time: '2026-02-11T14:20:04.587660+07:00'
name: "Đang giao",
details: "Tài xế đang giao hàng",
icon: "material-symbols:info-outline-rounded",
color: "blue",
time: "2026-02-11T14:20:04.587660+07:00",
},
{
id: 5,
name: 'Giao hàng',
details: 'Đã giao thành công',
icon: 'material-symbols:check-circle-outline-rounded',
color: 'green',
time: '2026-02-11T17:38:04.587660+07:00'
name: "Giao hàng",
details: "Đã giao thành công",
icon: "material-symbols:check-circle-outline-rounded",
color: "green",
time: "2026-02-11T17:38:04.587660+07:00",
},
]
];
</script>
<template>
<div>
<div class="is-flex is-flex-direction-column is-gap-2">
<div
v-for="item in historyItems"
v-for="item in historyItems"
:key="item.id"
class="is-flex is-gap-2"
>
@@ -63,7 +63,8 @@ const historyItems = [
:size="22"
:class="`has-text-${item.color}-40`"
/>
<div class="is-flex-grow-1 has-background-grey-lighter rounded-full"
<div
class="is-flex-grow-1 has-background-grey-lighter rounded-full"
style="width: 3px"
></div>
</div>
@@ -73,9 +74,14 @@ const historyItems = [
<p class="fs-15">{{ item.name }}</p>
<p class="fs-13 has-text-grey">{{ item.details }}</p>
</div>
<p class="is-family-monospace fs-12 has-text-grey">{{ $dayjs(item.time).format('HH:mm') }}</p>
<p class="is-family-monospace fs-12 has-text-grey">
{{ $dayjs(item.time).format("HH:mm") }}
</p>
</div>
<hr class="mt-4 mb-0 has-background-grey-95" style="height: 2px" />
<hr
class="mt-4 mb-0 has-background-grey-95"
style="height: 2px"
/>
</div>
</div>
</div>