parent
28a89599cf
commit
c7bad55a34
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=584db8725dd8389d6625",
|
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=e7004e4ba1268d86bc4e",
|
||||||
"/js/vue/Home/app.js": "/js/vue/Home/app.js?id=5581ac535fe1434a081f",
|
"/js/vue/Home/app.js": "/js/vue/Home/app.js?id=c31e70c4285a4ae600da",
|
||||||
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=6028674e5182710b33b4",
|
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=3a6fd5e7f9f98ab19612",
|
||||||
"/js/vue/User/app.js": "/js/vue/User/app.js?id=89942bc60ced76a57b43"
|
"/js/vue/User/app.js": "/js/vue/User/app.js?id=aaebc9ecc42c093cf60a"
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,93 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="Comment" :class="props.item.side">
|
|
||||||
<div class="Avatar"> <v-icon >fas fa-user</v-icon> </div>
|
|
||||||
<div class="Bubble">
|
|
||||||
<div class="Author"> {{ props.item.user_name }} <span class="Date"> {{ props.item.date }} </span> </div>
|
|
||||||
{{ props.item.text }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
props: { default: "" },
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.Comment {
|
|
||||||
width: 100%;
|
|
||||||
padding: 10px;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.Comment .Avatar {
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
.Comment .Avatar .v-icon {
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
.Comment .Bubble {
|
|
||||||
padding: 20px 40px;
|
|
||||||
height: auto;
|
|
||||||
width: 80%;
|
|
||||||
color: #000000;
|
|
||||||
border-radius: 25px;
|
|
||||||
direction: rtl;
|
|
||||||
text-align: justify;
|
|
||||||
}
|
|
||||||
.Comment.Left {
|
|
||||||
direction: ltr;
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
.Comment.Left .Bubble {
|
|
||||||
border-bottom-left-radius:0px;
|
|
||||||
}
|
|
||||||
.Comment.Right .Bubble {
|
|
||||||
border-top-right-radius:0px;
|
|
||||||
}
|
|
||||||
.Bubble .Author {
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
.Bubble .Author .Date {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #8b8b8b;
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.Comment.Red .Avatar .v-icon {
|
|
||||||
color: #ee3552;
|
|
||||||
}
|
|
||||||
.Comment.Red .Bubble {
|
|
||||||
// float: left;
|
|
||||||
border: 2px solid #ee3552;
|
|
||||||
background-color: rgba(238, 53, 82, 0.05);
|
|
||||||
}
|
|
||||||
.Comment.Cyan .Avatar .v-icon {
|
|
||||||
color: #32c5d2;
|
|
||||||
}
|
|
||||||
.Comment.Cyan .Bubble {
|
|
||||||
// float: right;
|
|
||||||
border: 2px solid #32c5d2;
|
|
||||||
background-color: rgba(50, 197, 210, 0.05);
|
|
||||||
}
|
|
||||||
.Comment.Gray .Avatar .v-icon {
|
|
||||||
color: #d0d0d0;
|
|
||||||
}
|
|
||||||
.Comment.Gray .Bubble {
|
|
||||||
// float: right;
|
|
||||||
border: 2px solid #d0d0d0;
|
|
||||||
background-color: rgba(241, 241, 241, 0.5);
|
|
||||||
border-top-right-radius:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@ -1,106 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-container>
|
|
||||||
<v-layout row wrap>
|
|
||||||
<v-flex xs12 lg12 mb-3 class="WM-Relative">
|
|
||||||
<v-expansion-panel popout>
|
|
||||||
<v-expansion-panel-content v-for="(template,i) in templates" :key="i">
|
|
||||||
<template v-slot:header>
|
|
||||||
<v-flex lg4 pt-2 class="text-lg-right FA">
|
|
||||||
<span class="TitleNumber En">{{ parseInt(i+1) }}.</span>
|
|
||||||
{{ template.name_fa }}
|
|
||||||
</v-flex>
|
|
||||||
<v-flex lg4 pt-2 class="LTR EN">{{ template.name_en }}</v-flex>
|
|
||||||
<v-flex xl4 class="Buttons text-lg-center">
|
|
||||||
<v-tooltip top color="black">
|
|
||||||
<v-btn class="XS" small slot="activator" fab color="orange" dark>
|
|
||||||
<v-icon dark>fas fa-pencil-alt</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<span> ویرایش </span>
|
|
||||||
</v-tooltip>
|
|
||||||
<v-tooltip top color="black">
|
|
||||||
<v-btn class="XS" small slot="activator" fab color="red" dark>
|
|
||||||
<v-icon dark>fas fa-trash-alt</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<span> حذف آیتم </span>
|
|
||||||
</v-tooltip>
|
|
||||||
</v-flex>
|
|
||||||
</template>
|
|
||||||
<v-card>
|
|
||||||
<v-card-text style="padding:5px 30px">
|
|
||||||
<div class="WM-Tile" >
|
|
||||||
<v-layout row wrap class="Content">
|
|
||||||
<v-flex lg12 class="text-lg-right zIndex99" pt-3>{{ template.text }}</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
</div>
|
|
||||||
</v-card-text>
|
|
||||||
</v-card>
|
|
||||||
</v-expansion-panel-content>
|
|
||||||
</v-expansion-panel>
|
|
||||||
|
|
||||||
<v-btn @click.native="$store.state.ConfigSMSTemplateAdd = true" slot="activator" fab color="cyan" bottom left dark style="position:absolute; left:5px; bottom:-20px;">
|
|
||||||
<v-icon dark>fas fa-plus</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: BEGIN
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
<template>
|
|
||||||
<div class="text-xs-center">
|
|
||||||
<wm-sms-template-add></wm-sms-template-add>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: END
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import Add from "@Common/components/Contact/SMS/Config/Template/Add.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
"wm-sms-template-add": Add
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
templates: [
|
|
||||||
{ name_fa: " تبریک تولد ", name_en: " Birthday ",
|
|
||||||
text: " [Name] عزیز، زاد روز تولدتان را گرامی میداریم. هدیه ما برای روز عزیز برای شما، 20 درصد تخفیف استفاده از خدمات خواهد بود. در کنارت هستیم. ",
|
|
||||||
},
|
|
||||||
{ name_fa: " تبریک سال نو ", name_en: " New Year ",
|
|
||||||
text: " [Name] عزیز، زاد روز تولدتان را گرامی میداریم. هدیه ما برای روز عزیز برای شما، 20 درصد تخفیف استفاده از خدمات خواهد بود. در کنارت هستیم. ",
|
|
||||||
},
|
|
||||||
{ name_fa: " رزرو وقت ", name_en: " Reservation ",
|
|
||||||
text: " [Name] عزیز، زاد روز تولدتان را گرامی میداریم. هدیه ما برای روز عزیز برای شما، 20 درصد تخفیف استفاده از خدمات خواهد بود. در کنارت هستیم. ",
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss">
|
|
||||||
@import "@Global/scss/Tile.scss";
|
|
||||||
.WM-Tile {
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
.Content .Number {
|
|
||||||
width: auto;
|
|
||||||
right: 0px;
|
|
||||||
bottom: -6px;
|
|
||||||
}
|
|
||||||
.v-expansion-panel__container--active .v-expansion-panel__header .FA,
|
|
||||||
.v-expansion-panel__container--active .v-expansion-panel__header .EN {
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
.TitleNumber {
|
|
||||||
line-height: 40px;
|
|
||||||
width: 40px;
|
|
||||||
font-size: 40px;
|
|
||||||
color: rgb(0, 0, 0);
|
|
||||||
}
|
|
||||||
.v-expansion-panel--inset .v-expansion-panel__container--active,
|
|
||||||
.v-expansion-panel--popout .v-expansion-panel__container--active {
|
|
||||||
border: 1px solid #000 !important;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,86 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-container>
|
|
||||||
<v-layout row wrap>
|
|
||||||
<v-flex xs12 lg12 mb-3 class="WM-Relative">
|
|
||||||
<div class="WM-Tile" v-for="(type,j) in types" :key="j">
|
|
||||||
<v-layout row wrap class="Content">
|
|
||||||
<div class="Number En">{{ parseInt(j+1) }}</div>
|
|
||||||
<v-flex lg4 class="text-lg-right zIndex99" pt-2>{{ type.name_fa }}</v-flex>
|
|
||||||
<v-flex lg4 class="LTR" pt-2>{{ type.name_en }}</v-flex>
|
|
||||||
<v-flex xl4 class="Buttons text-lg-center">
|
|
||||||
<v-tooltip top color="black">
|
|
||||||
<v-btn class="XS" slot="activator" fab color="orange" dark>
|
|
||||||
<v-icon dark>fas fa-pencil-alt</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<span>ویرایش</span>
|
|
||||||
</v-tooltip>
|
|
||||||
<v-tooltip top color="black">
|
|
||||||
<v-btn class="XS" slot="activator" fab color="red" dark>
|
|
||||||
<v-icon dark>fas fa-trash-alt</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<span>حذف آیتم</span>
|
|
||||||
</v-tooltip>
|
|
||||||
</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
</div>
|
|
||||||
<v-btn @click.native="$store.state.ConfigEventTypeAdd = true" slot="activator" fab color="cyan" bottom left dark style="position:absolute; left:5px; bottom:-20px;">
|
|
||||||
<v-icon dark>fas fa-plus</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: BEGIN
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
<template>
|
|
||||||
<div class="text-xs-center">
|
|
||||||
<wm-event-type-add></wm-event-type-add>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: END
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import Add from "@Common/components/Event/Config/Type/Add.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
"wm-event-type-add": Add
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
types: [
|
|
||||||
{ name_fa: " ویزیت دکتر ", name_en: " Visit " },
|
|
||||||
{ name_fa: " عدم مراجعه ی بیمار ", name_en: " Patient Absent " },
|
|
||||||
{ name_fa: " رزرو وقت ", name_en: " Reservation " }
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss">
|
|
||||||
@import "@Global/scss/Tile.scss";
|
|
||||||
.WM-Tile {
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
.Content .Number {
|
|
||||||
width: auto;
|
|
||||||
right: 0px;
|
|
||||||
bottom: -6px;
|
|
||||||
}
|
|
||||||
.v-expansion-panel__container--active .v-expansion-panel__header .FA,
|
|
||||||
.v-expansion-panel__container--active .v-expansion-panel__header .EN {
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
.TitleNumber {
|
|
||||||
line-height: 40px;
|
|
||||||
width: 40px;
|
|
||||||
font-size: 40px;
|
|
||||||
color: rgb(0, 0, 0);
|
|
||||||
}
|
|
||||||
.v-expansion-panel--inset .v-expansion-panel__container--active,
|
|
||||||
.v-expansion-panel--popout .v-expansion-panel__container--active {
|
|
||||||
border: 1px solid #000 !important;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,86 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-timeline-item :color="(props.item.user_id==12) ? 'red' : 'cyan'" :class="(props.item.user_id==12) ? 'Red Right' : 'Cyan Left'" small fill-dot>
|
|
||||||
<template v-slot:opposite>
|
|
||||||
<span> {{ props.item.user_name }} </span>
|
|
||||||
<div class="Time"><v-icon>fas fa-clock-alt</v-icon> {{ props.item.date }} </div>
|
|
||||||
</template>
|
|
||||||
<v-card class="elevation-3 RTL" >
|
|
||||||
<v-card-title> {{ props.item.title }} </v-card-title>
|
|
||||||
<v-card-text class="text-lg-right Desc">
|
|
||||||
{{ props.item.desc }}
|
|
||||||
</v-card-text>
|
|
||||||
</v-card>
|
|
||||||
</v-timeline-item>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
props: { default: [] },
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss">
|
|
||||||
// .v-timeline-item--left .v-timeline-item__opposite, .v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-timeline-item__opposite {
|
|
||||||
// margin-right: 96px;
|
|
||||||
// text-align: right;
|
|
||||||
// }
|
|
||||||
.v-card__title {
|
|
||||||
padding-bottom: 5px;
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
.v-timeline .Desc {
|
|
||||||
padding-top: 5px;
|
|
||||||
}
|
|
||||||
.v-timeline .Time {
|
|
||||||
color: #9e9e9e;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-timeline-item .v-card:after, .v-timeline-item .v-card:before {
|
|
||||||
border-bottom: 0px;
|
|
||||||
border-right: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-timeline-item.Right {
|
|
||||||
flex-direction: row !important;
|
|
||||||
}
|
|
||||||
.v-timeline-item.Left {
|
|
||||||
flex-direction: row-reverse !important;
|
|
||||||
}
|
|
||||||
.v-timeline-item.Left .v-timeline-item__opposite {
|
|
||||||
margin-right: 96px;
|
|
||||||
text-align: right !important;
|
|
||||||
}
|
|
||||||
.v-timeline-item.Right .v-timeline-item__opposite {
|
|
||||||
margin-left: 96px;
|
|
||||||
text-align: left !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.v-timeline-item.Right .v-card {
|
|
||||||
border-right: 4px solid;
|
|
||||||
}
|
|
||||||
.v-timeline-item.Left .v-card {
|
|
||||||
border-left: 4px solid;
|
|
||||||
}
|
|
||||||
.v-timeline-item.Red .v-card {
|
|
||||||
box-shadow: none !important;
|
|
||||||
border-color: #ee3552;
|
|
||||||
background-color: rgba(238, 53, 82, 0.05);
|
|
||||||
}
|
|
||||||
.v-timeline-item.Cyan .v-card {
|
|
||||||
box-shadow: none !important;
|
|
||||||
background-color: rgba(50, 197, 210, 0.05);
|
|
||||||
border-color: #32c5d2;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@ -1,86 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-container>
|
|
||||||
<v-layout row wrap>
|
|
||||||
<v-flex xs12 lg12 mb-3 class="WM-Relative">
|
|
||||||
<div class="WM-Tile" v-for="(type,j) in types" :key="j">
|
|
||||||
<v-layout row wrap class="Content">
|
|
||||||
<div class="Number En">{{ parseInt(j+1) }}</div>
|
|
||||||
<v-flex lg4 class="text-lg-right zIndex99" pt-2>{{ type.name_fa }}</v-flex>
|
|
||||||
<v-flex lg4 class="LTR" pt-2>{{ type.name_en }}</v-flex>
|
|
||||||
<v-flex xl4 class="Buttons text-lg-center">
|
|
||||||
<v-tooltip top color="black">
|
|
||||||
<v-btn class="XS" slot="activator" fab color="orange" dark>
|
|
||||||
<v-icon dark>fas fa-pencil-alt</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<span>ویرایش</span>
|
|
||||||
</v-tooltip>
|
|
||||||
<v-tooltip top color="black">
|
|
||||||
<v-btn class="XS" slot="activator" fab color="red" dark>
|
|
||||||
<v-icon dark>fas fa-trash-alt</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<span>حذف آیتم</span>
|
|
||||||
</v-tooltip>
|
|
||||||
</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
</div>
|
|
||||||
<v-btn @click.native="$store.state.ConfigTaskTypeAdd = true" slot="activator" fab color="cyan" bottom left dark style="position:absolute; left:5px; bottom:-20px;">
|
|
||||||
<v-icon dark>fas fa-plus</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: BEGIN
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
<template>
|
|
||||||
<div class="text-xs-center">
|
|
||||||
<wm-task-type-add></wm-task-type-add>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: END
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import Add from "@Common/components/Task/Config/Type/Add.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
"wm-task-type-add": Add
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
types: [
|
|
||||||
{ name_fa: " ویزیت بیمار ", name_en: " Visit " },
|
|
||||||
{ name_fa: " ورزش درمانی ", name_en: " Sport therapy " },
|
|
||||||
{ name_fa: " نوشتن نسخه ", name_en: " Writing a script " }
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss">
|
|
||||||
@import "@Global/scss/Tile.scss";
|
|
||||||
.WM-Tile {
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
.Content .Number {
|
|
||||||
width: auto;
|
|
||||||
right: 0px;
|
|
||||||
bottom: -6px;
|
|
||||||
}
|
|
||||||
.v-expansion-panel__container--active .v-expansion-panel__header .FA,
|
|
||||||
.v-expansion-panel__container--active .v-expansion-panel__header .EN {
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
.TitleNumber {
|
|
||||||
line-height: 40px;
|
|
||||||
width: 40px;
|
|
||||||
font-size: 40px;
|
|
||||||
color: rgb(0, 0, 0);
|
|
||||||
}
|
|
||||||
.v-expansion-panel--inset .v-expansion-panel__container--active,
|
|
||||||
.v-expansion-panel--popout .v-expansion-panel__container--active {
|
|
||||||
border: 1px solid #000 !important;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,86 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-container>
|
|
||||||
<v-layout row wrap>
|
|
||||||
<v-flex xs12 lg12 mb-3 class="WM-Relative">
|
|
||||||
<div class="WM-Tile" v-for="(type,j) in types" :key="j">
|
|
||||||
<v-layout row wrap class="Content">
|
|
||||||
<div class="Number En">{{ parseInt(j+1) }}</div>
|
|
||||||
<v-flex lg4 class="text-lg-right zIndex99" pt-2>{{ type.name_fa }}</v-flex>
|
|
||||||
<v-flex lg4 class="LTR" pt-2>{{ type.name_en }}</v-flex>
|
|
||||||
<v-flex xl4 class="Buttons text-lg-center">
|
|
||||||
<v-tooltip top color="black">
|
|
||||||
<v-btn class="XS" slot="activator" fab color="orange" dark>
|
|
||||||
<v-icon dark>fas fa-pencil-alt</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<span>ویرایش</span>
|
|
||||||
</v-tooltip>
|
|
||||||
<v-tooltip top color="black">
|
|
||||||
<v-btn class="XS" slot="activator" fab color="red" dark>
|
|
||||||
<v-icon dark>fas fa-trash-alt</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<span>حذف آیتم</span>
|
|
||||||
</v-tooltip>
|
|
||||||
</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
</div>
|
|
||||||
<v-btn @click.native="$store.state.ConfigTrasnactionTypeAdd = true" slot="activator" fab color="cyan" bottom left dark style="position:absolute; left:5px; bottom:-20px;">
|
|
||||||
<v-icon dark>fas fa-plus</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: BEGIN
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
<template>
|
|
||||||
<div class="text-xs-center">
|
|
||||||
<wm-transaction-type-add></wm-transaction-type-add>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: END
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import Add from "@Common/components/Transaction/Config/Type/Add.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
"wm-transaction-type-add": Add
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
types: [
|
|
||||||
{ name_fa: " برنامه نویسی ", name_en: " Programming " },
|
|
||||||
{ name_fa: " گرافیک ", name_en: " Graphic " },
|
|
||||||
{ name_fa: " امور اپراتوری ", name_en: " Operating Matters " }
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss">
|
|
||||||
@import "@Global/scss/Tile.scss";
|
|
||||||
.WM-Tile {
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
.Content .Number {
|
|
||||||
width: auto;
|
|
||||||
right: 0px;
|
|
||||||
bottom: -6px;
|
|
||||||
}
|
|
||||||
.v-expansion-panel__container--active .v-expansion-panel__header .FA,
|
|
||||||
.v-expansion-panel__container--active .v-expansion-panel__header .EN {
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
.TitleNumber {
|
|
||||||
line-height: 40px;
|
|
||||||
width: 40px;
|
|
||||||
font-size: 40px;
|
|
||||||
color: rgb(0, 0, 0);
|
|
||||||
}
|
|
||||||
.v-expansion-panel--inset .v-expansion-panel__container--active,
|
|
||||||
.v-expansion-panel--popout .v-expansion-panel__container--active {
|
|
||||||
border: 1px solid #000 !important;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,41 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-timeline-item :color="props.item.color" small>
|
|
||||||
<v-layout pt-1>
|
|
||||||
<v-flex lg4 class="text-lg-right">
|
|
||||||
<strong> {{ props.item.title }} </strong>
|
|
||||||
<div class="caption"> {{ props.item.date }} </div>
|
|
||||||
</v-flex>
|
|
||||||
<v-flex lg4 class="text-lg-right">
|
|
||||||
<div class="caption"> مبلغ پرداخت شده </div>
|
|
||||||
<span class="Price En cyan--text">
|
|
||||||
<span class="Unit"> IRT </span> {{ props.item.paid }}
|
|
||||||
</span>
|
|
||||||
</v-flex>
|
|
||||||
<v-flex lg4 class="text-lg-right">
|
|
||||||
<div class="caption"> بدهی مانده </div>
|
|
||||||
<span class="Price En red--text">
|
|
||||||
<span class="Unit"> IRT </span> {{ props.item.total_price - props.item.paid }}
|
|
||||||
</span>
|
|
||||||
</v-flex>
|
|
||||||
</v-layout>
|
|
||||||
</v-timeline-item>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
props: { default: "" },
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss">
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
import auth from './path';
|
|
||||||
|
|
||||||
|
|
||||||
let paths = [];
|
|
||||||
|
|
||||||
paths = paths.concat(auth);
|
|
||||||
|
|
||||||
export default paths;
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
export default [
|
|
||||||
// {
|
|
||||||
// path: '/Login',
|
|
||||||
// name: 'Login',
|
|
||||||
// view: 'auth/Login'
|
|
||||||
// },
|
|
||||||
{
|
|
||||||
path: '/CRM/MyTasks',
|
|
||||||
name: 'MyTasks',
|
|
||||||
view: 'Tasks'
|
|
||||||
}, {
|
|
||||||
path: '/CRM/MyRequests',
|
|
||||||
name: 'MyRequests',
|
|
||||||
view: 'Tasks'
|
|
||||||
},
|
|
||||||
];
|
|
||||||
@ -1,102 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-container fluid>
|
|
||||||
<div class="Tile Shadowed Padd-0 WM-Margin-B-10" >
|
|
||||||
<wm-breadcrumbs LinkClass="WM-Link-Cyan" :items="breadcrumbItems"></wm-breadcrumbs>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="Tile Shadowed">
|
|
||||||
<WM-PartTitle class="WM-Margin-T-20" TitleFa=" مشتریان من " TitleEn=" My Clients " Color="red"></WM-PartTitle>
|
|
||||||
<wm-client-filter></wm-client-filter>
|
|
||||||
<wm-client-items></wm-client-items>
|
|
||||||
<router-link to="AddClient">
|
|
||||||
<v-btn large fab color="cyan" fixed bottom left dark style="left:5%"><v-icon dark>fas fa-plus</v-icon></v-btn>
|
|
||||||
</router-link>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: BEGIN
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
<template>
|
|
||||||
<div class="text-xs-center">
|
|
||||||
<wm-client-details></wm-client-details>
|
|
||||||
<wm-client-status></wm-client-status>
|
|
||||||
<wm-send-email></wm-send-email>
|
|
||||||
<wm-send-sms></wm-send-sms>
|
|
||||||
<wm-task-add></wm-task-add>
|
|
||||||
<wm-task-timeline></wm-task-timeline>
|
|
||||||
<wm-event-add></wm-event-add>
|
|
||||||
<wm-event-timeline></wm-event-timeline>
|
|
||||||
<wm-transaction-add></wm-transaction-add>
|
|
||||||
<wm-transaction-timeline></wm-transaction-timeline>
|
|
||||||
<wm-comments-timeline></wm-comments-timeline>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<!-- --------------------------------------------------------------------
|
|
||||||
Modals :: END
|
|
||||||
-------------------------------------------------------------------- -->
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import ClientItems from '@CRM/components/Clients/Items';
|
|
||||||
import ClientFilters from '@CRM/components/Clients/Filters';
|
|
||||||
import ClientDetails from "@CRM/components/Clients/Details.vue";
|
|
||||||
import ClientStatus from "@CRM/components/Clients/Status.vue";
|
|
||||||
|
|
||||||
import SendEmailModal from "@Common/components/Contact/Email/Send.vue";
|
|
||||||
import SendSMSModal from "@Common/components/Contact/SMS/Send.vue";
|
|
||||||
|
|
||||||
import TaskAdd from "@Common/components/Task/Add.vue";
|
|
||||||
import TaskTimeline from "@Common/components/Task/Timeline/Modal-Layout.vue";
|
|
||||||
import TaskTimelineItem from "@Common/components/Task/Timeline/Item.vue";
|
|
||||||
|
|
||||||
import EventAdd from "@Common/components/Event/Add.vue";
|
|
||||||
import EventTimeline from "@Common/components/Event/Timeline/Modal-Layout.vue";
|
|
||||||
import EventTimelineItem from "@Common/components/Event/Timeline/Item.vue";
|
|
||||||
|
|
||||||
import TransactionAdd from "@Common/components/Transaction/Add.vue";
|
|
||||||
import TransactionTimeline from "@Common/components/Transaction/Timeline/Modal-Layout.vue";
|
|
||||||
|
|
||||||
import CommentsTimeline from "@Common/components/Comment/Modal-Layout.vue";
|
|
||||||
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
'wm-client-items' : ClientItems,
|
|
||||||
'wm-client-filter' : ClientFilters,
|
|
||||||
'wm-client-details' : ClientDetails,
|
|
||||||
'wm-client-status' : ClientStatus,
|
|
||||||
'wm-send-email' : SendEmailModal,
|
|
||||||
'wm-send-sms' : SendSMSModal,
|
|
||||||
'wm-task-add' : TaskAdd,
|
|
||||||
'wm-task-timeline' : TaskTimeline,
|
|
||||||
'wm-event-add' : EventAdd,
|
|
||||||
'wm-event-timeline' : EventTimeline,
|
|
||||||
'wm-transaction-add' : TransactionAdd,
|
|
||||||
'wm-transaction-timeline' : TransactionTimeline,
|
|
||||||
'wm-comments-timeline' : CommentsTimeline,
|
|
||||||
},
|
|
||||||
data: function () {
|
|
||||||
return {
|
|
||||||
breadcrumbItems: [
|
|
||||||
{
|
|
||||||
text: '',
|
|
||||||
disabled: false,
|
|
||||||
href: 'Home',
|
|
||||||
icon: 'home'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: ' مشتریان من ',
|
|
||||||
disabled: true,
|
|
||||||
href: 'Clients'
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in new issue