willaengine/resources/js/Modules/CRM/components/Clients/Items.vue

<template>
    <div>
        <v-layout row wrap class="Content">
            <v-flex xl2 class="text-lg-right" style="margin-right:60px;">
                نام مشتری
            </v-flex>
            <v-flex xl1 class="text-lg-center">
                وضعیت
            </v-flex>
            <v-flex xl1 class="text-lg-center">
                زمان
            </v-flex>
            <v-flex xl2 class="text-lg-center">
                رویدادها
            </v-flex>
            <v-flex xl2 class="text-lg-center">
                حجم تراکنش
            </v-flex>
            <v-flex xl2 class="text-lg-center">
                ابزارها
            </v-flex>

        </v-layout>
        <v-data-iterator :items="Clients" :rows-per-page-items="rowsPerPageItems" :pagination.sync="pagination" select-all row wrap rows-per-page-text="آیتم به ازای هر صفحه">
            <template v-slot:item="props">
                <wm-client-item :props="props"></wm-client-item>
            </template>
            <template v-slot:pageText="props">
                آیتم {{ props.pageStart }} - {{ props.pageStop }} از {{ props.itemsLength }}
            </template>
        </v-data-iterator>
    </div>
</template>

<script>
import ClientItem from "@CRM/components/Clients/Item.vue";
export default {
    components: {
        'wm-client-item' : ClientItem,
    },
    props: {
        // Tile:TileData,
        TileClass: { default: "xl12" },
        TileHeight: { default: "70px" },
        // --------------------------------------------
        TitleFa: { default: " فرید الدین ساروی" },
        TitleEn: { default: " Farid Saravi " },
        Level:   { default: 5 },
    },
    data: () => ({
        rowsPerPageItems: [4, 8, 12],
        pagination: {
            rowsPerPage: 4
        },
        Clients: [
            {
                id:1,
                TitleFa: ' فرید الدین ساروی ',
                TitleEn: ' Farid Saravi ',
                Level: 5,
                Price: 1200000
            },
            {
                id:2,
                TitleFa: ' فرید الدین ساروی ',
                TitleEn: ' Farid Saravi ',
                Level: 5,
                Price: 1200000
            },
            {
                id:13,
                TitleFa: ' فرید الدین ساروی ',
                TitleEn: ' Farid Saravi ',
                Level: 5,
                Price: 1200000
            },
        ]
    })
};
</script>