调整样式修改

src/api/system/message.js

@@ -42,11 +42,24 @@ const isRead=function(){
 const updateIsRead=function(ids){
   return ajax.postJson('/xboe/sys/message/updateIsRead',ids)
 }
+
+/**把当前人所有未读消息设置为已读*/
+const readAll=function(){
+  return ajax.postJson('/xboe/sys/message/readall')
+}
+
+/**清空当前人的接收到的所有的消息*/
+const cleanAll=function(){
+  return ajax.postJson('/xboe/sys/message/clearall')
+}
+
 export default{
     list,
     del,
     detail,
     save,
     isRead,
-    updateIsRead
+    updateIsRead,
+    readAll,
+    cleanAll
 }

src/assets/styles/portal-index.scss

@@ -244,7 +244,7 @@
     font-size: 24px;
     font-family: JCHEadA;
     color: #D9D9D9;
-    
+
     margin-right: 10px;
     img{
         vertical-align: top;
@@ -359,21 +359,9 @@
   // padding: 2px 12px;
   line-height: 24px;
   }
-  /**滚动条的宽度*/
-::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-}
 
-/*滚动条的滑块*/
-::-webkit-scrollbar-thumb {
-    background-color:  #D8D8D8;
-    border-radius: 5px;
-}
 
-::-webkit-scrollbar-thumb:hover {
-    background:  #D8D8D8;
-}
+
 @keyframes ubAddBlock {
     // from {
     //     bottom: 0;

src/assets/styles/portal.scss

@@ -2,6 +2,29 @@
  * 门户页面的一些通用样式定义在这里面
  */
 body {margin: 0px;padding: 0px;}
+
+/**滚动条的宽度*/
+::-webkit-scrollbar {
+    width: 8px;
+    height: 24px;
+    scrollbar-color: #009cea #f7f7f9; /* 滑块颜色  滚动条背景颜色 */
+    scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
+}
+
+/*滚动条的滑块*/
+::-webkit-scrollbar-thumb {
+    //background-color:  #D8D8D8;
+    border-radius: 3px;
+    background-color: rgb(103, 197, 255);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background:  #D8D8D8;
+    height: 24px;
+    width: 12px;
+}
+
+
 //定义全局的核心区域宽度
 .xcontent{
   min-width: 1100px;

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 {