消息通知已读

src/components/notificationMsg.vue

@@ -10,7 +10,7 @@
                 <el-tab-pane label="研报审批" name="first"></el-tab-pane>
             </el-tabs>
             <div class="massage-list" v-if="visible">
-                <div class="message-item" v-for="item in msgList" :key="item.Id" @click="readMsg(item)">
+                <div class="message-item" :class="{'IsRead':item.IsRead}" v-for="item in msgList" :key="item.Id" @click="readMsg(item)">
                     <span class="icon">
                         <img :src="require(`@/assets/img/approve_m/${approveState[item.ApproveState]||'process'}-msg.svg`)" alt="">
                     </span>
@@ -53,8 +53,13 @@ export default {
     },
     methods:{
         readMsg(msg){
-            const {ApproveState,ReportApproveId} = msg
-            
+            const {ApproveState,ReportApproveId,Id} = msg
+            approveInterence.readApproveMsg({
+                MessageId:Id
+            }).then(res=>{
+                if(res.Ret!==200) return 
+                this.getMsgList()
+            })
             const type = ApproveState===1?'approve':ApproveState===4?'detail':'myself'
             this.$router.push({
                 path:'/approveDetail',
@@ -88,6 +93,9 @@ export default {
             display: flex;
             padding: 5px 0;
             border-bottom: 1px solid #E4E7ED;
+            &.IsRead{
+                color:gray;
+            }
             .icon{
                 width:40px;
                 display: flex;