调整样式修改

src/views/portal/user/Message.vue

@@ -17,7 +17,7 @@
           </el-radio-group> -->
         </div>
         <div>
-          <el-button class="navbut" type="text" @click="isReadChooseList">设置已读</el-button>
+          <el-button style="margin-left: 25px;" :disabled="disabledReadAll" :class="{navbut:!disabledReadAll}" type="text" @click="isReadChooseList">设置已读</el-button>
           <el-button class="navbut" type="text" @click="delChooseList">删除所选</el-button>
         </div>
       </div>
@@ -109,6 +109,7 @@ export default {
         pageSize: 6,
         isRead: null
       },
+      disabledReadAll:false,
       total: 0,
       checkAll: false,
       data: [],
@@ -144,18 +145,26 @@ export default {
         this.checkAll = false;
         this.isIndeterminate = false;
       }
+      this.disabledReadAll=false;
       apiMessage.list(this.queryData).then(res => {
         if (res.status == 200) {
           this.totalPages = res.result.totalPages;
           this.total = res.result.count;
+          let allRead=true;
           res.result.list.forEach(item => {
             let name = this.filterContent(item.content);
             let num = name.slice(1,name.length);
             item.tip = name[0];
             item.content = num.join('-');
             item.checked = false;
+            if(!item.isRead){
+              allRead=false;
+            }
             this.data.push(item);
           });
+          if(allRead){
+            this.disabledReadAll=true;
+          }
           if(this.total == 0){this.showMessage = '暂无消息';}
           this.showMessage = this.total <= 0 ? '暂无消息' : '';
         } else {