<template>
	<view class="contant" style="background-color: #fff;">
	
		<view class="title">{{detail.templateNickname}}</view>
		<view class="article">消息类型 : {{detail.templateCode}}</view>
		<view class="article">消息内容 : {{detail.templateContent}}</view>
		<view class="article">读取状态 : {{detail.readStatus==true?"已读":"未读"}}</view>
		<view class="righttext">创建时间 : {{formatDate(detail.createTime)}}</view>
	</view>

</template>

<script>
	import {
		goHome
	} from '@/common/basic.js';
	import {
		dateFormat
	} from '@/common/basic.js';
	export default {
		onNavigationBarButtonTap(e) {
			if (e.index === 0) {
				goHome();
			}else if(e.index === 1){
				window.location.reload();
			}
		},
		data() {
			return {
				detail: {}
			}
		},
		// created() {
		// 	this.getmessages()
		// },

		onLoad: function(param) {
			this.detail = JSON.parse(decodeURIComponent(param.detail));
		},

		methods: {
			formatDate(date) {
				return dateFormat(date)
			},
		}
	}
</script>

<style>
	.contant {
		padding: 20upx;
	}

	.authorbox {
		display: flex;
		justify-content: space-between;
		color: #808080;
		align-items: center;
		border-bottom: 1rpx solid #eeeeee;
		font-size: 30upx;
		padding-bottom: 30upx;

	}

	.author {
		display: flex;
		justify-content: space-between;
		color: #808080;
		align-items: center;
	}

	.picture {
		width: 80upx;
		height: 80upx;
		border-radius: 50upx;
		margin-right: 25upx;
	}

	.title {
		font-size: 40upx;
		padding: 30upx 0 20upx 0;
	}

	.article {
		font-size: 35upx;
		color: #555555;
		padding: 20upx 0 20upx 0;
	}

	.righttext {
		text-align: right;
		font-size: 35upx;
		color: #555555;
		padding: 30upx 0 20upx 0;
	}
</style>
