update 使用 currentRole 判斷目前是否為顧問/客戶登入狀態

Mila

2021-12-10 76c1ce3c2eb001560bfb785f7b2f62d4ec64dcb6

 PAMapp/components/BackActionBar.vue

@@ -1,6 +1,6 @@
<template>
    <nav class="pam-back-action-bar fix-chrome-click--issue">
        <a @click="pushRouterByLoginRole">
        <a @click="pushRouterByLoginRole" v-if="questionnaireState">
          <i class="icon-left "></i>{{ label }}
        </a>
    </nav>
@@ -16,6 +16,7 @@
@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];
@@ -34,22 +35,40 @@
          featureLabel = '我的顧問清單';
          break;
        case 'agentInfo':
          featureLabel = '業務員資訊'
          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 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);
  }

  set label(value) {
    this.questionnaireState = value === '進行預約' ? this.currentRole === Role.USER : true;
  }
}
</script>
@@ -61,7 +80,7 @@
  display: flex;
  align-items: center;
  position: fixed;
  top: 52px;
  top: $MOB_NAV_BAR;
  left: 0;
  width: 100%;
  background-color: $PRIMARY_WHITE;
@@ -77,4 +96,10 @@
    padding: 20px;
  }
}

@include desktop {
  .pam-back-action-bar {
    top: $DESKTOP_NAV_BAR;
  }
}
</style>