From f36e617e9e534a4b05f2029724d678bbd6c655b3 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期三, 22 十二月 2021 11:38:54 +0800 Subject: [PATCH] refactor: separate api/consultant.ts into serveral services --- PAMapp/components/BackActionBar.vue | 61 ++++++++++++++++++++++++------ 1 files changed, 48 insertions(+), 13 deletions(-) diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue index 428fab1..dc671d9 100644 --- a/PAMapp/components/BackActionBar.vue +++ b/PAMapp/components/BackActionBar.vue @@ -1,8 +1,9 @@ <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> @@ -10,18 +11,20 @@ import { namespace } from 'nuxt-property-decorator'; import { Vue, Component,} from 'vue-property-decorator'; import * as _ from 'lodash'; -import { Role } from './NavBar.vue'; -const localStorage = namespace('localStorage'); +import { Role } from '~/shared/models/enum/role'; + +const roleStorage = namespace('localStorage'); @Component export default class UiCarousel extends Vue { - @localStorage.Getter currentRole!:string; + @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 = '������'; @@ -33,23 +36,42 @@ featureLabel = '���“���'; break; case 'agentInfo': - featureLabel = '璆剖�鞈��' + featureLabel = _.isEqual(this.currentRole,Role.ADMIN) ? '���董�����' : '璆剖�鞈��' break; default: featureLabel = '�����'; break; case 'questionnaire': featureLabel = '�脰����'; + break; + case 'notification': + featureLabel = '�'; + break; + case 'userReviewsRecord': + case 'record': + featureLabel = '�������'; + break; + case 'accountSetting': + featureLabel = '�犖撣唾�身摰�'; + break; + case 'consultantAccountSetting': + featureLabel = '���董�����'; + break; + case 'faq': + featureLabel = 'F&Q 撣貉����'; + break; } return featureLabel; } else { return '�����'; } } + pushRouterByLoginRole():void{ - const link = _.isEqual(this.currentRole,Role.ADMIN)? '/myAppointmentList/appointmentList':'/'; - this.$router.push(link); + const pathName = this.$route.name; + pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1); } + } </script> @@ -60,20 +82,33 @@ display: flex; align-items: center; position: fixed; - top: 0; + top: $MOB_NAV_BAR; left: 0; 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> -- Gitblit v1.8.0