|
|
@@ -8,11 +8,11 @@
|
|
|
<template #title>
|
|
|
<div class="flex flex-center flex-justify-between full-width">
|
|
|
<div
|
|
|
- class="padding-left flex flex-align-center flex-justify-start"
|
|
|
+ class="padding-left flex flex-align-center flex-justify-start"
|
|
|
>
|
|
|
<div
|
|
|
- class="dot"
|
|
|
- :style="i.readFlag === 0 ? '' : 'background-color: #d6d6d6'"
|
|
|
+ class="dot"
|
|
|
+ :style="i.readFlag === 0 ? '' : 'background-color: #d6d6d6'"
|
|
|
/>
|
|
|
<span>{{ i.titile }}</span>
|
|
|
</div>
|
|
|
@@ -20,10 +20,10 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<div class="full-width flex flex-justify-start padding">
|
|
|
- <span v-if="i.msgCategory === 1" class="ml-20">{{
|
|
|
+ <span v-if="i.msgCategory === 1" class="ml-20">{{
|
|
|
i.msgContent
|
|
|
}}</span>
|
|
|
- <msg2 v-else-if="i.msgCategory === 2" :info="i"/>
|
|
|
+ <msg2 v-else-if="i.msgCategory === 2" :info="i" />
|
|
|
</div>
|
|
|
</el-collapse-item>
|
|
|
</el-collapse>
|
|
|
@@ -31,8 +31,12 @@
|
|
|
<div></div>
|
|
|
<div class="flex flex-center">
|
|
|
<span class="mr-15">共{{ total }}条</span>
|
|
|
- <el-pagination layout="prev, pager, next" :total="total" :page-size="page.size"
|
|
|
- @current-change="changePage" :current-page.sync='page.current'
|
|
|
+ <el-pagination
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :total="total"
|
|
|
+ :page-size="page.size"
|
|
|
+ @current-change="changePage"
|
|
|
+ v-model:current-page="page.current"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -61,7 +65,7 @@ export default {
|
|
|
current: 1,
|
|
|
size: 15
|
|
|
},
|
|
|
- total: '',
|
|
|
+ total: ''
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -85,7 +89,7 @@ export default {
|
|
|
if (tmp && tmp.readFlag === 1) {
|
|
|
return
|
|
|
}
|
|
|
- this.$api.msg.markRead({id: row}).then(res => {
|
|
|
+ this.$api.msg.markRead({ id: row }).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
this.data = this.data.map(ele => {
|
|
|
if (ele.id === row) {
|