From cd4a64b39c429f2f5b45cb042d1b66f1cd3904cd Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期一, 15 十一月 2021 18:06:40 +0800
Subject: [PATCH] [ Update ] 更新 navbar 清單 根據 角色 顯示清單
---
PAMapp/layouts/default.vue | 22 +++++++++++++++++-----
1 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/PAMapp/layouts/default.vue b/PAMapp/layouts/default.vue
index 3c838af..faa3fe4 100644
--- a/PAMapp/layouts/default.vue
+++ b/PAMapp/layouts/default.vue
@@ -36,17 +36,18 @@
return this.bannerTextDto[this.route] ? this.bannerTextDto[this.route] : [];
};
- get route(): string {
- return _.split(this.$route.name, '-')[0];
+ get route(): string{
+ const routeName = this.$route.name;
+ return routeName ? routeName:'';
};
get bannerClassName() {
- return this.route ? this.routeFormatBannerClass(this.route) : '';
+ return this.routeFormatBannerClass(this.route);
};
// format to {page}-banner or pam-no-banner tag
private routeFormatBannerClass(route: string): string {
- const needBannerTags = ['recommendConsultant', 'quickFilter', 'myConsultantList'];
+ const needBannerTags = ['recommendConsultant', 'quickFilter', 'myConsultantList-consultantList','myAppointmentList-appointmentList'];
return _.includes(needBannerTags, route) ? route + '-banner' : 'pam-no-banner';
};
@@ -160,7 +161,7 @@
}
}
- .myConsultantList {
+ .myConsultantList-consultantList {
&-banner {
background-image: url('~/assets/images/myConsultantList/banner_mob.svg');
}
@@ -185,4 +186,15 @@
}
}
}
+ .myAppointmentList-appointmentList{
+ &-banner {
+ background-image: url('~/assets/images/myAppointmentList/agent_banner_mob.svg');
+ }
+
+ @media (min-width: 768px) {
+ &-banner {
+ background-image: url('~/assets/images/myAppointmentList/agent_banner_web.svg');
+ }
+ }
+ }
</style>
--
Gitblit v1.8.0