203 行
8.7 KiB
HTML
可执行文件
203 行
8.7 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!--[1.4.44]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>联系我们</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Webinfo/Templateone/css/contact.css"/>
|
|
<link rel="stylesheet" href="__PUBLIC__/Webinfo/Templateone/css/css-comment.css">
|
|
<link rel="stylesheet" href="__PUBLIC__/Webinfo/Templateone/css/publicPart.css">
|
|
<link href="{$webinfo['logo']['icourl']}" type="image/x-icon" rel="shortcut icon">
|
|
</head>
|
|
<body>
|
|
<div class="bodys" id='Template'>
|
|
<!--头部-->
|
|
<template-header :header="header"></template-header>
|
|
<!-- 导航栏 -->
|
|
<!-- 轮播图 -->
|
|
<div class="banner">
|
|
<img src="{$banner['image']}" alt="">
|
|
</div>
|
|
<!-- 合作 -->
|
|
<div class="cooperation">
|
|
<div class="cooperation-left">
|
|
<p style="font-size: 28px;font-weight: bold;">业务渠道合作伙伴</p>
|
|
<p style="font-size: 14px;color: #666;margin: 10px 0;line-height: 20px">
|
|
利用{$aboutusinfofooter['companyname']}优秀的产品，结合自身专业的营销及服务能力，为企业级客户提供价值</p>
|
|
<p style="font-size: 16px;font-weight: bold;">合作准则</p>
|
|
<ul class='cooperation-ul'>
|
|
<li>伙伴利益最大化</li>
|
|
<li>提供极具市场竞争力的好产品</li>
|
|
<li>提供物料、培训、人力资源支持</li>
|
|
</ul>
|
|
</div>
|
|
<div class="cooperation-right">
|
|
<p style="font-size: 28px;font-weight: bold;">技术应用合作伙伴</p>
|
|
<p style="font-size: 14px;color: #666;margin: 10px 0;line-height: 20px">
|
|
基于{$aboutusinfofooter['companyname']}开放平台体系及PAAS运，为企业级客户提供个性化用户、工具、增值服务</p>
|
|
<p style="font-size: 16px;font-weight: bold;">合作准则</p>
|
|
<ul class='cooperation-ul'>
|
|
<li>保护伙伴品牌及技术</li>
|
|
<li>协助包装伙伴技术应用，并全力推广</li>
|
|
<li>专职技术及产品团队对接</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- 联系我们 -->
|
|
<div class="contact" style="padding-top: 10px;">
|
|
<div class="biaoti">
|
|
<p class="title">联系我们</p>
|
|
<p class="xianz">STORE DISPLAY</p>
|
|
</div>
|
|
<div class="contact-c" style="display: flex;flex-direction: row;justify-content: center;align-items: center">
|
|
<div class="contact-left" style="display: flex;flex-direction: column;height: 390px;">
|
|
<div>
|
|
<i>
|
|
<img src="__PUBLIC__/Webinfo/Templateone/images/icon_03_jfyz.png" alt="">
|
|
</i>
|
|
<span>服务热线：</span>
|
|
<span>{$contact['tell']}</span>
|
|
</div>
|
|
<div>
|
|
<i>
|
|
<img src="__PUBLIC__/Webinfo/Templateone/images/icon_07_jrby.png" alt="">
|
|
</i>
|
|
<span style="letter-spacing: 5px;">联系人：</span>
|
|
<span>{$contact['name']}</span>
|
|
</div>
|
|
<div>
|
|
<i>
|
|
<img src="__PUBLIC__/Webinfo/Templateone/images/icon_15_0nnk.png" alt="">
|
|
</i>
|
|
<span>邮政编码：</span>
|
|
<span>{$list['code']}</span>
|
|
</div>
|
|
<div style="margin-bottom: 10px;">
|
|
<i>
|
|
<img src="__PUBLIC__/Webinfo/Templateone/images/icon_19_9xlt.png" alt="">
|
|
</i>
|
|
<span style="white-space: nowrap;">公司地址：</span>
|
|
<span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{$list['address']}</span>
|
|
</div>
|
|
<div id="allmap" class="map" style="width:100%;flex: 1;">
|
|
<div id="container" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="contact-right" style="display: flex;flex: 1;">
|
|
<form action="" class="forms" style="width: 100%;">
|
|
<p>昵称</p>
|
|
<input type="text" name="name" id="name" value="">
|
|
<p>联系电话</p>
|
|
<input type="text" name="phone" id="phone" value="">
|
|
<p>电子邮箱</p>
|
|
<input type="text" name="email" id="email" value="">
|
|
<p>内容</p>
|
|
<textarea name="content" id="content"></textarea>
|
|
<button type="button" class="sub" id="submit">提交</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--底部-->
|
|
<template-footer :footer="footer" :adminlogo="adminlogo"></template-footer>
|
|
<!--侧栏-->
|
|
<!--<template-sidebar :sidebar="sidebar"></template-sidebar>-->
|
|
</div>
|
|
<input type="hidden" id="longitude" value="{$aboutusinfofooter['longitude']}">
|
|
<input type="hidden" id="latitude" value="{$aboutusinfofooter['latitude']}">
|
|
<!--侧栏-->
|
|
<include file="Common/onlinesCS"/>
|
|
</body>
|
|
<script type="text/javascript" src="__PUBLIC__/Webinfo/Templateone/js/vue2.5.16.js"></script>
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
|
|
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=ObMZWhkHzzF0zbnNgF72Bcws8GHqnya7"></script>
|
|
<include file="Common/common"/>
|
|
<script type="text/javascript">
|
|
var layer;
|
|
layui.use('layer', function () {
|
|
layer = layui.layer;
|
|
})
|
|
$("#submit").click(function () {
|
|
//名字验证
|
|
var name = $('#name').val();
|
|
if (name == '') {
|
|
top.layer.msg('昵称不能为空', {icon: 4, time: 1000});
|
|
return false;
|
|
}
|
|
//手机验证
|
|
var myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
|
|
var phone = $('#phone').val();
|
|
if (phone == '') {
|
|
top.layer.msg('联系方式不能为空', {icon: 4, time: 1000});
|
|
return false;
|
|
} else if (!myreg.test(phone)) {
|
|
top.layer.msg('请输入正确的联系方式', {icon: 4, time: 1000});
|
|
return false;
|
|
}
|
|
//邮箱验证
|
|
var reg = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
|
|
var email = $("#email").val();
|
|
if (email == '') {
|
|
top.layer.msg('邮箱不能为空', {icon: 4, time: 1000});
|
|
return false;
|
|
} else if (!reg.test(email)) {
|
|
top.layer.msg('请输入正确的邮箱', {icon: 4, time: 1000});
|
|
return false;
|
|
}
|
|
//内容验证
|
|
var name = $('#content').val();
|
|
if (name == '') {
|
|
top.layer.msg('内容不能为空', {icon: 4, time: 1000});
|
|
return false;
|
|
}
|
|
var reg = /^[\?？。'"‘’“”\.\w\u4E00-\u9FA5\uF900-\uFA2D]{1,50}$/;
|
|
if (!reg.test(name)) {
|
|
top.layer.msg('存在非法字符', {icon: 4, time: 3000});
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url: "{:U('adds')}",
|
|
type: 'post',
|
|
data: $("form").serialize(),
|
|
success: function (res) {
|
|
console.log(res);
|
|
if (res.status == 1) {
|
|
top.layer.msg(res.msg, {icon: 1, time: 1000});
|
|
} else {
|
|
top.layer.msg(res.msg, {icon: 4, time: 1000});
|
|
}
|
|
},
|
|
error: function () {
|
|
|
|
}
|
|
});
|
|
});
|
|
/**
|
|
* 百度地图
|
|
*/
|
|
// 百度地图API功能
|
|
var longitude = $('#longitude').val();
|
|
var latitude = $('#latitude').val();
|
|
if (!longitude) {
|
|
longitude = 116.404;
|
|
}
|
|
if (!latitude) {
|
|
latitude = 39.915;
|
|
}
|
|
var point = new BMap.Point(longitude, latitude);
|
|
var map = new BMap.Map("allmap"); // 创建Map实例
|
|
map.centerAndZoom(point, 11); // 初始化地图,设置中心点坐标和地图级别
|
|
//添加地图类型控件
|
|
map.addControl(new BMap.MapTypeControl({
|
|
mapTypes: [
|
|
BMAP_NORMAL_MAP,
|
|
BMAP_HYBRID_MAP
|
|
]
|
|
}));
|
|
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
|
|
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
|
var marker = new BMap.Marker(point); // 创建标注
|
|
map.addOverlay(marker); // 将标注添加到地图中
|
|
</script>
|
|
</html> |