消息已读未读接口联调，消息详情布局修改

common/apiurl.js

@@ -37,6 +37,8 @@ const apiurl = {
 	getOrderDetailUrl:'/orderinfo/detail/',
 	//获取信息列表
 	getMessageListUrl:'/membernews',
+	//消息已读接口
+	messageReadUrl:'/membernews/read/',
 	// 获取附近的路段
 	nearRoadslUrl:'/roadinfo/nearRoads',
 	// 获取路段收费规则

common/http.api.js

@@ -35,6 +35,7 @@ const install = (Vue, vm) => {
 	let getOrderDetail = (params = {}) => vm.$u.get(apiurl.getOrderDetailUrl+params.id);
 	
 	let getMessageList = (params = {}) => vm.$u.get(apiurl.getMessageListUrl,params);
+	let messageRead = (params ={}) => vm.$u.put(apiurl.messageReadUrl+params.newId);
 	
 	let nearRoadsl = (params = {}) => vm.$u.post(apiurl.nearRoadslUrl,params);
 	let roadChargeRule = (params = {}) => vm.$u.get(apiurl.roadsChargeRuleUrl + params.roadNo);
@@ -81,7 +82,8 @@ const install = (Vue, vm) => {
 		monthPay,
 		getMonthPay,
 		getMonthList,
-		cancelMonth
+		cancelMonth,
+		messageRead
 	};
 }
 

pages/message/message.scss

@@ -34,8 +34,7 @@
 				height: 50rpx;
 				line-height: 48rpx;
 				border-radius: 5rpx;
-				border: 1px solid #FA6400;
-				color: #FA6400;
+				position: relative;
 			}
 		}
 		.message-center{

pages/message/message.vue

@@ -10,6 +10,9 @@
 							<view class="message-top-left u-flex-1">
 								<view class="car">{{messageItem.title}}</view>
 							</view>
+							<view class="message-top-right u-flex-2">
+								<u-badge :is-dot="true" type="error" v-if="messageItem.readFlag=='0'"></u-badge>
+							</view>
 						</view>
 						<view class="message-center">
 							<view class="message-center-item">{{messageItem.content}}</view>
@@ -32,6 +35,7 @@
 		data() {
 			return {
 				messageList: [],
+				newId:''
 			};
 		},
 		computed: {
@@ -70,6 +74,8 @@
 				this.$u.api.getMessageList({pageSize:pageSize ,pageNum: pageNum})
 				.then(res=>{
 					console.log(res)
+					this.newId = res.data.rows[0].id;
+					console.log(this.newId)
 					// 接口返回的当前页数据列表 (数组)
 					let curPageData = res.data.rows;
 					// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
@@ -99,11 +105,17 @@
 				});
 				
 			},
-			goDetails(content){
+			goDetails(content,createTime){
+				this.$u.api.messageRead({newId:this.newId})
+				.then(res =>{
+					if(res.code == 200){
+						console.log(res)
+					}
+				});
 				this.$u.route({
 					url: 'pages/message/messageInfo',
 					params: {
-						content:JSON.stringify(content)
+						content:JSON.stringify(content),
 					}
 				});
 			}

pages/message/messageInfo.vue

@@ -1,5 +1,9 @@
 <template>
-	<view><u-navbar title-color="#fff" :custom-back="customBack" :border-bottom="false" back-icon-color="#CCE8FF" :background="{background: '#008CFF' }" title="消息中心"></u-navbar>
+	<view class="info">
+		<u-navbar title-color="#fff" 
+		:custom-back="customBack" 
+		:border-bottom="false" back-icon-color="#CCE8FF" 
+		:background="{background: '#008CFF' }" title="消息详情"></u-navbar>
 	<view class="content">{{this.content}}</view>
 	</view>
 </template>
@@ -13,6 +17,7 @@
 		},
 		onLoad(page) {
 			this.content = JSON.parse(page.content);
+			console.log(page)
 		},
 		methods: {
 			customBack(){
@@ -36,8 +41,14 @@ page {
 </style>
 
 <style lang="scss" scoped>
+	.info{
+		padding: 40rpx 40rpx;
+		
+	}
 	.content{
 		padding: 20rpx 40rpx;
 		line-height: 44rpx;
+		background-color: white;
+		border-radius: 15rpx;;
 	}
 </style>