<template>
	<div>
		<template v-if="!showDetail">
			<div class="news-box" v-for="(item,index) in dataArr" :key="index" @click="goDetail(index)">
				<img class="news-img" :src="item.imgSrc || '/static/seconds/tu-01.png'" >
				<div class="news-right-box">
					<div>
						<div class="news-content-box">
							<div class="clips1">{{item.title}}</div>
							<div class="new-time-box">
								<span>{{item.time.split(' ')[0]}}</span>
								<span>{{item.time.split(' ')[1]}}</span>
							</div>
						</div>
						<div class="clips3">{{item.content}}</div>
					</div>
					<div class="news-num-box">
						<img src="/static/kindergartenIntroduce/icon-browse.png">
						<div>{{item.num}}人浏览</div>
					</div>
				</div>
			</div>
		</template>
		<newsInformationDetail v-if="showDetail" :dataObj="dataObj" @backNews="backNews"></newsInformationDetail>
	</div>
</template>

<script>
	import newsInformationDetail from '@/components/newsInformationDetail.vue';
	export default {
		components:{
			newsInformationDetail
		},
		name: 'newsInformation',
		data() {
			return {
				showDetail:false,
				dataArr:[
					{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步，西区第一幼儿园的孩着2019年春天的脚步，西区第一幼儿园的孩脚步，西区第一幼儿园的孩子们结束寒假，回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容，除了开展例行的安全与常规教育外，还特别贴近幼儿的生活实际，以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
					{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步，西区第一幼儿园的孩着2019年春天的脚步，西区第一幼儿园的孩脚步，西区第一幼儿园的孩子们结束寒假，回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容，除了开展例行的安全与常规教育外，还特别贴近幼儿的生活实际，以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
					{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步，西区第一幼儿园的孩着2019年春天的脚步，西区第一幼儿园的孩脚步，西区第一幼儿园的孩子们结束寒假，回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容，除了开展例行的安全与常规教育外，还特别贴近幼儿的生活实际，以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
					{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步，西区第一幼儿园的孩着2019年春天的脚步，西区第一幼儿园的孩脚步，西区第一幼儿园的孩子们结束寒假，回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容，除了开展例行的安全与常规教育外，还特别贴近幼儿的生活实际，以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
					{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步，西区第一幼儿园的孩着2019年春天的脚步，西区第一幼儿园的孩脚步，西区第一幼儿园的孩子们结束寒假，回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容，除了开展例行的安全与常规教育外，还特别贴近幼儿的生活实际，以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
				],
				dataObj:''
			}
		},
		methods: {
			// 查看详情
			goDetail(e) {
				this.dataObj = this.dataArr[e];
				this.showDetail = true
			},
			// 继承详情返回事件
			backNews(e){
				this.showDetail = e;
			},
			async classnewsdetailsEv() {
				let data = await this.$axios({
					// 调用 serviceAPI
					url: this.$https.classnewsdetails,
					methods: "get",
					params: {
						EquipmentID: "yaohaotest001",
					},
				});
				console.log(data.data.data);
			},
		},
		mounted() {
			this.classnewsdetailsEv();
		}
	}
</script>

<style>
</style>
