|
|
@@ -1,39 +1,39 @@
|
|
|
<template>
|
|
|
<!-- <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
|
|
style="background-color: #F5F6FA;"> -->
|
|
|
- <view>
|
|
|
+ <view>
|
|
|
<u-navbar title="消息中心" leftIconSize='0' :bgColor="bgColor" :placeholder='true' leftIconColor="#fff"
|
|
|
titleStyle='color:#fff' rightText='全部已读' @rightClick="rightClick">
|
|
|
</u-navbar>
|
|
|
<view class="top-bgc"></view>
|
|
|
- <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
|
|
- style="background-color: #F5F6FA;">
|
|
|
- <view class="content">
|
|
|
- <view class="info-item flex" v-for="(item,index) in news" :key="index" @click="read(item)">
|
|
|
- <view class="left">
|
|
|
- <image src="@/static/images/news/cy.png" class="img" v-if="item.newsType=='承运通知'">
|
|
|
- </image>
|
|
|
- <image src="@/static/images/news/xt.png" class="img" v-else>
|
|
|
- </image>
|
|
|
+ <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
|
|
+ style="background-color: #F5F6FA;">
|
|
|
+ <view class="content">
|
|
|
+ <view class="info-item flex" v-for="(item,index) in news" :key="index" @click="read(item)">
|
|
|
+ <view class="left">
|
|
|
+ <image src="@/static/images/news/cy.png" class="img" v-if="item.newsType=='承运通知'">
|
|
|
+ </image>
|
|
|
+ <image src="@/static/images/news/xt.png" class="img" v-else>
|
|
|
+ </image>
|
|
|
|
|
|
- </view>
|
|
|
- <view class="right">
|
|
|
- <view class="row1 flex flex-space-between">
|
|
|
- <view class="title">
|
|
|
- {{item.newsType}}
|
|
|
- </view>
|
|
|
- <view class="time">
|
|
|
- {{item.createDate}}
|
|
|
- </view>
|
|
|
</view>
|
|
|
- <view class="row2 flex flex-space-between align-center">
|
|
|
- <view class="text point1">
|
|
|
- {{item.newsContent}}
|
|
|
+ <view class="right">
|
|
|
+ <view class="row1 flex flex-space-between">
|
|
|
+ <view class="title">
|
|
|
+ {{item.newsType}}
|
|
|
+ </view>
|
|
|
+ <view class="time">
|
|
|
+ {{item.createDate}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row2 flex flex-space-between align-center">
|
|
|
+ <view class="text point1">
|
|
|
+ {{item.newsContent}}
|
|
|
+ </view>
|
|
|
+ <view class="red-point" v-if="item.newsFlag==0"></view>
|
|
|
</view>
|
|
|
- <view class="red-point" v-if="item.newsFlag==0"></view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- <view class="flex flex-space-between">
|
|
|
+ <!-- <view class="flex flex-space-between">
|
|
|
<view class="left">
|
|
|
<view>系统消息</view>
|
|
|
<u-badge :isDot="true" bgColor='red' :absolute='true' :offset='badgeOffset'></u-badge>
|
|
|
@@ -45,12 +45,12 @@
|
|
|
<view class="flex flex-space-between">
|
|
|
您的驾驶证即将到期，请尽快到“我的-身份认证”中更新，逾期将影响运费支付。
|
|
|
</view> -->
|
|
|
- <u-modal :show="isShowAlert" :title="alertTitle" :closeOnClickOverlay='true'
|
|
|
- :showCancelButton='showCancelButton' confirmColor='#2772FB' @confirm="confirmClick"
|
|
|
- @close="cancelClick" @cancel="cancelClick"></u-modal>
|
|
|
+ <u-modal :show="isShowAlert" :title="alertTitle" :closeOnClickOverlay='true'
|
|
|
+ :showCancelButton='showCancelButton' confirmColor='#2772FB' @confirm="confirmClick"
|
|
|
+ @close="cancelClick" @cancel="cancelClick"></u-modal>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </mescroll-body>
|
|
|
+ </mescroll-body>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -64,7 +64,7 @@
|
|
|
mixins: [MescrollMixin], // 使用mixin
|
|
|
data() {
|
|
|
return {
|
|
|
- confirmText: '确定',
|
|
|
+ confirmText: '确定',
|
|
|
showCancelButton: true,
|
|
|
isShowAlert: false,
|
|
|
alertTitle: '',
|
|
|
@@ -98,19 +98,19 @@
|
|
|
onShow() {
|
|
|
this.newsNumber()
|
|
|
this.upCallback({
|
|
|
- size:10,
|
|
|
- num:1
|
|
|
+ size: 10,
|
|
|
+ num: 1
|
|
|
})
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['hasLogin', 'userInfo', 'firstAuthentication'])
|
|
|
},
|
|
|
methods: {
|
|
|
- newsNumber(){
|
|
|
+ newsNumber() {
|
|
|
that.$request.baseRequest('get', '/newsInfo/unreadMessage', {
|
|
|
reCommonId: this.userInfo.id,
|
|
|
}).then(res3 => {
|
|
|
- if (res3.data||res3.data==0) {
|
|
|
+ if (res3.data || res3.data == 0) {
|
|
|
let name = 'myTip';
|
|
|
let value = res3.data
|
|
|
if (value == 0) {
|
|
|
@@ -157,7 +157,7 @@
|
|
|
uni.removeTabBarBadge({
|
|
|
index: 2
|
|
|
})
|
|
|
- this.newsNumber()//消息气泡
|
|
|
+ this.newsNumber() //消息气泡
|
|
|
|
|
|
})
|
|
|
.catch(res => {
|
|
|
@@ -165,7 +165,7 @@
|
|
|
});
|
|
|
},
|
|
|
read(val) {
|
|
|
- uni.$u.route("/pages/news/newsSee?_obj="+JSON.stringify(val))
|
|
|
+ uni.$u.route("/pages/news/newsSee?_obj=" + JSON.stringify(val))
|
|
|
uni.showLoading({
|
|
|
title: '加载中',
|
|
|
mask: true
|
|
|
@@ -176,7 +176,7 @@
|
|
|
this.mescroll.resetUpScroll()
|
|
|
this.look()
|
|
|
uni.hideLoading()
|
|
|
- this.newsNumber()//查询消息气泡
|
|
|
+ this.newsNumber() //查询消息气泡
|
|
|
})
|
|
|
.catch(res => {
|
|
|
uni.$u.toast(res.message);
|
|
|
@@ -217,16 +217,16 @@
|
|
|
this.mescroll = mescroll;
|
|
|
},
|
|
|
downCallback() {
|
|
|
- // 第2种: 下拉刷新和上拉加载调同样的接口, 则不用第1种, 直接mescroll.resetUpScroll()即可
|
|
|
- // 重置列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
|
|
|
- this.mescroll.resetUpScroll()
|
|
|
- },
|
|
|
+ // 第2种: 下拉刷新和上拉加载调同样的接口, 则不用第1种, 直接mescroll.resetUpScroll()即可
|
|
|
+ // 重置列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
|
|
|
+ this.mescroll.resetUpScroll()
|
|
|
+ },
|
|
|
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
|
|
upCallback(page) {
|
|
|
console.log(page)
|
|
|
// 此处可以继续请求其他接口
|
|
|
- if(page.num == 1){
|
|
|
- this.news=[]
|
|
|
+ if (page.num == 1) {
|
|
|
+ this.news = []
|
|
|
// 请求其他接口...
|
|
|
}
|
|
|
|
|
|
@@ -247,7 +247,9 @@
|
|
|
pageSize: page.size,
|
|
|
currentPage: page.num,
|
|
|
}).then(res => {
|
|
|
- if(page.num==1){this.news=[]}
|
|
|
+ if (page.num == 1) {
|
|
|
+ this.news = []
|
|
|
+ }
|
|
|
this.news = this.news.concat(res.data.records); //追加新数据
|
|
|
this.$forceUpdate()
|
|
|
this.mescroll.endBySize(res.data.records.length, res.data.total);
|
|
|
@@ -265,14 +267,15 @@
|
|
|
font-size: 26rpx;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
+
|
|
|
/deep/.point1 {
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- /* white-space: nowrap; */
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ /* white-space: nowrap; */
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
.top-bgc {
|
|
|
@@ -342,4 +345,4 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
zhongtianhaoyuan