<template>
	<view class="pages">
		<view class="contents">
			<view class="box" v-for="(item,index) in tableList">
				<view class="title">
					{{item.title}}
				</view>
				<view class="time">
					{{item.createdAt}}
				</view>
				<view class="desc">
					<!-- <u-parse :html="item.announcementContent"></u-parse> -->
					<view>
						{{item.content}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
tableList:[],
pageindex: {
				pageNumber: 1,
				pageSize: 10,
				},
			}
		},
		onLoad(option){
			
			  // this.tableList = JSON.parse(option.item)
		},
		mounted() {
			this.getALL()
		},
		methods: {
getALL(){
		this.$http.sendRequest('/cereMessageNotification/queryByPage', 'POST', this.pageindex,1).then(res => {
			this.tableList =res.data.data.content 
		})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.pages {
		width: 100vw;
		height: 100%;
		position: relative;
		overflow-y: auto;
		background-color: #f6f6f6;

		.contents {
			width: 96%;
			margin: 0 auto;
			border-radius: 20rpx;
			background-color: #fff;
			margin-top: 20rpx;

			.box {
				width: 94%;
				margin: 0 auto;
				padding: 28rpx 0;
				
				.title{
					font-size: 30rpx;
					font-weight: bold;
				}
				.time{
					margin: 20rpx 0;
					color: #888D9C;
					font-size: 24rpx;
				}
				.desc{
					color: #888D9C;
					font-size: 24rpx;
					text-align: justify;
				}
			}
		}
	}
</style>