|
|
|
|
@ -15,8 +15,13 @@
|
|
|
|
|
:hide-on-click="false"
|
|
|
|
|
>
|
|
|
|
|
<div class="message-wrapper">
|
|
|
|
|
<i class="el-icon-chat-dot-square" />
|
|
|
|
|
<span>消息中心</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-badge :value="noticeData.length>0?noticeData.length:''" :max="99" class="item">
|
|
|
|
|
<i class="el-icon-chat-dot-square" />
|
|
|
|
|
<span>消息中心</span>
|
|
|
|
|
</el-badge>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<template v-slot:dropdown>
|
|
|
|
|
<el-dropdown-menu class="message-dropdown">
|
|
|
|
|
@ -46,7 +51,7 @@
|
|
|
|
|
<el-dropdown-item :divided="!index">
|
|
|
|
|
<div style="display: flex; align-items: center">
|
|
|
|
|
<div v-for="(value, key) in item.data">
|
|
|
|
|
{{ key }} : {{ value }}
|
|
|
|
|
{{timeymd(item.created_at)}} {{ key }} : {{ value }}
|
|
|
|
|
</div>
|
|
|
|
|
<Button
|
|
|
|
|
style="margin-left: 10px;"
|
|
|
|
|
@ -59,6 +64,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
</template>
|
|
|
|
|
<!-- <li>查看更多消息</li> -->
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<div style="text-align: center;color: rgb(140,140,140);padding: 10px 0;">暂无通知</div>
|
|
|
|
|
@ -177,6 +183,10 @@ export default {
|
|
|
|
|
...mapGetters(["sidebar", "avatar"]),
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
timeymd(start){
|
|
|
|
|
|
|
|
|
|
return this.$moment(start).format('YYYY-MM-DD')
|
|
|
|
|
},
|
|
|
|
|
toggleMessage(item){
|
|
|
|
|
if(item.read_at) return
|
|
|
|
|
toggleRead({
|
|
|
|
|
@ -211,7 +221,11 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
/deep/ .el-badge__content.is-fixed{
|
|
|
|
|
top:13px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.navbar {
|
|
|
|
|
height: 50px;
|
|
|
|
|
@ -296,10 +310,10 @@ export default {
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
|
|
padding: 0 6px;
|
|
|
|
|
& > i {
|
|
|
|
|
i {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
& > span {
|
|
|
|
|
span {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
|
|
padding-left: 6px;
|
|
|
|
|
|