From b4d6944076f1df6eedaae35c4c2a7072fe988e8a Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期二, 30 四月 2024 15:34:02 +0800 Subject: [PATCH] update: package-lock.json --- PAMapp/components/BackActionBar.vue | 89 ++++++++++++++++++++++++++++++-------------- 1 files changed, 60 insertions(+), 29 deletions(-) diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue index f8e33de..c6c5ef7 100644 --- a/PAMapp/components/BackActionBar.vue +++ b/PAMapp/components/BackActionBar.vue @@ -1,7 +1,7 @@ <template> <nav class="pam-back-action-bar fix-chrome-click--issue"> - <a @click="pushRouterByLoginRole"> - <i class="icon-left "></i> + <a @click="goBack"> + <i class="icon-left "></i> </a> <div class="label">{{ label }}</div> </nav> @@ -10,15 +10,31 @@ <script lang="ts"> import { namespace } from 'nuxt-property-decorator'; import { Vue, Component,} from 'vue-property-decorator'; -import * as _ from 'lodash'; + import { Role } from '~/shared/models/enum/Role'; -const roleStorage = namespace('localStorage'); +const appointmentStore = namespace('appointment.store'); +const roleStorage = namespace('localStorage'); + @Component export default class UiCarousel extends Vue { - @roleStorage.Getter currentRole!:string; - get label(): string { + @roleStorage.Getter + currentRole!:string; + + @appointmentStore.Getter + isCloseAppointment!: boolean; + + ////////////////////////////////////////////////////////////////////// + + goBack(): void { + const pathName = this.$route.name; + pathName?.includes('myConsultantList') + ? this.$router.push('/') + : this.$router.go(-1); + } + + get label(): string { if (this.$route.name) { const routeName = this.$route.name.split('-')[0]; let featureLabel = ''; @@ -37,7 +53,7 @@ break; case 'agentInfo': const agentFeatureLabel = this.$route.name.includes('edit') ? '蝺刻摩撣唾����' : '���董�����'; - featureLabel = _.isEqual(this.currentRole,Role.ADMIN) + featureLabel = this.currentRole === Role.ADMIN ? agentFeatureLabel : '璆剖�鞈��' break; @@ -61,7 +77,27 @@ featureLabel = '���董�����'; break; case 'faq': - featureLabel = 'F&Q 撣貉����'; + featureLabel = 'FAQ 撣貉����'; + break; + case 'appointment': + const appointmentFeatureLabel = this.$route.name.includes('close') + ? '蝯��' + : this.isCloseAppointment ? '蝯��敦' : '������'; + const inInterview = this.$route.name.includes('interview'); + const addNewInterview = this.$route.name.includes('new'); + const interviewList = this.$route.name.includes('interviewList'); + const recordList = this.$route.name.includes('recordList'); + if (interviewList) { + featureLabel = '蝝赤蝝����'; + } else if (recordList) { + featureLabel = '蝟餌絞�蝝����'; + } else if (inInterview) { + featureLabel = addNewInterview + ? '�憓�赤蝝����' + : '蝺刻摩蝝赤蝝����'; + } else { + featureLabel = appointmentFeatureLabel; + } break; } return featureLabel; @@ -70,46 +106,41 @@ } } - pushRouterByLoginRole():void{ - const pathName = this.$route.name; - pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1); - } - } </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%; + 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; - font-size: 20px; - font-weight: bold; + z-index : 6; + font-size : 20px; + font-weight : bold; i { - display: block; + display : block; padding-right: 14px; } a { - cursor: pointer; + cursor : pointer; padding: 0 20px; - width: 26px; + width : 26px; } .label { - margin: 0 auto; + margin : 0 auto; transform: translateX(-33px); } } @include desktop { .pam-back-action-bar { - top: $DESKTOP_NAV_BAR; + top : $DESKTOP_NAV_BAR; font-size: 24px; } } -- Gitblit v1.8.0