|
|
@ -1,29 +1,24 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<v-container>
|
|
|
|
<v-container class="not-fluid">
|
|
|
|
<v-row class="reverse">
|
|
|
|
<v-row class="reverse">
|
|
|
|
<v-col xl="8" lg="8" offset-xl="2" offset-lg="2" class="fade-in fast delay-01">
|
|
|
|
<v-col xl="8" lg="8" offset-xl="2" offset-lg="2" class="fade-in fast delay-01">
|
|
|
|
<big-section-title title_fa="سیستم مدیریت یک پارچه" title_en="Integrated Management System"
|
|
|
|
<big-section-title title_fa="سیستم مدیریت یک پارچه" title_en="Integrated Management System" desc="هر آنچه مربوط به مدیریت مجموعه ی شما می باشد."/>
|
|
|
|
desc="هر آنچه مربوط به مدیریت مجموعه ی شما می باشد."/>
|
|
|
|
|
|
|
|
</v-col>
|
|
|
|
</v-col>
|
|
|
|
</v-row>
|
|
|
|
</v-row>
|
|
|
|
<v-row>
|
|
|
|
<v-row>
|
|
|
|
<a
|
|
|
|
<a
|
|
|
|
:href="module.hasModule ? module.href : 'javascript:void(0)'"
|
|
|
|
:href="module.hasModule ? module.href : 'javascript:void(0)'"
|
|
|
|
:class="'flex fade-in fast ' + module.main_class"
|
|
|
|
:class="`module col col-xl-2 col-md-2 col-sm-4 col-xs-6 pa-0 fade-in fast flex-justified-center ${module.main_class}`"
|
|
|
|
v-for="( module ,key ) in modules"
|
|
|
|
v-for="( module ,key ) in modules"
|
|
|
|
:key="key"
|
|
|
|
:key="key"
|
|
|
|
:style="`animation-delay: ${key * 0.1}s;`"
|
|
|
|
:style="`animation-delay: ${key * 0.1}s;`"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<icon-tile
|
|
|
|
<icon-tile
|
|
|
|
:theme="module.title_class +' Shadowed'"
|
|
|
|
:theme="module.title_class"
|
|
|
|
:class="module.hasModule ? '' : 'has-blur'"
|
|
|
|
:class="module.hasModule ? '' : 'has-blur'"
|
|
|
|
:TitleEn="module.title_en"
|
|
|
|
:TitleEn="module.title_en"
|
|
|
|
:TitleFa="module.title_fa"
|
|
|
|
:TitleFa="module.title_fa"
|
|
|
|
:GradientBegin="module.gradient_begin"
|
|
|
|
|
|
|
|
:GradientEnd="module.gradient_end"
|
|
|
|
|
|
|
|
:icon="module.img_url"
|
|
|
|
:icon="module.img_url"
|
|
|
|
:height="module.img_height"
|
|
|
|
|
|
|
|
:Desc="module.description"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</v-row>
|
|
|
|
</v-row>
|
|
|
@ -38,6 +33,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import IconTile from '@Global/components/Tiles/Icon-Tile';
|
|
|
|
import IconTile from '@Global/components/Tiles/Icon-Tile';
|
|
|
|
|
|
|
|
import SquareIconTile from '@Global/components/Tiles/Square-Icon-Tile';
|
|
|
|
import {mapGetters, mapActions} from "vuex";
|
|
|
|
import {mapGetters, mapActions} from "vuex";
|
|
|
|
import routes from '@Global/utils/common/routes';
|
|
|
|
import routes from '@Global/utils/common/routes';
|
|
|
|
import BigSectionTitle from '@Global/components/Dividers/Section-Title-Big';
|
|
|
|
import BigSectionTitle from '@Global/components/Dividers/Section-Title-Big';
|
|
|
@ -49,6 +45,7 @@
|
|
|
|
}),
|
|
|
|
}),
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
IconTile,
|
|
|
|
IconTile,
|
|
|
|
|
|
|
|
SquareIconTile,
|
|
|
|
BigSectionTitle
|
|
|
|
BigSectionTitle
|
|
|
|
},
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
computed: {
|
|
|
@ -77,7 +74,7 @@
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
<style scoped lang="scss">
|
|
|
|
.container {
|
|
|
|
.module.border-left {
|
|
|
|
max-width: 1785px;
|
|
|
|
border-left: 1px solid #d4d4d4;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|