<?php include_once(mvc::$cfg['PATH_TPL'].'public/headMenu.php');?>
<?php include_once(mvc::$cfg['SELF_TPL'].'public/heard01.php');?>



<div class="mui-content">
	<div class="item-li item-con">
			<div class="ab_map">
				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img06.jpg">
				<ul>
					<li><a href="<?php echo mvc::$cfg['SELF_URI'];?>index/contact">关于我们</a></li>
					<li class="act"><a href="<?php echo mvc::$cfg['SELF_URI'];?>index/lianxi">联系我们</a></li>
					
				</ul>
			</div> 
			<!-- <div class="lx01">
				<a href="<?php echo mvc::$cfg['SELF_URI'];?>index/contact">关于我们</a>
				<a href="<?php echo mvc::$cfg['SELF_URI'];?>index/lianxi" class="lx001">联系我们</a>
			</div> -->
			
			
			<div class="ab-wen">
				
				<div class="ab-wen01">
					<p>
						无论您是想咨询产品，解决问题，或者是对我们提出建议，
						您都可以联系我们，我们会尽我们所能为您服务。
					</p>
				</div>
				
				
			</div>
			<div class="con-main">
				<div class="ab-wen02">
					<!-- <br>
					<h5 style="margin-bottom:8px;">联系方式</h5> -->
					<div class="ab-main-txt01">Contact Us</div>
					<div class="ab-main-txt02"> <a href="javascript:;">华尔达</a>联系信息</div><br>
					<div class="con-main01">
						<div class="ab-fs ab-fs01">
							<div>
								<p>电话/微信</p>
								<a href="tel:15990777823">159-9077-7823 </a>
								<a href="tel:18105726763">181-0572-6763</a><br>
								<a href="tel:17348601748 ">173-4860-1748 </a>
								<a href="tel:13095855869">130-9585-5869 </a>
							</div>
						</div>
						<div class="ab-fs ab-fs02">
							<div>
								<p>电子邮箱：</p>
								<a href="mailto:xjl@automan.cn " target="_blank">xjl@automan.cn </a>
								<a href="mailto:981575973@qq.com" target="_blank">981575973@qq.com</a>
								<a href="mailto:chenchaohao@huaerda.cn " target="_blank">chenchaohao@huaerda.cn </a>
								<a href="mailto:betsy@huaerda.cn" target="_blank">betsy@huaerda.cn</a>
							</div>
						</div>
						<div class="ab-fs ab-fs04">
							<div>
								<p>腾讯QQ：</p>
								<a target="blank" href="tencent://message/?uin=270658658&amp;Site=yiparts.com&amp;Menu=yes">270658658</a>
								<br>
							</div>
						</div>
						<div class="ab-fs ab-fs03">
							<div>
								<p>地址｜Address</p>
								<a href="JavaScript:;">浙江省湖州市长兴县李家巷镇工业园区飞翔路02号</a>　
							</div>
						</div>
						<div class="ab-fs08">
							<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img10.jpg">
							<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img11.jpg">
							<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/img11_02.jpg">
						</div>
					</div>
					
					
					<!-- <div class="ab-fs ab-fs03">
						<div>
							<a href="#">357071846</a>
						</div>
					</div> -->

				</div>

				
			

				<!-- 地图 -->
				<script type="text/javascript" src="<?=mvc::$cfg['HOST']['tdtmap']?>"></script>
				<div id="mapDiv" style="height: 250px; margin-bottom: 20px;"></div>
				<!-- 地图结束 -->
				

				<div class="ab-main-txt01">Online Message</div>
				<div class="ab-main-txt02"> <a href="javascript:;">在线</a>留言</div>
				<!--  -->
				<form method="post" onsubmit="checkFormValues();return false;">
					<div class="mui-input-roow">
						<div><span class="bixuan">姓名</span></div>
						<input type="text" class="mui-input-cl" name="name" placeholder="请输入姓名">
					</div>
					<div class="mui-input-roow">
						<div><span class="bixuan">电话</span></div>
						<input type="text" class="mui-input-cl" name="tel" placeholder="请输入电话">
					</div>
					
					<div class="mui-input-roow">
						<div><span class="bixuan">邮箱</span></div>
						<input type="text" class="mui-input-cl" name="email" placeholder="请输入邮箱">
					</div>

					<div class="mui-input-roow mui-input-roow01">
						<div><span class="bixuan">留言</span></div>
						<textarea name="fmessage" class="txtrange"  placeholder="请留言"></textarea>
					</div>
					<div class="mui-input-roow">
						<div><span class="bixuan">验证码</span></div>
						<input type="text" class="mui-input-cl" name="captcha" placeholder="请输入验证码">
						<img style="width: 72px;top:0px;right:5px" src="<?php echo mvc::$cfg['SELF_URI'];?>user/imgcode?type=reg&t=<?php echo microtime(true);?>" class="captcha_picture">
					</div>
					
					<div class="mui-input-roow mui-input-roow02">
						<button class="mui-input-act" type="submit">提交</button>
						<input type="reset" class="myresetbtn" value="重置">
					</div>
					<br><br><br>
				</form>
				<!--  -->

	
			</div>
			
		</div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script type="text/javascript" src="<?php echo mvc::$cfg['SYS_URL'];?>static/js/user.js?ver=<?php echo mvc::$cfg['VER']['js'];?>" charset="utf-8"></script>


