|
|
|
@ -10,23 +10,14 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="cnt" v-if="noticeData.length > 0"> |
|
|
|
<div |
|
|
|
@click="handleClickNotice(item, index)" |
|
|
|
:class="{ 'z-readed': item.readFlag == 1 }" |
|
|
|
class="item" |
|
|
|
:key="'notice' + item.targetId + index" |
|
|
|
v-for="(item, index) in noticeData" |
|
|
|
> |
|
|
|
<div @click="handleClickNotice(item, index)" :class="{ 'z-readed': item.readFlag == 1 }" |
|
|
|
class="item" :key="'notice' + item.targetId + index" v-for="(item, index) in noticeData"> |
|
|
|
<i class="i-tag" v-if="item.readFlag == 1">已读</i> |
|
|
|
<i class="i-tag" v-else>未读</i> |
|
|
|
<div class="item-title"> |
|
|
|
{{ item.content }} |
|
|
|
</div> |
|
|
|
<div |
|
|
|
v-if="item.readFlag != 1" |
|
|
|
@click.stop="readClearOne(item)" |
|
|
|
class="item-btn-clear" |
|
|
|
> |
|
|
|
<div v-if="item.readFlag != 1" @click.stop="readClearOne(item)" class="item-btn-clear"> |
|
|
|
<img src="~@/assets/images/main/clear.png" /> |
|
|
|
标记已读 |
|
|
|
</div> |
|
|
|
@ -35,22 +26,14 @@ |
|
|
|
</div> |
|
|
|
<div class="cnt" v-else> |
|
|
|
<div class="empty"> |
|
|
|
<img |
|
|
|
src="~@/assets/images/shuju/renfang/index/empty.png" |
|
|
|
/> |
|
|
|
<img src="~@/assets/images/shuju/renfang/index/empty.png" /> |
|
|
|
<span>暂无提醒～</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" :total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -60,7 +43,6 @@ |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { requestGet, requestPost } from "@/js/dai/request"; |
|
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
|
import fastcall from "@/views/modules/cpts/fastcall"; |
|
|
|
export default { |
|
|
|
components: { fastcall }, |
|
|
|
@ -250,6 +232,7 @@ export default { |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "~@/assets/scss/c/function.scss"; |
|
|
|
|
|
|
|
.m-tx { |
|
|
|
position: relative; |
|
|
|
margin: 10px 6px; |
|
|
|
@ -258,42 +241,51 @@ export default { |
|
|
|
box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), |
|
|
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12); |
|
|
|
border-radius: 2px; |
|
|
|
|
|
|
|
.cnt { |
|
|
|
box-sizing: border-box; |
|
|
|
border-radius: 2px; |
|
|
|
overflow: hidden; |
|
|
|
padding: 0 12px; |
|
|
|
|
|
|
|
.empty { |
|
|
|
margin: 100px 0; |
|
|
|
text-align: center; |
|
|
|
color: #999; |
|
|
|
|
|
|
|
img { |
|
|
|
display: block; |
|
|
|
width: 120px; |
|
|
|
margin: 20px auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.z-readed { |
|
|
|
opacity: 0.5; |
|
|
|
} |
|
|
|
|
|
|
|
.item { |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding: 16px 0 12px; |
|
|
|
border-bottom: 1px dashed #f0f5fa; |
|
|
|
|
|
|
|
&:last-child { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
|
|
|
|
&:hover { |
|
|
|
.item-title { |
|
|
|
color: #0056d6; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.item-btn-clear { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.i-tag { |
|
|
|
display: block; |
|
|
|
margin-right: 15px; |
|
|
|
@ -309,6 +301,7 @@ export default { |
|
|
|
font-style: normal; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.item-title { |
|
|
|
// @include toe; |
|
|
|
width: 60%; |
|
|
|
@ -319,6 +312,7 @@ export default { |
|
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
|
line-height: 22px; |
|
|
|
} |
|
|
|
|
|
|
|
.item-btn-clear { |
|
|
|
position: absolute; |
|
|
|
display: none; |
|
|
|
@ -332,11 +326,13 @@ export default { |
|
|
|
line-height: 16px; |
|
|
|
cursor: pointer; |
|
|
|
transform: translateY(-50%); |
|
|
|
|
|
|
|
img { |
|
|
|
width: 16px; |
|
|
|
margin-right: 3px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.item-date { |
|
|
|
margin-left: 100px; |
|
|
|
font-size: 12px; |
|
|
|
@ -347,12 +343,14 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.header { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
padding: 12px 0; |
|
|
|
margin-bottom: 10px; |
|
|
|
border-bottom: 1px solid #f0f5fa; |
|
|
|
|
|
|
|
.title { |
|
|
|
height: 22px; |
|
|
|
font-size: 16px; |
|
|
|
@ -361,6 +359,7 @@ export default { |
|
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
|
line-height: 22px; |
|
|
|
} |
|
|
|
|
|
|
|
.btn-clear { |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
@ -368,6 +367,7 @@ export default { |
|
|
|
color: #0042a3; |
|
|
|
line-height: 16px; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
img { |
|
|
|
width: 16px; |
|
|
|
margin-right: 3px; |
|
|
|
@ -375,10 +375,12 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-tabs__nav-wrap::after { |
|
|
|
height: 1px; |
|
|
|
background-color: #f0f5fa; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-pagination__total { |
|
|
|
// float: left; |
|
|
|
} |
|
|
|
|
luyan