<template>
|
<nav class="pam-back-action-bar fix-chrome-click--issue">
|
<a @click="pushRouterByLoginRole" v-if="questionnaireState">
|
<i class="icon-left "></i>{{ label }}
|
</a>
|
</nav>
|
</template>
|
|
<script lang="ts">
|
import { namespace, Watch } from 'nuxt-property-decorator';
|
import { Vue, Component,} from 'vue-property-decorator';
|
import { Role } from '~/assets/ts/models/enum/Role';
|
import * as _ from 'lodash';
|
import { isLogin } from '~/assets/ts/auth';
|
|
const roleStorage = namespace('localStorage');
|
@Component
|
export default class UiCarousel extends Vue {
|
@roleStorage.Getter currentRole!:string;
|
questionnaireState: boolean = true;
|
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 = _.isEqual(this.currentRole,Role.ADMIN) ? '查看帳號資訊' : '業務員資訊'
|
break;
|
default:
|
featureLabel = '回首頁';
|
break;
|
case 'questionnaire':
|
featureLabel = '進行預約';
|
break;
|
case 'notification':
|
featureLabel = '通知';
|
break;
|
case 'record':
|
featureLabel = '查看紀錄';
|
break;
|
case 'accountSetting':
|
featureLabel = '個人帳號設定';
|
break;
|
case 'consultantAccountSetting':
|
featureLabel = '查看帳號資訊';
|
break;
|
}
|
return featureLabel;
|
} else {
|
return '回首頁';
|
}
|
}
|
|
pushRouterByLoginRole():void{
|
const pathName = this.$route.name;
|
pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1);
|
}
|
|
set label(value) {
|
this.questionnaireState = value === '進行預約' ? isLogin() : true;
|
}
|
}
|
</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: $MOB_NAV_BAR;
|
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;
|
}
|
}
|
|
@include desktop {
|
.pam-back-action-bar {
|
top: $DESKTOP_NAV_BAR;
|
}
|
}
|
</style>
|
