fix 通知消息

This commit is contained in:
yxh 2024-01-08 15:08:27 +08:00
parent f00cf6db39
commit 2e67b8c04f
2 changed files with 23 additions and 17 deletions

View File

@ -13,14 +13,15 @@
<div class="content-box-item" v-for="(v, k) in noticeList" :key="k"> <div class="content-box-item" v-for="(v, k) in noticeList" :key="k">
<div @click="handleRead(v)"> <div @click="handleRead(v)">
<div>{{ v.title }}</div> <div>{{ v.title }}</div>
<div class="content-box-msg"> <div class="content-box-msg" v-html="v.content">
{{ v.content }} </div>
<div class="msg-box-attr">
<span class="content-box-time">{{ v.createdAt }}</span>
<span>
<el-tag type="success" effect="plain" v-if="v.isRead==true">已读</el-tag>
<el-tag type="danger" effect="plain" v-else>未读</el-tag>
</span>
</div> </div>
<span class="content-box-time">{{ v.createdAt }}</span>
<span style="float: right">
<el-tag type="success" effect="plain" v-if="v.isRead==true">已读</el-tag>
<el-tag type="danger" effect="plain" v-else>未读</el-tag>
</span>
</div> </div>
</div> </div>
</template> </template>
@ -51,13 +52,13 @@
<div class="content-box-msg" v-html="v.content"> <div class="content-box-msg" v-html="v.content">
</div> </div>
<span class="content-box-time">{{ v.createdAt }}</span> <div class="msg-box-attr">
<span style="float: right"> <span class="content-box-time">{{ v.createdAt }}</span>
<span>
<el-tag type="success" effect="plain" v-if="v.isRead==true">已读</el-tag> <el-tag type="success" effect="plain" v-if="v.isRead==true">已读</el-tag>
<el-tag type="danger" effect="plain" v-else>未读</el-tag> <el-tag type="danger" effect="plain" v-else>未读</el-tag>
</span> </span>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -302,7 +303,12 @@ export default defineComponent({
:deep(.el-tabs__item) { :deep(.el-tabs__item) {
width: 200px; width: 200px;
}
.msg-box-attr{
padding-bottom: 5px;
flex-direction: row;
display: flex;
justify-content: space-between;
align-items: center;
} }
</style> </style>

View File

@ -118,7 +118,7 @@ export default defineComponent({
loading: false, loading: false,
param: { param: {
pageNum: 1, pageNum: 1,
pageSize: 3, pageSize: 10,
id: undefined, id: undefined,
title: undefined, title: undefined,
type: 1, type: 1,