root
/
agri-app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

消息日志ui

feasure-livedata
lld 2026-04-02 02:29:01 +08:00
parent 8d3012abc1
commit 0313c372d0
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
pages/news/index.vue
View File

@ -67,11 +67,14 @@
<image mode="aspectFit" :style="{width: item.width, <image mode="aspectFit" :style="{width: item.width,
height: '70rpx' }" :src="item.imgUrl" /> height: '70rpx' }" :src="item.imgUrl" />
</view> </view>
<view v-if="item.badge" class="item-badge"></view> <view v-if="item.numBadge>0 && item.badge" class="item-badge"></view>
</view> </view>
<view class="item-content"> <view class="item-content">
<view class="item-title">{{ item.title }}</view> <view class="item-title">{{ item.title }}</view>
<view class="item-desc">{{ item.content }}</view> <view class="item-desc">
<view v-if="item.content">{{ item.content }}</view>
<view v-else>暂无更多{{item.title.substring(0,2)}}消息...</view>
</view>
</view> </view>
<!-- 右侧时间+角标列 --> <!-- 右侧时间+角标列 -->
<view class="item-right"> <view class="item-right">
@ -79,7 +82,7 @@
<uni-dateformat :date="item.createTime" :format="isTodayDate(item.createTime)?'hh:mm':'yyyy-MM-dd hh:mm:ss'" <uni-dateformat :date="item.createTime" :format="isTodayDate(item.createTime)?'hh:mm':'yyyy-MM-dd hh:mm:ss'"
:threshold="[60000, 3600000]"></uni-dateformat> :threshold="[60000, 3600000]"></uni-dateformat>
</view> </view>
<view v-if="item.numBadge"> <view v-if="item.numBadge>0 && !item.badge">
<uni-badge :text="item.numBadge" type="error" size="mini" /> <uni-badge :text="item.numBadge" type="error" size="mini" />
</view> </view>
</view> </view>
@ -107,7 +110,6 @@ export default {
return { return {
title: '消息中心', title: '消息中心',
isShowTips: true, isShowTips: true,
isShowNumBadge: true,
messageList: [], messageList: [],
msgList: [ msgList: [
{ {
@ -125,7 +127,7 @@ export default {
// iconBg: '#4285F4', // iconBg: '#4285F4',
msgType: 'status', msgType: 'status',
title: '设备状态', title: '设备状态',
badge: true, badge: false,
numBadge: null, numBadge: null,
width: '60rpx' width: '60rpx'
}, },
@ -178,7 +180,7 @@ export default {
cancelText: '取消', cancelText: '取消',
confirmText: '确定', confirmText: '确定',
success: (res) => { success: (res) => {
updateRead().then(response => { updateRead({}).then(response => {
if (response.code === 200) { if (response.code === 200) {
this.getMsgOverview(); this.getMsgOverview();
} }
@ -214,6 +216,9 @@ export default {
if (response.code === 200) { if (response.code === 200) {
this.messageList = response.data; this.messageList = response.data;
this.msgList.forEach((item, index) => { this.msgList.forEach((item, index) => {
item.numBadge = null;
item.content = null;
item.createTime = null;
this.messageList.forEach((msgItem, msgIndex) => { this.messageList.forEach((msgItem, msgIndex) => {
if (msgItem.msgType === item.msgType) { if (msgItem.msgType === item.msgType) {
item.numBadge = msgItem.unreadCount item.numBadge = msgItem.unreadCount
@ -252,7 +257,7 @@ export default {
} }
}) })
} }
}) },)
}, },
// 打开窗口 // 打开窗口
showDrawer(e) { showDrawer(e) {