| | |
| | | <div class="pam-header__action-bar"> |
| | | <i |
| | | v-if="isShowNotification" |
| | | class="icon-bell text--dark-blue cursor--pointer fix-chrome-click--issue" |
| | | class="icon-bell text--dark-blue cursor--pointer" |
| | | @click="$router.push('/notification')" |
| | | ></i> |
| | | > |
| | | <span :class="{'newNotification': isNewNotification}"></span> |
| | | </i> |
| | | |
| | | <el-dropdown :class="{'is-open':isOpenDropdown}" |
| | | ref="dropdown" |
| | | trigger="click" |
| | |
| | | { |
| | | authorityOfRoleList: [Role.NOT_LOGIN, Role.USER], |
| | | routeUrl: '/faq', |
| | | title: 'F&Q 常見問題', |
| | | title: 'FAQ 常見問題', |
| | | }, |
| | | { |
| | | authorityOfRoleList: [Role.USER, Role.ADMIN], |
| | |
| | | } |
| | | if (this.isAdminLogin) { |
| | | return this.notificationList.length |
| | | } |
| | | } |
| | | |
| | | get isNewNotification() { |
| | | if (this.currentRole) { |
| | | return this.notificationList.filter(item => !item.readDate).length; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | i { |
| | | padding: 0px 15px; |
| | | @extend .fix-chrome-click--issue; |
| | | |
| | | @media screen and (max-width: 352px) { |
| | | padding: 0px 10px; |
| | |
| | | margin: 0px 10px; |
| | | } |
| | | } |
| | | |
| | | .icon-bell { |
| | | position: relative; |
| | | .newNotification { |
| | | position: absolute; |
| | | width: 10px; |
| | | height: 10px; |
| | | top: 0; |
| | | right: 15px; |
| | | border-radius: 50px; |
| | | background: $PRIMARY_RED; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |