<template>
	<view class="container">
		<!-- 本会介绍区域 -->
		<common-controlTag :tagList="['本会介绍']"></common-controlTag>
		<view class="desc">
			{{ info.description }}
		</view>

		<!-- 联系我们区域 -->
		<common-controlTag :tagList="['联系我们']"></common-controlTag>
		<view class="contact">
			<view>联系人:{{ info.contact }}</view>
			<view class="phone">
				电话:
				<view class="phone_num" @click="handlePhone(info.phone)">{{ info.phone || '未知' }}</view>
			</view>
			<view>邮箱:{{ info.email || '未知' }}</view>
			<view>地址:{{ info.address || '未知' }}</view>
		</view>
	</view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'

const info = ref()

onLoad((options) => {
	// console.log(options)
	if (options.info) {
		info.value = JSON.parse(decodeURIComponent(options.info))
		// console.log(info.value)
	}
})

// 点击拨打电话回调
const handlePhone = (phoneNumber) => {
	if (phoneNumber) {
		uni.makePhoneCall({
			phoneNumber
		})
	}
}
</script>

<style lang="scss" scoped>
.container {
	padding: 20rpx 18rpx;
	min-height: 100vh;
	color: #333333;
	font-size: 28rpx;
	line-height: 50rpx;

	.desc {
		margin-bottom: 10rpx;
	}

	.contact {
		margin-top: 15rpx;

		.phone {
			display: flex;

			.phone_num {
				color: #007aff;
			}
		}
	}
}
</style>
