From 4268b9126c9a3e71b695bcfd66475fdee980166d Mon Sep 17 00:00:00 2001 From: wayne <wayne8692wayne8692@gmail.com> Date: 星期五, 22 四月 2022 18:02:00 +0800 Subject: [PATCH] [update] [todo 137875] 新增公司、保誠廠商JNDI連線設定 --- PAMapp/components/BackActionBar.vue | 84 +++++++++++++++++++++++++++++------------- 1 files changed, 58 insertions(+), 26 deletions(-) diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue index f8e33de..29fc5ee 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,32 @@ <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 = ''; @@ -63,6 +80,26 @@ case 'faq': featureLabel = 'F&Q 撣貉����'; 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; } else { @@ -70,46 +107,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