From 0496faa586224dff0a93ba4abcaeafab6df83aa2 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期五, 26 十一月 2021 10:19:18 +0800
Subject: [PATCH] fix: TODO#130846 各內頁加上 navbar (web 跑版)
---
PAMapp/components/BackActionBar.vue | 37 +++++++++++++++++++++++++++++--------
1 files changed, 29 insertions(+), 8 deletions(-)
diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index 41c3cca..c3aef12 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -1,24 +1,28 @@
<template>
- <nav class="pam-back-action-bar">
- <a @click="$router.push('/')">
- <i class="icon-left"></i>{{ label }}
+ <nav class="pam-back-action-bar fix-chrome-click--issue">
+ <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 { Role } from '~/assets/ts/models/enum/Role';
+import * as _ from 'lodash';
+const roleStorage = namespace('localStorage');
@Component
export default class UiCarousel extends Vue {
-
+ @roleStorage.Getter currentRole!:string;
get label(): string {
if (this.$route.name) {
const routeName = this.$route.name.split('-')[0];
let featureLabel = '';
switch(routeName) {
case 'login':
- featureLabel = '��';
+ featureLabel = '�� | 閮餃��';
break;
case 'recommendConsultant':
featureLabel = '������';
@@ -35,22 +39,33 @@
default:
featureLabel = '�����';
break;
+ case 'questionnaire':
+ featureLabel = '�脰����';
}
return featureLabel;
} else {
return '�����';
}
}
-
+ pushRouterByLoginRole():void{
+ const link = _.isEqual(this.currentRole,Role.ADMIN)? '/myAppointmentList/appointmentList':'/';
+ this.$router.push(link);
+ }
}
</script>
<style lang="scss" scoped>
.pam-back-action-bar {
- height: 53px;
+ height: $MOB_NAV_BAR;
border: 1px solid #CCCCCC;
display: flex;
align-items: center;
+ position: fixed;
+ top: $MOB_NAV_BAR;
+ left: 0;
+ width: 100%;
+ background-color: $PRIMARY_WHITE;
+ z-index: 6;
i {
font-size: 20px;
padding-right: 14px;
@@ -62,4 +77,10 @@
padding: 20px;
}
}
+
+@include desktop {
+ .pam-back-action-bar {
+ top: $DESKTOP_NAV_BAR;
+ }
+}
</style>
--
Gitblit v1.8.0