消息接收完成

action/config.js

@@ -223,6 +223,12 @@ export default  {
       ProjectComment:{
       ProjectComment:{
         delete:'/api/project/comment/',//删除项目评论   +{commentId}
         delete:'/api/project/comment/',//删除项目评论   +{commentId}
       },
       },
+      Message:{
+        delete:'/api/message/',//删除消息  +{messageId}
+      },
+      Messages:{
+        delete:'/api/messages',//删除所有消息
+      }
     },
     },
     put:{
     put:{
       Blog:{
       Blog:{

components/pc/alertsMessage/alertsCard.vue

@@ -3,8 +3,8 @@
     <div class="alerts-card">
     <div class="alerts-card">
       <div class="alerts-card__header">
       <div class="alerts-card__header">
         <div class="header-title">消息通知</div>
         <div class="header-title">消息通知</div>
-        <div class="header-read" @click="handleRead" v-if="flag !== 4">标记已读</div>
-        <div class="header-delete" @click="handleClick" v-if="flag === 4">清空</div>
+        <div class="header-read"  @click="handleRead" v-if="flag !== 4">全部标记已读</div>
+        <div class="header-delete" @click="handleClick" v-if="flag === 4">全部清空</div>
       </div>
       </div>
       <div class="alerts-card__content">
       <div class="alerts-card__content">
         <p v-if="message.length === 0">暂无消息</p>
         <p v-if="message.length === 0">暂无消息</p>
@@ -12,7 +12,6 @@
           v-for="(item, index) in message"
           v-for="(item, index) in message"
           :key="`${item}${index}`"
           :key="`${item}${index}`"
           :info="item"
           :info="item"
-          @read="handleReader"
           v-if="reload"
           v-if="reload"
         ></alerts-content>
         ></alerts-content>
       </div>
       </div>
@@ -33,7 +32,6 @@ export default {
   },
   },
   data(){
   data(){
     return{
     return{
-
       messageRead: new Set(),
       messageRead: new Set(),
       message:[],
       message:[],
       isShow: true,
       isShow: true,
@@ -65,8 +63,37 @@ export default {
     }
     }
   },
   },
   methods:{
   methods:{
-    // 找到已读消息的下标
+    handleRead(){
+      this.$axios.$put(config.api.put.Message.readAll).then((response)=>{
+        if(this.message.length!==0) {
+          this.$message({
+            type: 'success',
+            message: '已全部标记已读'
+          });
+          this.flag = 4
+        }else{
+          this.$message({
+            type: 'warning',
+            message: '没有未读信息'
+          });
+        }
+      })
+    },
+    handleClick(){
+      this.$axios.$delete(config.api.delete.Messages.delete).then((response)=>{
+        this.$message({
+          type: 'success',
+          message: '已全部清空'
+        });
+       this.message.length=0;
+      })
+
+
+    }
+    /*// 找到已读消息的下标
     handleReader(index){
     handleReader(index){
+
+      //this.$axios.$put(config.api.put.Message.read+)
       this.messageRead.add(index);
       this.messageRead.add(index);
       console.log(this.messageRead);
       console.log(this.messageRead);
       console.log(this.messageRead.size);
       console.log(this.messageRead.size);
@@ -105,7 +132,7 @@ export default {
       this.$nextTick(() =>{
       this.$nextTick(() =>{
         this.reload = true;
         this.reload = true;
       });
       });
-    }
+    }*/
   }
   }
 }
 }
 </script>
 </script>