|
@@ -4,11 +4,15 @@
|
|
|
<el-col :span="12">
|
|
|
<div class="left">
|
|
|
<div class="select">
|
|
|
- <div class="select_left">
|
|
|
- <div @click="selectFun('应用')"
|
|
|
- :style="currentItem==1 ? 'background:#3874F6;color:#ffffff' : 'border:1px solid #cccccc'">应用消息</div>
|
|
|
+ <div >
|
|
|
+ <el-button-group>
|
|
|
+ <el-button size="small" :type="currentItem==1?'primary':''" @click="selectFun('应用')">应用消息</el-button>
|
|
|
+ <el-button size="small" :type="currentItem==0?'primary':''" @click="selectFun('系统')">系统消息</el-button>
|
|
|
+ </el-button-group>
|
|
|
+<!-- <div @click="selectFun('应用')"
|
|
|
+ :style="currentItem==1 ? 'background:#3874F6;color:#ffffff;vertical-align: middle;line-height: 30px;height: 30px' : 'border:1px solid #cccccc;vertical-align: middle;line-height: 30px;height: 30px'">应用消息</div>
|
|
|
<div @click="selectFun('系统')"
|
|
|
- :style="currentItem==0 ? 'background:#3874F6;color:#ffffff' : 'border:1px solid #cccccc'">系统消息</div>
|
|
|
+ :style="currentItem==0 ? 'background:#3874F6;color:#ffffff' : 'border:1px solid #cccccc'">系统消息</div>-->
|
|
|
</div>
|
|
|
<div class="select_right">
|
|
|
<el-button @click="allRead" size="small">全部阅读</el-button>
|
|
@@ -16,7 +20,7 @@
|
|
|
</div>
|
|
|
<el-row style="margin-top: 10px">
|
|
|
<el-col :span="14" >
|
|
|
- <div style="margin-left: 16px">
|
|
|
+ <div style="margin-left: 14px">
|
|
|
总计:{{total}}
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -35,7 +39,7 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <list class="list" :list="list" @messageItemClick="messageItemClick"></list>
|
|
|
+ <list class="list" :list="list" @messageItemClick="messageItemClick" ref="list"></list>
|
|
|
|
|
|
<pagination :total="total" :pageSize="param.content.pageSize" :currentPage="param.content.pageNumber"
|
|
|
@pageChange="pageChange">
|
|
@@ -127,6 +131,7 @@ export default {
|
|
|
this.getMessageList()
|
|
|
},
|
|
|
pageChange (n) {
|
|
|
+ this.$refs.list.$refs.listScroll.scrollTop = 0
|
|
|
this.param.content.pageNumber = n
|
|
|
this.getMessageList()
|
|
|
},
|
|
@@ -314,8 +319,9 @@ export default {
|
|
|
width: 100%;
|
|
|
margin: 0 auto;
|
|
|
position: relative;
|
|
|
- min-height: calc(100vh - 199px);
|
|
|
- max-height: calc(100vh - 199px);
|
|
|
+ /*min-height: calc(100vh - 199px);
|
|
|
+ max-height: calc(100vh - 199px);*/
|
|
|
+ height: calc(100vh - 120px);
|
|
|
|
|
|
}
|
|
|
.message .left {
|
|
@@ -323,12 +329,13 @@ export default {
|
|
|
padding: 20px 0 60px 0;
|
|
|
box-shadow: 1px 0px 0px 1px #DDDDDD;
|
|
|
background: #ffffff;
|
|
|
- min-height: calc(100vh - 199px);
|
|
|
- max-height: calc(100vh - 199px);
|
|
|
+ height: calc(100vh - 120px);
|
|
|
+ /*min-height: calc(100vh - 199px);
|
|
|
+ max-height: calc(100vh - 199px);*/
|
|
|
}
|
|
|
.message .list {
|
|
|
- min-height: calc(100vh - 325px);
|
|
|
- max-height: calc(100vh - 325px);
|
|
|
+ max-height: calc(100vh - 260px);
|
|
|
+ min-height: calc(100vh - 260px);
|
|
|
overflow: auto;
|
|
|
}
|
|
|
.message .select {
|