| | |
| | | <template> |
| | | <nav class="pam-back-action-bar fix-chrome-click--issue"> |
| | | <a @click="pushRouterByLoginRole"> |
| | | <i class="icon-left "></i>{{ label }} |
| | | <i class="icon-left "></i> |
| | | </a> |
| | | <div class="label">{{ label }}</div> |
| | | </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'; |
| | | import { Role } from '~/shared/models/enum/Role'; |
| | | |
| | | 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 = ''; |
| | |
| | | featureLabel = '我的顧問清單'; |
| | | break; |
| | | case 'agentInfo': |
| | | featureLabel = '業務員資訊' |
| | | featureLabel = _.isEqual(this.currentRole,Role.ADMIN) ? '查看帳號資訊' : '業務員資訊' |
| | | break; |
| | | default: |
| | | featureLabel = '回首頁'; |
| | |
| | | case 'notification': |
| | | featureLabel = '通知'; |
| | | break; |
| | | case 'userReviewsRecord': |
| | | case 'record': |
| | | featureLabel = '查看紀錄'; |
| | | break; |
| | |
| | | case 'consultantAccountSetting': |
| | | featureLabel = '查看帳號資訊'; |
| | | break; |
| | | case 'faq': |
| | | featureLabel = 'F&Q 常見問題'; |
| | | break; |
| | | } |
| | | return featureLabel; |
| | | } else { |
| | |
| | | } |
| | | |
| | | pushRouterByLoginRole():void{ |
| | | const previousPageName = this.$route.name; |
| | | previousPageName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1); |
| | | const pathName = this.$route.name; |
| | | pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1); |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | |
| | |
| | | width: 100%; |
| | | background-color: $PRIMARY_WHITE; |
| | | z-index: 6; |
| | | font-size: 20px; |
| | | font-weight: bold; |
| | | i { |
| | | font-size: 20px; |
| | | display: block; |
| | | padding-right: 14px; |
| | | } |
| | | a { |
| | | cursor: pointer; |
| | | font-size: 24px; |
| | | font-weight: bold; |
| | | padding: 20px; |
| | | padding: 0 20px; |
| | | width: 26px; |
| | | } |
| | | .label { |
| | | margin: 0 auto; |
| | | transform: translateX(-33px); |
| | | } |
| | | } |
| | | |
| | | @include desktop { |
| | | .pam-back-action-bar { |
| | | top: $DESKTOP_NAV_BAR; |
| | | font-size: 24px; |
| | | } |
| | | } |
| | | |
| | | </style> |