| 
					
				 | 
			
			
				@@ -12,11 +12,15 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-tab-pane> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-tabs> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <el-scrollbar style="height:300px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <avue-notice :data="data" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                   :option="option" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                   @click="goUrl" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                   @page-change="pageChange" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                   v-loading="loading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="allRead" v-show="activeName == 'unread'"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button type="text" @click="allRead" :disabled="data.length==0">一键已读</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <avue-notice 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :data="data" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :option="option" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        @click="goUrl" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        @page-change="pageChange" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        v-loading="loading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </avue-notice> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-scrollbar> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -140,6 +144,18 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.assistMessage() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    allRead() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      console.log('一键全读'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.data.forEach(e => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getMsgDetail(e.id).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$set(e, "isRead", res.data.data.isRead); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.assistMessage(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .finally(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+           this.afterData(this.data) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     afterData(data){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if(data.length === 0 ) return this.data = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if (this.activeName == 'unread') { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -195,4 +211,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   ::v-deep .avue-notice__tag { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     margin-left: 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.allRead { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  justify-content: end; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ::v-deep button { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    padding: 0px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </style> 
			 |