|
|
|
@ -1,20 +1,11 @@ |
|
|
|
<template> |
|
|
|
<li class="nav-item dropdown header-custom-icon"> |
|
|
|
<a |
|
|
|
class="nav-link dropdown-toggle" |
|
|
|
href="#" |
|
|
|
role="button" |
|
|
|
data-toggle="dropdown" |
|
|
|
aria-haspopup="true" |
|
|
|
aria-expanded="false" |
|
|
|
> |
|
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
|
|
|
<i class="icon ion-md-notifications"></i> |
|
|
|
<span class="circle-pulse" v-if="notReadTotal"></span> |
|
|
|
</a> |
|
|
|
<div class="dropdown-menu"> |
|
|
|
<div |
|
|
|
class="dropdown-header d-flex align-items-center justify-content-between" |
|
|
|
> |
|
|
|
<div class="dropdown-header d-flex align-items-center justify-content-between"> |
|
|
|
<p class="mb-0 font-weight-medium"> |
|
|
|
{{ notReadTotal }} {{ $t("common.newMessage") }} |
|
|
|
</p> |
|
|
|
@ -22,23 +13,14 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="dropdown-body" v-infinite-scroll="load"> |
|
|
|
<a |
|
|
|
href="javascript:void(0);" |
|
|
|
class="dropdown-item" |
|
|
|
v-for="(item, index) in list" |
|
|
|
:key="index" |
|
|
|
@click="readNotifiable(item)" |
|
|
|
> |
|
|
|
<a href="javascript:void(0);" class="dropdown-item" v-for="(item, index) in list" :key="index" @click="readNotifiable(item)"> |
|
|
|
<div class="icon position-relative"> |
|
|
|
<!-- <i :class="[`icon`, item.icon]"></i> --> |
|
|
|
<i class="icon ion-md-notifications"></i> |
|
|
|
<span |
|
|
|
class="circle-pulse circle-pulse-news-msg" |
|
|
|
v-if="!item.read_at" |
|
|
|
></span> |
|
|
|
<span class="circle-pulse circle-pulse-news-msg" v-if="!item.read_at"></span> |
|
|
|
</div> |
|
|
|
<div class="content"> |
|
|
|
<p>{{ item.data.title }}</p> |
|
|
|
<p class="title_text">{{ item.data.title }}</p> |
|
|
|
<p class="sub-text text-muted">{{ item.created_at }}</p> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
@ -47,12 +29,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div |
|
|
|
class="dropdown-footer d-flex align-items-center justify-content-center" |
|
|
|
> |
|
|
|
<a href="javascript:void(0);" @click="batchReadNotifiables">{{ |
|
|
|
$t("common.allRead") |
|
|
|
}}</a> |
|
|
|
<div class="dropdown-footer d-flex align-items-center justify-content-center"> |
|
|
|
<a href="javascript:void(0);" @click="batchReadNotifiables">{{$t("common.allRead")}}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<v-box v-model="showMsg" :title="msgDetail.data && msgDetail.data.title"> |
|
|
|
@ -142,4 +120,7 @@ export default { |
|
|
|
right: 0; |
|
|
|
top: 0; |
|
|
|
} |
|
|
|
.dropdown-item:hover .title_text{ |
|
|
|
color: #6c757d; |
|
|
|
} |
|
|
|
</style> |