消息日志ui

pages/news/index.vue

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