<template>
	<view class="bg">
	
			<view class="common-container">
				<view class="info-title box-title text-overflowRows">{{info.title}}</view>
				<view class="flex-between phone-container">
					<view>
						联系电话：{{info.tel}}
					</view>
					<view @click="callPhone">
						<image :src="showImg('/uploads/20241023/3e36a30d7e5b7fa4228deb9d39f9e7e1.png')">
					</view>
				</view>
			</view>
			<view class="common-container">
				<view class="box-title">服务设施</view>
				<view style="padding-top: 34rpx;"  v-html="formateRichText(info.cost_content)"></view>
			</view>
			<view class="common-container">
				<view class="box-title">入住须知</view>
				<view style="padding-top: 34rpx;"  v-html="formateRichText(info.describe_content)"></view>
			</view>
			

	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: null,
				info: {},
			}
		},
		onShow(options) {
		},
		onLoad(options) {
			this.id = options.id;
			this.getInfo();
		},
		methods: {
			callPhone () {
				let _this = this
				uni.showActionSheet({
					itemList: [this.info.tel,'呼叫'],
					success: function (res) {
						_this.clickPhone(_this.info.tel)
					}
				});
				// this.clickPhone(this.info.tel)
			},
			// 获取景点信息
			getInfo() {
				this.Post({id: this.id},'/api/scenic/getScenicById').then(res => {
					if (res.data.flag == 0) {
						uni.showToast({title: '商品不存在或已下架',icon: 'none'})
						setTimeout(() => {this.goBack()}, 2000)
					}
					this.info = res.data
				});
			},
		}
	}
</script>

<style scoped lang="scss">
	*{
		box-sizing: border-box;
	}
	.bg{
		min-height: 100vh;
		background: #F7F7F7;
		padding: 20rpx;
	}

	
	.common-container{
		width: 100%;
		background: white;
		border-radius: 13rpx;
		margin-bottom: 20rpx;
		padding: 20rpx 18rpx;
	}

	.box-title {
		font-family: PingFang SC;
		font-weight: bold;
		font-size: 35rpx;
		color: #000000;
	}
	.info-title{
		height: 88rpx;
	}
	.phone-container{
		padding-top: 20rpx;
		font-family: PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #000000;
		image{
			width: 33.33rpx;
			height: 33.33rpx;
		}
	}

	
	
	
</style>
