<template>
	<view class="dljt-page-box lxfs-page" v-if="data.info">
		<MtaNavbar></MtaNavbar>
		<view class="dljt-container-box">
			<!-- 详情页面 -->
			<view class="dljt-page-title">联系方式</view>
			<view class="dljt-page-content-box">
				<!-- 导航 -->
				<view class="dljt-breadcrumb-box">
					<view class="breadcrumb-text" @click="handleGo()">首页</view>
					<icon class="breadcrumb-jt"></icon>
					<view class="breadcrumb-text">学院概况</view>
					<icon class="breadcrumb-jt"></icon>
					<view class="breadcrumb-active">联系方式</view>
				</view>
				<view class="lxfs-content-box">
					<view class="lxfs-map"  @click="handlePreview"></view>
					<!-- 图 -->
					<view class="lxfs-tel-box">办公室电话:{{data.info.bangongshi}}</view>
					<view class="lxfs-tel-box">职业培训电话:{{data.info.zhiyepeixun}}</view>
					<view class="lxfs-tel-box">招生电话:{{data.info.zhaosheng}}</view>
					
					<view class="lxsf-code-box">
						<view>
							<image :src="data.info.douyinPic"></image>
							<view class="code-text-box">{{data.info.douyin}}</view>
						</view>
						<view>
							<image :src="data.info.gongzhonghaoPic"></image>
							<view class="code-text-box">{{data.info.gongzhonghao}}</view>
						</view>
						<view>
							<image :src="data.info.shipinhaoPic"></image>
							<view class="code-text-box">{{data.info.shipinhao}}</view>
						</view>
					</view>
				</view>
				
			
			</view>
		</view>
		<!-- 底部导航 -->
		<MtaFooter></MtaFooter>
	</view>
</template>

<script setup>
	import MtaFooter from "@/components/MtaFooter.vue"
	import {
		ref,
		reactive
	} from "vue";
	import {
		onLoad
	} from "@dcloudio/uni-app"
	import * as httpApi from "@/api/common.js"

	const data = reactive({
		info: ''
	})

	onLoad(() => {
		pageInit();
	})

	function pageInit() {
		httpApi.getCommonGaikuangDizhiInfo().then(res => {
			data.info = res.data;
		})
	}
	
	function handlePreview() {
		uni.previewImage({
					urls: ['/static/images/xygk/xywh-lxfs-img.png'],
				});
	}
</script>

<style>

</style>