<template>
	<!-- 景区详情 -->
	<view class="page">
		<navbar 
		:title="detail.areaName" 
		leftClick 
		@leftClick="$utils.navigateBack" />
		
		
		<view class=""
		style="padding: 20rpx;">
			<uv-parse :content="detail.areaDetail"></uv-parse>
		</view>
		
		
		<!-- <StudyAndPathDetailSubmit
		article
		submiitTitle="线上预约"
		v-if="type == 'experience'"
		:detail="detail" 
		@getData="queryArticleById"
		@submit="toPayUrl(detail, type)"
		:collectonFlag="collectonFlag"
		:collectType="dict.collectType"
		/> -->
	</view>
</template>

<script>
	import StudyAndPathDetailSubmit from '../components/submit/StudyAndPathDetailSubmit.vue'
	export default {
		components : {
			StudyAndPathDetailSubmit,
		},
		data() {
			return {
				detail : {},
				id : 0,
				type : '',
				dict : {},
				collectonFlag : false,
			}
		},
		onLoad(args) {
			this.id = args.id
			// this.type = args.type
			// this.dict = this.$config.dict[args.type]
		},
		onShow() {
			this.queryArticleById()
		},
		onPullDownRefresh(){
			this.queryArticleById()
		},
		methods: {
			queryArticleById(){
				let data = {
					areaId : this.id,
				}
				if(uni.getStorageSync('token')){
					data.token = uni.getStorageSync('token')
				}
				this.$api('queryAreaListById', data, res => {
					uni.stopPullDownRefresh()
					if(res.code == 200){
						this.detail = res.result.travelExperience || res.result
						this.collectonFlag = res.result.collectonFlag
					}
				})
			},
			toPayUrl(item, dictKey){
				uni.navigateTo({
					url: `/pages_order/order/orderSubscribe?type=${dictKey}&id=${item.id}`
				})
			},
		}
	}
</script>

<style scoped lang="scss">
.page{
	
}
</style>
