<template>
	<view class="pages">
		<view class="contents">
			<view class="box" v-for="(item,index) in tableList" @click="getDetail(item.id)">
			 <view style="width:70%">
				 <view class="title">
				 	{{item.title}}
				 </view>
				 <view class="desc">
				 	<!-- <u-parse :html="item.announcementContent"></u-parse> -->
					
				 		{{item.content}}
				 </view>
			 </view>
				<view class="time">
					{{formatDateTime(item.createdAt)}}
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
tableList:[],
pageindex: {
				receiverMerchant:'小程序商家',
				pageNumber: 1,
				pageSize: 10,
				},
			}
		},
		onLoad(option){
			
			  // this.tableList = JSON.parse(option.item)
		},
		mounted() {
			this.getALL()
		},
		methods: {
			  formatDateTime(dateTimeString) {
			    // 将输入的日期时间字符串转换为Date对象
			    const inputDate = new Date(dateTimeString);
			    const now = new Date();
			
			    // 获取年、月、日来进行比较
			    const inputYear = inputDate.getFullYear();
			    const inputMonth = inputDate.getMonth();
			    const inputDay = inputDate.getDate();
			
			    const currentYear = now.getFullYear();
			    const currentMonth = now.getMonth();
			    const currentDay = now.getDate();
			
			    // 检查输入的日期是否为今天
			    const isToday = (inputYear === currentYear) && (inputMonth === currentMonth) && (inputDay === currentDay);
			
			    // 格式化时间为HH:mm
			    const hours = inputDate.getHours().toString().padStart(2, '0');
			    const minutes = inputDate.getMinutes().toString().padStart(2, '0');
			    const timeString = `${hours}:${minutes}`;
			
			    // 如果是今天，则在时间前面加上'今天'
			    return isToday ? `今天${timeString}` : timeString;
			  },
getALL(){
		this.$http.sendRequest('/cereMessageNotification/queryByPage', 'POST', this.pageindex,1).then(res => {
			this.tableList =res.data.data.content 
		})
			},
			getDetail(id){
				uni.navigateTo({
					url:`/pages/procedureList/procedureDetail?ids=${id}`
				})
			},
		}
	}
</script>

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

		.contents {
			width: 100%;
			
			background-color: #fff;
			margin-top: 20rpx;

			.box {
				width: 94%;
				margin: 0 auto;
				padding: 28rpx 0;
				display:flex;
				justify-content: space-between;
				align-items: center;
				.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;
					margin-top:10px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
	}
</style>