保誠-保戶業務員媒合平台
charlie
2022-01-21 b9658b7c42ca15e11153f782949c33a9b2d6a07a
PAMapp/components/NavBar.vue
@@ -16,11 +16,20 @@
          ref="dropdown"
          trigger="click"
          @command="routerNavigateTo">
          <i
            class="icon-avatar text--dark-blue cursor--pointer fix-chrome-click--issue"
          <div
            @click="isOpenDropdown =!isOpenDropdown"
            @blur="isOpenDropdown =false"
          ></i>
            @blur="isOpenDropdown =false">
            <template v-if="isAdminLogin">
              <UiAvatar
              :size="30"
              :agentNo="consultantId"
              class="admin-avatar"
              ></UiAvatar>
            </template>
            <template v-else>
              <i class="icon-avatar text--dark-blue cursor--pointer fix-chrome-click--issue"></i>
            </template>
          </div>
          <el-dropdown-menu
            class="pam-header__dropdown">
            <template v-for="(item,index) in navBarList">
@@ -48,11 +57,20 @@
  @Component
  export default class NavBar extends Vue {
    @roleStorage.Getter idToken!: string | null;
    @roleStorage.Getter currentRole!: string | null;
    @roleStorage.Getter consultantId!: string | null;
    @roleStorage.Getter
    idToken!: string | null;
    @roleStorage.Mutation storageClear!: () => void;
    @roleStorage.Getter
    currentRole!: string | null;
    @roleStorage.Getter
    consultantId!: string | null;
    @roleStorage.Mutation
    storageClear!: () => void;
    @roleStorage.Getter
    isAdminLogin!: boolean;
    isOpenDropdown = false;
@@ -196,6 +214,13 @@
          padding: 0px 10px;
        }
      }
      .admin-avatar {
        margin: 0px 15px;
        @media screen and (max-width: 352px) {
          margin: 0px 10px;
        }
      }
    }
  }