|
|
|
|
<!-- --------------------------------------------------------------------
|
|
|
|
|
task Timeline
|
|
|
|
|
-------------------------------------------------------------------- -->
|
|
|
|
|
<template>
|
|
|
|
|
<v-dialog v-model="$store.state.TaskTimeline" 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=" Tasks " Color="purple"></WM-PartTitle>
|
|
|
|
|
</v-card-title>
|
|
|
|
|
<v-card-text>
|
|
|
|
|
<v-timeline align-top dense class="RTL">
|
|
|
|
|
<v-data-iterator :items="tasks" :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 :tasks="tasks"></wm-timeline-item> -->
|
|
|
|
|
</v-card-text>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<v-divider></v-divider>
|
|
|
|
|
|
|
|
|
|
<v-card-actions>
|
|
|
|
|
<v-spacer></v-spacer>
|
|
|
|
|
<v-btn color="purple" depressed dark @click="$store.state.TaskTimeline = 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/Task/Timeline/Item.vue";
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
'wm-timeline-item' : TimelineItem,
|
|
|
|
|
},
|
|
|
|
|
props: {
|
|
|
|
|
Color: { default: 'grey darken-4' },
|
|
|
|
|
},
|
|
|
|
|
data: () => ({
|
|
|
|
|
rowsPerPageItems: [12, 24, 48],
|
|
|
|
|
pagination: {
|
|
|
|
|
rowsPerPage: 12
|
|
|
|
|
},
|
|
|
|
|
tasks: [
|
|
|
|
|
{
|
|
|
|
|
title: ' انجام ورزش درمانی ',
|
|
|
|
|
desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
|
|
|
|
|
issuer_id: 12,
|
|
|
|
|
issuer_name: ' دکتر علیرضا حسنی ',
|
|
|
|
|
task_responsible_id: 12,
|
|
|
|
|
task_responsible_name: ' فیزیو تراپ سعید خاکبازان ',
|
|
|
|
|
taskable_id: 12,
|
|
|
|
|
taskable_name: ' فرید ساروی ',
|
|
|
|
|
date: 'شنبه ، 22 مهر ماه 1397، 12:37',
|
|
|
|
|
status: ' در صف انجام ',
|
|
|
|
|
color: 'red',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: ' ساخت دارو ',
|
|
|
|
|
desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
|
|
|
|
|
issuer_id: 12,
|
|
|
|
|
issuer_name: ' دکتر پاتریک جیمز ',
|
|
|
|
|
task_responsible_id: 12,
|
|
|
|
|
task_responsible_name: ' عمه ی فرید ساروی ',
|
|
|
|
|
taskable_id: 12,
|
|
|
|
|
taskable_name: ' فرید ساروی ',
|
|
|
|
|
date: 'چهارشنبه ، 05 بهمن ماه 1398، 15:47',
|
|
|
|
|
status: ' انجام شده ',
|
|
|
|
|
color: 'cyan',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
</script>
|