[ Update ] : 修正錯誤訊息 css ，新增顧問登入查看帳號資訊

劉鈞霖

2021-12-01 a7b7bc7f3a29dd6d435ff3320211e7edbba81bdf

 PAMapp/components/BackActionBar.vue

@@ -9,19 +9,20 @@
<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 './NavBar.vue';
const localStorage = namespace('localStorage');

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,13 +34,26 @@
          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 {
@@ -47,8 +61,7 @@
    }
  }
  pushRouterByLoginRole():void{
    const link = _.isEqual(this.currentRole,Role.ADMIN)? '/myAppointmentList/appointmentList':'/';
    this.$router.push(link); 
    this.$router.go(-1);
  }
}
</script>
@@ -60,7 +73,7 @@
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  top: $MOB_NAV_BAR;
  left: 0;
  width: 100%;
  background-color: $PRIMARY_WHITE;
@@ -76,4 +89,10 @@
    padding: 20px;
  }
}

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