|  | @@ -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>
 |