|
|
|
|
<!-- --------------------------------------------------------------------
|
|
|
|
|
Event Timeline
|
|
|
|
|
-------------------------------------------------------------------- -->
|
|
|
|
|
<template>
|
|
|
|
|
<v-dialog v-model="$store.state.TransactionTimeline" width="40%" transition="slide-x-transition">
|
|
|
|
|
<v-card class="RTL">
|
|
|
|
|
<v-card-title class=" grey lighten-3" primary-title>
|
|
|
|
|
<WM-PartTitle class="WM-Margin-T-20" TitleFa=" تراکنش ها " TitleEn=" Events " Color="black"></WM-PartTitle>
|
|
|
|
|
</v-card-title>
|
|
|
|
|
<v-card-text>
|
|
|
|
|
<v-card-text class="py-0">
|
|
|
|
|
<v-timeline align-top dense class="RTL">
|
|
|
|
|
<v-data-iterator :items="transactions" :rows-per-page-items="rowsPerPageItems" :pagination.sync="pagination" select-all row wrap rows-per-page-text="آیتم به ازای هر صفحه">
|
|
|
|
|
<template v-slot:item="props">
|
|
|
|
|
<wm-timeline-item :props="props"></wm-timeline-item>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:pageText="props">
|
|
|
|
|
آیتم {{ props.pageStart }} - {{ props.pageStop }} از {{ props.itemsLength }}
|
|
|
|
|
</template>
|
|
|
|
|
</v-data-iterator>
|
|
|
|
|
</v-timeline>
|
|
|
|
|
</v-card-text>
|
|
|
|
|
</v-card-text>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<v-divider></v-divider>
|
|
|
|
|
|
|
|
|
|
<v-card-actions>
|
|
|
|
|
<v-spacer></v-spacer>
|
|
|
|
|
<v-btn color="black" depressed dark @click="$store.state.TransactionTimeline = false">
|
|
|
|
|
<v-icon dark right>fas fa-check</v-icon> بسیار خب
|
|
|
|
|
</v-btn>
|
|
|
|
|
</v-card-actions>
|
|
|
|
|
</v-card>
|
|
|
|
|
</v-dialog>
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import TimelineItem from "@Common/components/Transaction/Timeline/Item.vue";
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
'wm-timeline-item' : TimelineItem,
|
|
|
|
|
},
|
|
|
|
|
props: {
|
|
|
|
|
Color: { default: 'grey darken-4' },
|
|
|
|
|
},
|
|
|
|
|
data: () => ({
|
|
|
|
|
rowsPerPageItems: [12, 24, 48],
|
|
|
|
|
pagination: {
|
|
|
|
|
rowsPerPage: 12
|
|
|
|
|
},
|
|
|
|
|
transactions: [
|
|
|
|
|
{
|
|
|
|
|
title: ' ویزیت بیمار ',
|
|
|
|
|
desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
|
|
|
|
|
user_id: 12,
|
|
|
|
|
user_name: ' علیرضا حسنی ',
|
|
|
|
|
date: 'شنبه ، 22 مهر ماه 1397، 12:37',
|
|
|
|
|
paid: 48000,
|
|
|
|
|
total_price: 54000,
|
|
|
|
|
color: 'red',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: ' خرید دارو ',
|
|
|
|
|
desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
|
|
|
|
|
user_id: 12,
|
|
|
|
|
user_name: ' علیرضا حسنی ',
|
|
|
|
|
date: 'چهارشنبه ، 28 مهر ماه 1397، 14:37',
|
|
|
|
|
paid: 32000,
|
|
|
|
|
total_price: 32000,
|
|
|
|
|
color: 'cyan',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
.v-timeline--dense.RTL:before {
|
|
|
|
|
right: 18px;
|
|
|
|
|
left: inherit;
|
|
|
|
|
}
|
|
|
|
|
.v-timeline--dense.RTL .v-timeline-item__dot--small {
|
|
|
|
|
right: 7px;
|
|
|
|
|
left: inherit;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|