From 338b53c9ed0571319a397873b409f45cb8e4202f Mon Sep 17 00:00:00 2001 From: 劉鈞霖 <benson@gmail.com> Date: 星期五, 19 十一月 2021 15:24:05 +0800 Subject: [PATCH] [ Update ] : 1.nav bar 下拉選單UI 微調,將localStorage存入store 監聽角色來去改變下拉選單對應項目 2. 顧問登入layout 更改 3.layout page 新增淡入特效 , --- PAMapp/components/BackActionBar.vue | 16 +++++++++++----- 1 files changed, 11 insertions(+), 5 deletions(-) diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue index dd01052..428fab1 100644 --- a/PAMapp/components/BackActionBar.vue +++ b/PAMapp/components/BackActionBar.vue @@ -1,17 +1,20 @@ <template> <nav class="pam-back-action-bar fix-chrome-click--issue"> - <a @click="$router.push('/')"> + <a @click="pushRouterByLoginRole"> <i class="icon-left "></i>{{ label }} </a> </nav> </template> <script lang="ts"> -import { Vue, Component } from 'vue-property-decorator'; - +import { namespace } from 'nuxt-property-decorator'; +import { Vue, Component,} from 'vue-property-decorator'; +import * as _ from 'lodash'; +import { Role } from './NavBar.vue'; +const localStorage = namespace('localStorage'); @Component export default class UiCarousel extends Vue { - + @localStorage.Getter currentRole!:string; get label(): string { if (this.$route.name) { const routeName = this.$route.name.split('-')[0]; @@ -43,7 +46,10 @@ return '�����'; } } - + pushRouterByLoginRole():void{ + const link = _.isEqual(this.currentRole,Role.ADMIN)? '/myAppointmentList/appointmentList':'/'; + this.$router.push(link); + } } </script> -- Gitblit v1.8.0