< template >
< v -container fluid >
< div class = "Tile Shadowed Padd-0 WM-Margin-B-10" >
< wm -breadcrumbs LinkClass = "WM-Link-Cyan" :items ="breadcrumbItems" > < / w m - b r e a d c r u m b s >
< / div >
< div class = "Tile Shadowed" >
< page -title
titleFaClass = "black--text"
color = "black"
titleFa = " افزودن بخش جدید "
titleEn = " Add a New Module "
imageAddress = "MacRed.jpg"
> < / p a g e - t i t l e >
<!-- < module -items :modules ="modules" / > -- >
<!-- < div : class = "'ModuleItem '+module.color_class+'Border'" > -- >
<!-- < div : class = "'itrator En '+module.color_class+'--text'" > { { index + 1 } } < / div > -- >
<!-- < v -layout row wrap class = "WM-Margin-0" > -- >
<!-- < v -flex lg4 class = "Title" > -- >
<!-- < div class = "Fa" > { { module . title _fa } } < / div > -- >
<!-- < div class = "En" > { { module . title _en } } < / div > -- >
<!-- < / v - f l e x > - - >
<!-- < v -flex lg4 class = "Price" > -- >
<!-- < div class = "Old En" v-if ="module.old_price" > {{ Intl.NumberFormat ( ) .format ( module.old_price ) }} < / div > - - >
<!-- < div class = "Main En" > -- >
<!-- { { Intl . NumberFormat ( ) . format ( module . price ) } } -- >
<!-- < span class = "Unit" > IRT < / span > -- >
<!-- < / div > -- >
<!-- < / v - f l e x > - - >
<!-- < v -flex lg4 class = "WM-Align-L" > -- >
<!-- < v -tooltip top transition = "slide-x-transition" color = "black" v -if = " module.has_module = = ' no ' " > -- >
<!-- < template v -slot : activator = "{ on }" > -- >
<!-- < v -btn - - >
<!-- v - on = "on" -- >
<!-- small -- >
<!-- @ click . native = "$_openModal({ name: 'rolePermission_trialConfirm', model: module})" -- >
<!-- slot = "activator" -- >
<!-- fab -- >
<!-- : color = "module.color_class" -- >
<!-- > -- >
<!-- < v -icon dark > WMi - history < / v - i c o n > - - >
<!-- < / v - b t n > - - >
<!-- < / template > -- >
<!-- < span > فعالسازی نسخه ی 15 روزه ، آزمایشی < / span > -- >
<!-- < / v - t o o l t i p > - - >
<!-- & lt ; ! & ndash ; < v -tooltip top transition = "slide-x-transition" color = "black" v-if ="module.has_module == 'no' || module.is_trial == 'yes'" > - - >
<!-- < template v -slot : activator = "{ on }" > -- >
<!-- < v -btn - - >
<!-- @ click . native = "$_openModal({ name: 'rolePermission_paymentConfirm', model: module})" -- >
<!-- slot = "activator" -- >
<!-- fab -- >
<!-- : color = "module.color_class" -- >
<!-- dark -- >
<!-- v - on = "on" -- >
<!-- > -- >
<!-- < v -icon dark > WMi - plus < / v - i c o n > - - >
<!-- < / v - b t n > - - >
<!-- < / template > -- >
<!-- < span > خرید < / span > -- >
<!-- < / v - t o o l t i p > & n d a s h ; & g t ; - - >
<!-- < / v - f l e x > - - >
<!-- < v -flex lg12 class = "description RTL" v-if ="module.description_title" > - - >
<!-- < v -expansion -panel popout style = "margin-bottom:0px;" > -- >
<!-- < v -expansion -panel -content > -- >
<!-- < template v -slot : header > -- >
<!-- < v -flex lg12 class = "text-lg-right Title" > -- >
<!-- < v -icon > WMi - align - right < / v - i c o n > - - >
<!-- { { module . description _title } } -- >
<!-- < / v - f l e x > - - >
<!-- < / template > -- >
<!-- < v -card > -- >
<!-- < v -card -text style = "padding:0px 40px 10px 40px" > -- >
<!-- < div class = "WM-Tile" > -- >
<!-- < v -layout row wrap class = "WM-Margin-0" > -- >
<!-- < v -flex lg12 class = "text-lg-right zIndex99 Text" v-html ="module.description" > < / v-flex > - - >
<!-- < / v - l a y o u t > - - >
<!-- < / div > -- >
<!-- < / v - c a r d - t e x t > - - >
<!-- < / v - c a r d > - - >
<!-- < / v - e x p a n s i o n - p a n e l - c o n t e n t > - - >
<!-- < / v - e x p a n s i o n - p a n e l > - - >
<!-- < / v - f l e x > - - >
<!-- < / v - l a y o u t > - - >
<!-- < / div > -- >
< / div >
<!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
Modals : : BEGIN
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- >
< template >
< div class = "text-xs-center" >
< / div >
< / template >
<!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
Modals : : END
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- >
< / v - c o n t a i n e r >
< / template >
< script >
//import ModuleItems from "@Admin/components/Client/Module/Items.vue";
import { mapGetters , mapActions , mapMutations } from "vuex" ;
export default {
components : {
// ModuleItems,
} ,
data ( ) {
return {
breadcrumbItems : [
{
text : "" ,
disabled : false ,
routeName : "Home" ,
icon : "Real-Estate"
} ,
{
text : " افزودن بخش جدید " ,
disabled : true
}
] ,
modules : [
{ title _fa : 'مدیریت ارتباط با مشتری' , title _en : 'Customer Relationship Management - CRM' , color : 'cyan' , icon : 'users' , price : 3500000 , monthly _price : 120000 , remain _days : '251' } ,
{ title _fa : 'مدیریت محصولات و خدمات' , title _en : 'Products & Services Management System' , color : 'orange' , icon : 'align-right' , price : 1500000 , monthly _price : 60000 } ,
{ title _fa : 'سیستم مدیریت فروشگاه' , title _en : 'Store Management System' , color : 'red' , icon : 'communications' , price : 5000000 , monthly _price : 160000 } ,
{ title _fa : 'سیستم مدیریت انبار' , title _en : 'Warehouse Management System' , color : 'purple' , icon : 'truck' , price : 2500000 , monthly _price : 120000 , remain _days : '14' } ,
{ title _fa : 'سیستم مدیریت مالی' , title _en : 'Finance Management System' , color : 'blue' , icon : 'chart-pie' , price : 4500000 , monthly _price : 160000 } ,
] ,
allModules : [ ] ,
} ;
} ,
computed : {
... mapGetters ( "rolePermission" , [ "getAllModules" , "getModules" ] )
} ,
methods : {
... mapActions ( "rolePermission" , [ "loadAllModules" , "loadModules" ] ) ,
async loadPage ( ) {
await this . loadAllModules ( { home _page : true } ) ;
await this . loadModules ( { home _page : true } ) ;
for ( const allModule of this . getAllModules ) {
let module = this . getModules . find ( x => x . id == allModule . id ) ;
if ( module ) {
allModule [ 'has_module' ] = 'yes' ;
allModule [ 'is_trial' ] = module . is _trial ;
} else {
allModule [ 'has_module' ] = 'no' ;
}
}
this . allModules = this . getAllModules ;
}
} ,
beforeMount ( ) {
this . loadPage ( ) ;
}
} ;
< / script >
< style scoped lang = "scss" >
. module - item {
position : relative ;
padding : 2 px 10 px ;
margin - bottom : 10 px ;
}
< / style >