消息列表：已读消息更改

front/src/views/mynoticeView/components/NoticeList.vue

@@ -79,7 +79,11 @@
           <a-list-item>
             <a-list-item-meta description="">
               <template #title>
-                <div class="left" @click="read(item)">
+                <div
+                  class="left"
+                  @click="read(item)"
+                  :class="item.readStatus === 1 ? '' : 'pointer'"
+                >
                   {{ item.content }}
                 </div>
                 <div class="right">{{ '发布时间：' + item.senderDate }}</div>
@@ -217,14 +221,12 @@
     return
   }
   console.log(selectData.value)
-    // let str = ''
+
-    // selectData.value.forEach((val, index) => {
-    //   str += val
-    //   if (index < selectData.value.length - 1) {
-    //     str += ';'
-    //   }
-    // })
   if (item) {
+    // 已读状态
+    if (item.readStatus === 1) {
+      return
+    }
     mynoticeRead(item.id).then((res) => {
       if (res.data.code == 0) {
         message.success('操作成功！')
@@ -304,6 +306,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
+
     .left {
       display: flex;
       .item {
@@ -365,6 +368,7 @@
     padding: 0.14rem 3.1rem 0;
     display: flex;
     justify-content: space-between;
+
     .left {
       display: flex;
       align-items: center;
@@ -421,8 +425,8 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
+
         .left {
-            cursor: pointer;
           width: 9.2rem;
           max-height: 0.43rem;
           overflow: hidden;
@@ -432,6 +436,9 @@
           -webkit-box-orient: vertical;
           word-break: break-all;
         }
+        .pointer {
+          cursor: pointer;
+        }
         .left:hover {
           color: #0058e1;
         }