[ Update ] 更新 navbar 清單 根據 角色 顯示清單

劉鈞霖

2021-11-15 cd4a64b39c429f2f5b45cb042d1b66f1cd3904cd

 PAMapp/layouts/default.vue

@@ -37,16 +37,17 @@
    };

    get route(): string {
      return _.split(this.$route.name, '-')[0];
      const routeName = this.$route.name;
      return routeName ? routeName:'';
    };

    get bannerClassName() {
      return this.route ? this.routeFormatBannerClass(this.route) : '';
      return this.routeFormatBannerClass(this.route);
    };

    // format to {page}-banner or pam-no-banner tag
    private routeFormatBannerClass(route: string): string {
      const needBannerTags = ['recommendConsultant', 'quickFilter', 'myConsultantList'];
      const needBannerTags = ['recommendConsultant', 'quickFilter', 'myConsultantList-consultantList','myAppointmentList-appointmentList'];
      return _.includes(needBannerTags, route) ? route + '-banner' : 'pam-no-banner';
    };

@@ -160,7 +161,7 @@
    }
  }

  .myConsultantList {
  .myConsultantList-consultantList {
    &-banner {
      background-image: url('~/assets/images/myConsultantList/banner_mob.svg');
    }
@@ -185,4 +186,15 @@
      }
    }
  }
  .myAppointmentList-appointmentList{
    &-banner {
      background-image: url('~/assets/images/myAppointmentList/agent_banner_mob.svg');
    }

    @media (min-width: 768px) {
      &-banner {
        background-image: url('~/assets/images/myAppointmentList/agent_banner_web.svg');
      }
    }
  }
</style>