From b70d887ee30e589b4f1efc3d5cedb43d59ffc534 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期五, 26 十一月 2021 09:48:48 +0800
Subject: [PATCH] fix: TODO#130846 各內頁加上 navbar
---
PAMapp/components/BackActionBar.vue | 81 +++++++++++++++++++++++++++++++++++++++-
1 files changed, 79 insertions(+), 2 deletions(-)
diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index 3b20418..364b406 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -1,3 +1,80 @@
<template>
- <div>backActionBar</div>
-</template>
\ No newline at end of file
+ <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 { 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 = '�� | 閮餃��';
+ break;
+ case 'recommendConsultant':
+ featureLabel = '������';
+ break;
+ case 'quickFilter':
+ featureLabel = '敹恍�祟�';
+ break;
+ case 'myConsultantList':
+ featureLabel = '���“���';
+ break;
+ case 'agentInfo':
+ featureLabel = '璆剖�鞈��'
+ break;
+ 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: $MOB_NAV_BAR;
+ border: 1px solid #CCCCCC;
+ display: flex;
+ align-items: center;
+ position: fixed;
+ top: 52px;
+ left: 0;
+ width: 100%;
+ background-color: $PRIMARY_WHITE;
+ z-index: 6;
+ i {
+ font-size: 20px;
+ padding-right: 14px;
+ }
+ a {
+ cursor: pointer;
+ font-size: 24px;
+ font-weight: bold;
+ padding: 20px;
+ }
+}
+</style>
--
Gitblit v1.8.0