47 lines
893 B
Vue
47 lines
893 B
Vue
<script setup>
|
|
import TopCustomer from '@/components/dashboard/TopCustomer.vue';
|
|
|
|
|
|
const customers = [
|
|
{
|
|
name: 'Công ty TNHH ABC',
|
|
order_count: 45,
|
|
paid: 125000000,
|
|
},
|
|
{
|
|
name: 'Siêu thị XYZ',
|
|
order_count: 38,
|
|
paid: 98000000,
|
|
},
|
|
{
|
|
name: 'Nhà hàng Đông Dương',
|
|
order_count: 32,
|
|
paid: 87000000,
|
|
},
|
|
{
|
|
name: 'Khách sạn Mường Thanh',
|
|
order_count: 28,
|
|
paid: 76000000,
|
|
},
|
|
{
|
|
name: 'Cửa hàng Bách Hoá',
|
|
order_count: 24,
|
|
paid: 64000000,
|
|
},
|
|
|
|
]
|
|
</script>
|
|
<template>
|
|
<div class="card">
|
|
<div class="card-content">
|
|
<p class="fs-17 font-semibold mb-4">Top khách hàng</p>
|
|
<div class="is-flex is-flex-direction-column is-gap-1.5">
|
|
<TopCustomer
|
|
v-for="cus in customers"
|
|
:key="cus.name"
|
|
v-bind="cus"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template> |