|
|
<!-- --------------------------------------------------------------------
|
|
|
Event Timeline
|
|
|
-------------------------------------------------------------------- -->
|
|
|
<template>
|
|
|
<v-dialog v-model="$store.state.EventTimeline" width="90%" 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="cyan"></WM-PartTitle>
|
|
|
</v-card-title>
|
|
|
<v-card-text>
|
|
|
<v-timeline class="LTR">
|
|
|
<v-data-iterator :items="events" :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>
|
|
|
|
|
|
<!-- <wm-timeline-item :events="events"></wm-timeline-item> -->
|
|
|
</v-card-text>
|
|
|
|
|
|
|
|
|
<v-divider></v-divider>
|
|
|
|
|
|
<v-card-actions>
|
|
|
<v-spacer></v-spacer>
|
|
|
<v-btn color="cyan" depressed dark @click="$store.state.EventTimeline = 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/Event/Timeline/Item.vue";
|
|
|
export default {
|
|
|
components: {
|
|
|
'wm-timeline-item' : TimelineItem,
|
|
|
},
|
|
|
props: {
|
|
|
Color: { default: 'grey darken-4' },
|
|
|
},
|
|
|
data: () => ({
|
|
|
rowsPerPageItems: [12, 24, 48],
|
|
|
pagination: {
|
|
|
rowsPerPage: 12
|
|
|
},
|
|
|
events: [
|
|
|
{
|
|
|
title: ' ویزیت بیمار ',
|
|
|
desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
|
|
|
user_id: 12,
|
|
|
user_name: ' علیرضا حسنی ',
|
|
|
date: 'شنبه ، 22 مهر ماه 1397، 12:37',
|
|
|
},
|
|
|
{
|
|
|
title: ' نتیجه ی آزمایش ',
|
|
|
desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
|
|
|
user_id: 16,
|
|
|
user_name: ' فرید ساروی ',
|
|
|
date: 'شنبه ، 22 مهر ماه 1397، 12:37',
|
|
|
},
|
|
|
{
|
|
|
title: ' جلسه ی فیزیتراپی ',
|
|
|
desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
|
|
|
user_id: 22,
|
|
|
user_name: ' عمه ی فرید ساروی ',
|
|
|
date: 'شنبه ، 22 مهر ماه 1397، 12:37',
|
|
|
},
|
|
|
{
|
|
|
title: ' جلسه ی فیزیتراپی ',
|
|
|
desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
|
|
|
user_id: 12,
|
|
|
user_name: ' علیرضا حسنی ',
|
|
|
date: 'شنبه ، 22 مهر ماه 1397، 12:37',
|
|
|
},
|
|
|
],
|
|
|
})
|
|
|
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
.v-data-iterator__actions {
|
|
|
direction: rtl;
|
|
|
}
|
|
|
</style>
|