保誠-保戶業務員媒合平台
Mila
2021-12-20 707b43ca15d380db9b6a72c3a63abc2d7b0efc83
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>
@@ -34,7 +35,7 @@
          featureLabel = '我的顧問清單';
          break;
        case 'agentInfo':
          featureLabel = '業務員資訊'
          featureLabel = _.isEqual(this.currentRole,Role.ADMIN) ? '查看帳號資訊' : '業務員資訊'
          break;
        default:
          featureLabel = '回首頁';
@@ -45,6 +46,7 @@
        case 'notification':
          featureLabel = '通知';
          break;
        case 'userReviewsRecord':
        case 'record':
          featureLabel = '查看紀錄';
          break;
@@ -60,10 +62,12 @@
      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>
@@ -79,21 +83,28 @@
  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>