|
|
<template>
|
|
|
<v-dialog v-model="$store.state.UserRoles" width="70%" 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=" User's Access " color="black"></WM-PartTitle>
|
|
|
</v-card-title>
|
|
|
|
|
|
<v-card-text>
|
|
|
<v-layout row wrap class="WM-Section" style="border-right-color: #32c5d2;">
|
|
|
<v-flex class="lg3 RTL text-lg-right">
|
|
|
<div class="Step En" style="color:#32c5d2;"> 01 </div>
|
|
|
<div class="Title">
|
|
|
<div class="FA"> کاربران </div>
|
|
|
<div class="EN"> Users </div>
|
|
|
</div>
|
|
|
<v-tooltip top color="black">
|
|
|
<v-btn small slot="activator" @click.native="$store.state.AddRole = true" fab color="cyan" dark style="float:left; margin-left:10px;"><v-icon dark>fas fa-plus</v-icon></v-btn>
|
|
|
<span> افزودن نقش جدید در بخش مدیریت کاربران سیستم</span>
|
|
|
</v-tooltip>
|
|
|
<!-- <v-switch style="float:left; margin-left:10px;" color="cyan" v-model="UserSwitch"></v-switch> -->
|
|
|
</v-flex>
|
|
|
<v-flex class="lg9">
|
|
|
<v-layout row wrap class="WM-Margin-0">
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر سطح 1 " ItemID="UserAdminL1"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر سطح 2 " ItemID="UserAdminL2"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
</v-layout>
|
|
|
</v-flex>
|
|
|
</v-layout>
|
|
|
<v-layout row wrap class="WM-Section" style="border-right-color: #ee3552;">
|
|
|
<v-flex class="lg3 RTL text-lg-right">
|
|
|
<div class="Step En" style="color:#ee3552;"> 02 </div>
|
|
|
<div class="Title">
|
|
|
<div class="FA"> مدیریت ارتباط با مشتری </div>
|
|
|
<div class="EN"> CRM </div>
|
|
|
</div>
|
|
|
<v-tooltip top color="black">
|
|
|
<v-btn small @click.native="$store.state.AddRole = true" slot="activator" fab color="red" dark style="float:left; margin-left:10px;"><v-icon dark>fas fa-plus</v-icon></v-btn>
|
|
|
<span> افزودن نقش جدید در بخش مدیریت ارتباط با مشتری</span>
|
|
|
</v-tooltip>
|
|
|
<!-- <v-switch style="float:left; margin-left:10px;" color="red" v-model="UserSwitch"></v-switch> -->
|
|
|
</v-flex>
|
|
|
<v-flex class="lg9">
|
|
|
<v-layout row wrap class="WM-Margin-0">
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر وظایف " ItemID="CRMTasksAdmin"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر مشتریان " ItemID="CRMClientsAdmin"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر رویدادها " ItemID="CRMClientsAdmin"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر تراکنش ها " ItemID="CRMClientsAdmin"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
</v-layout>
|
|
|
</v-flex>
|
|
|
</v-layout>
|
|
|
<v-layout row wrap class="WM-Section" style="border-right-color: #FF6B57;">
|
|
|
<v-flex class="lg3 RTL text-lg-right">
|
|
|
<div class="Step En" style="color:#FF6B57;"> 03 </div>
|
|
|
<div class="Title">
|
|
|
<div class="FA"> فروشگاه </div>
|
|
|
<div class="EN"> Store </div>
|
|
|
</div>
|
|
|
<v-tooltip top color="black">
|
|
|
<v-btn small slot="activator" fab color="orange" dark style="float:left; margin-left:10px;"><v-icon dark>fas fa-plus</v-icon></v-btn>
|
|
|
<span> افزودن نقش جدید در بخش فروشگاه </span>
|
|
|
</v-tooltip>
|
|
|
<!-- <v-switch style="float:left; margin-left:10px;" color="orange" v-model="UserSwitch"></v-switch> -->
|
|
|
</v-flex>
|
|
|
<v-flex class="lg9">
|
|
|
<v-layout row wrap class="WM-Margin-0">
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر محصولات " ItemID="StoreProducts"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر تخفیف ها " ItemID="StoreProducts"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر سفارشات " ItemID="StoreProducts"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
<v-flex class="lg4 WM-Flex RoleFlex">
|
|
|
<WM-Checkbox ItemText=" مدیر فروش های ویژه " ItemID="StoreProducts"></WM-Checkbox>
|
|
|
<v-tooltip bottom color="black">
|
|
|
<v-btn class="XS" style="margin:-7px 10px 0px 0px;" @click.native="$store.state.AddRole = true" slot="activator" outline fab color="black" dark><v-icon dark>fas fa-pencil-alt</v-icon></v-btn>
|
|
|
<span> ویرایش نقش </span>
|
|
|
</v-tooltip>
|
|
|
</v-flex>
|
|
|
</v-layout>
|
|
|
</v-flex>
|
|
|
</v-layout>
|
|
|
</v-card-text>
|
|
|
<v-divider></v-divider>
|
|
|
|
|
|
<v-card-actions>
|
|
|
<v-spacer></v-spacer>
|
|
|
<v-btn color="black" depressed dark @click="$store.state.UserRoles = false">
|
|
|
<v-icon dark right>fas fa-check</v-icon> تایید دسترسی ها
|
|
|
</v-btn>
|
|
|
</v-card-actions>
|
|
|
</v-card>
|
|
|
</v-dialog>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
export default {
|
|
|
props: {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
status: [
|
|
|
{ name: ' بسته شده ', id: 1 },
|
|
|
{ name: ' ویزیت اولیه ', id: 2 },
|
|
|
{ name: ' انصراف داده ', id: 3 },
|
|
|
],
|
|
|
UserSwitch: true,
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.RoleFlex {
|
|
|
height: 45px;
|
|
|
align-items: center;
|
|
|
}
|
|
|
</style>
|
|
|
|