<!--  -->
<script type="text/javascript">
var type = '<?php echo $Params['t'];?>';
$(function(){
 var map, marker;
        var zoom = 15;
       
            //初始化地图对象
            map = new T.Map("mapDiv");
            //设置显示地图的中心点和级别
            map.centerAndZoom(new T.LngLat(119.961830,30.980780), zoom);
            var point = new T.LngLat(119.961830,30.980780);
            marker = new T.Marker(point);// 创建标注
            map.addOverLay(marker);
            var markerInfoWin = new T.InfoWindow("佛山佳旗汽车配件有限公司");
            marker.addEventListener("click", function () {
                marker.openInfoWindow(markerInfoWin);
            });// 将标注添加到地图中
   


	$('.mui-bar .mui-control-item').bind('tap', function(){
		$(this).addClass('mui-active').siblings().removeClass('mui-active');
		$('.mui-scroll .item-li').hide();
		$('.item-'+$(this).data('t')).show();
		$('.mui-title').html($(this).html());

		// 后加载
		window.setTimeout(function(){
			//map.panTo(new BMap.Point(113.463907,23.746967));
		}, 400);
		// 后加载结束

	});
	if($('[data-t="'+type+'"]').length > 0){
		$('[data-t="'+type+'"]').trigger('tap');
	}else{
		$('[data-t]:eq(0)').trigger('tap');
	}


}) 
</script>

<!--  -->
<script type="text/javascript">
$(function(){ 
	$('.nan001-btn').click(function(){
		$('.nan001').toggle();
		});
})
</script>

<!-- 弹窗图片缩放 -->
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/js/mui.min.js"></script>
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/js/mui.zoom.js"></script>
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/js/mui.previewimage.js"></script>
<script>
	mui.previewImage();
	$('.captcha_picture').click(function(){
		refreshCaptcha();
	})
	function checkFormValues() {
		// 获取表单元素
		var form = $('form');
		var name = $.trim($('input[name="name"]').val());
		var tel = $.trim($('input[name="tel"]').val());
		var email = $.trim($('input[name="email"]').val());
		var message = $.trim($('textarea[name="fmessage"]').val());
		var captcha = $.trim($('input[name="captcha"]').val());
		
		// 验证姓名
		if (name === '') {
			mui.alert('请输入您的姓名');
			$('input[name="name"]').focus();
			return false;
		}
		
		// 验证电话
		if (tel === '') {
			mui.alert('请输入您的电话号码');
			$('input[name="tel"]').focus();
			return false;
		}
		
	
		// 验证邮箱
		if (email === '') {
			mui.alert('请输入您的邮箱地址');
			$('input[name="email"]').focus();
			return false;
		}
		
		// 邮箱格式验证
		var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
		if (!emailRegex.test(email)) {
			mui.alert('请输入正确的邮箱地址格式');
			$('input[name="email"]').focus();
			return false;
		}
		
		// 验证留言
		if (message === '') {
			mui.alert('请填写您的留言内容');
			$('textarea[name="fmessage"]').focus();
			return false;
		}
		
		// 验证验证码
		if (captcha === '') {
			mui.alert('请输入验证码');
			$('input[type="captcha"]').focus();
			return false;
		}
		
		if (captcha.length < 5) {
			mui.alert('验证码格式不正确');
			$('.mui-input-roow input[type="text"]').last().focus();
			return false;
		}
		
		// 所有验证通过，提交表单
		submitForm(form);
		
		return false;
	}

	function submitForm(form) {
		// 收集表单数据
		var formData = {
			'name': $.trim($('input[name="name"]').val()),
			'tel': $.trim($('input[name="tel"]').val()),
			'email': $.trim($('input[name="email"]').val()),
			'fmessage': $.trim($('textarea[name="fmessage"]').val()),
			'captcha': $.trim($('input[name="captcha"]').val())
		};
		
		// 显示提交状态
		$('.mui-input-act').prop('disabled', true).text('提交中...');
		
		// 发送AJAX请求
		$.ajax({
			url:SELF_URI + 'index/lianxi?isAjax=1',
			type: 'POST',
			data: formData,
			dataType: 'json',
			success: function(res) {
			
				if(AJAX.checkData(res)){
					mui.alert('留言提交成功！');
					
					// 清空表单
					form[0].reset();
					
					// 刷新验证码
					refreshCaptcha();
				} 
			},
			error: function(xhr, status, error) {
				mui.alert('网络错误，请稍后重试');
			},
			complete: function() {
				// 恢复按钮状态
				$('.mui-input-act').prop('disabled', false).text('提交');
			}
		});
	}

	function refreshCaptcha() {
		// 刷新验证码
		var captchaImg = $('.captcha_picture');
		var timestamp = new Date().getTime();
		var src = captchaImg.attr('src');
		src = src.split('&t=')[0] + '&t=' + timestamp;
		captchaImg.attr('src', src);
	}

	// 使用jQuery事件委托来绑定表单提交事件
	$(document).ready(function() {
		$('form').on('submit', function(e) {
			e.preventDefault(); // 阻止默认提交行为
			checkFormValues();
		});
	});
</script>

