<template>
	<view style="padding: 12rpx 16rpx;">
		<view class="xwD_title">
			{{detailList.title}}
		</view>
		<view style="display: flex;">
			<text class="xwD_time">
				{{detailList.pub_time}}
			</text>
			<text class="xwD_time xwD_place">
				{{detailList.pub_name}}
			</text>
		</view>
		<view class="xwD_content">
			<u-parse :content="detailList.content" @preview="preview" @navigate="navigate"></u-parse>
		</view>
		<!-- <u-modal :show="showM" closeOnClickOverlay="false" confirmText="确定" @confirm="confirm">
			<rich-text :nodes="content"></rich-text>
		</u-modal> -->
	</view>
</template>

<script>
	import {
		dateFormatXwDetail
	} from '../../utills/date.js'
	export default {
		data() {
			return {
				id: '',
				detailList: [],
				// showM: false,
				// content: `该新闻已下架！`,
			}
		},
		onLoad(option) {
			this.id = option.id
			this.getNewsDetail()
		},
		methods: {
			//获取行业新闻详情
			getNewsDetail() {
				this.$apiServe.getNewsDetail(this.id).then(res => {
					console.log('新闻详情', res.data);
					if (res.data.code == 0 || res.data.msg == "该新闻已下架！") {
						this.$toast.warn('该新闻已下架！')
						// this.showM = true
					}
					if (res.data.data) {
						let detail = res.data.data
						detail.pub_time = dateFormatXwDetail(detail.pub_time)
						this.detailList = res.data.data
					}

				}).finally(_ => {})
			},
			// confirm() {
			// 	uni.reLaunch({
			// 		url: '/pages/index/index'
			// 	})
			// }
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #fff;
	}

	.xwD_title {
		font-size: 38rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: bold;
		color: #3E3E3E;
		line-height: 53rpx;
		letter-spacing: 1rpx;
	}

	.xwD_time {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #969696;
		line-height: 33rpx;
		margin-top: 6rpx;
	}

	.xwD_place {
		padding-left: 20rpx;
	}

	.xwD_content {
		margin-top: 38rpx;
		// border: none;
	}
</style>
