You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
252 lines
18 KiB
252 lines
18 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>联系我们 - 睿能科技</title>
|
|
<meta name="keywords" content="联系我们,客服热线,服务支持,睿能科技">
|
|
<meta name="description" content="以客户为中心，持续为客户创造价值。填写信息我们第一时间回复，或拨打客服热线 400-0898-188。">
|
|
<!-- 公共CSS 自动被打包进页面 -->
|
|
<link rel="icon" href="./favicon.ico" type="image/x-icon">
|
|
<script>
|
|
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
|
|
(function () {
|
|
var h = document.documentElement
|
|
// 设计稿宽度
|
|
var DESIGN_WIDTH = 1920
|
|
// 设计稿1rem = 16Px
|
|
var REM_AT_DESIGN = 16
|
|
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
|
|
var MIN_ROOT_FONT_SIZE = 14
|
|
function setRootFontSize() {
|
|
// 当前屏幕可视宽度（每次计算都取最新值）
|
|
var W = h.getBoundingClientRect().width
|
|
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
|
|
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
|
|
h.style.fontSize = size + 'px'
|
|
}
|
|
setRootFontSize()
|
|
var resizeRaf = 0
|
|
window.addEventListener('resize', function () {
|
|
if (resizeRaf) return
|
|
resizeRaf = requestAnimationFrame(function () {
|
|
resizeRaf = 0
|
|
setRootFontSize()
|
|
})
|
|
})
|
|
})()
|
|
</script>
|
|
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
|
<script type="module" crossorigin src="/themes/dist_static/static/js/contact.js"></script>
|
|
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js">
|
|
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css">
|
|
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/contact.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 引入公共头部 -->
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<main class="main-contact" data-header-dark>
|
|
<section class="c-intro section__wrap">
|
|
<h1 class="c-intro__title">
|
|
<span>{$current_cate.sub_title}<br/>{$current_cate.desc}</span>
|
|
</h1>
|
|
<div class="c-intro__hotline">
|
|
<div class="c-intro__hotline-label">
|
|
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='Linear%20/%20Call%20/%20Incoming%20Call%20Rounded'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%204.26667L4.26667%200M1.06667%200L4.26667%200L4.26667%203.2'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-width='1.500000'%20transform='matrix(-1,0,0,-1,23.4668,12.7998)'%20/%3e%3cpath%20id='Vector'%20d='M13.9069%208.87071C12.9635%207.18033%2010.5929%206.9807%209.10712%208.46651C8.21432%209.35931%207.51962%2010.453%207.47379%2011.6621C7.39663%2013.6974%207.91173%2017.154%2011.379%2020.6212C14.8463%2024.0885%2018.3028%2024.6036%2020.3382%2024.5265C21.5472%2024.4806%2022.6409%2023.7859%2023.5338%2022.8931C25.0196%2021.4073%2024.8199%2019.0367%2023.1295%2018.0934L21.8891%2017.4011C20.7696%2016.7763%2019.3011%2017.0271%2018.3171%2018.0111C18.3171%2018.0111%2017.1236%2019.2046%2014.9596%2017.0406C12.7956%2014.8767%2013.9892%2013.6831%2013.9892%2013.6831C14.9731%2012.6991%2015.2239%2011.2306%2014.5992%2010.1112L13.9069%208.87071Z'%20fill-rule='evenodd'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/svg%3e" alt="" width="19" height="19" />
|
|
<span>客服热线</span>
|
|
</div>
|
|
<a class="c-intro__phone" href="tel:400-0898-188">{hcTaglib:setting name="company_phone" type="1" /}</a>
|
|
<p class="c-intro__hours">{$current_cate.description}</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="c-banner" aria-label="服务入口">
|
|
<div class="c-banner__media" aria-hidden="true">
|
|
<img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" />
|
|
</div>
|
|
<div class="c-banner__cards section__wrap">
|
|
<a class="c-card" href="/download.html">
|
|
<div class="c-card__head">
|
|
<span class="c-card__title">下载中心</span>
|
|
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20279'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M33.3333%2018.667L44%2018.667L44%2044.0003L4%2044.0003L4%2018.667L14.6667%2018.667'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20487'%20d='M32%2028L24%2036L16%2028M24%204L24%2036'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='2.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
|
|
</div>
|
|
<p class="c-card__desc">获取产品相关资料</p>
|
|
</a>
|
|
<a class="c-card" href="/faq.html">
|
|
<div class="c-card__head">
|
|
<span class="c-card__title">常见问题</span>
|
|
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='Question_and_answer'%3e%3cg%20id='question-and-answer'%3e%3cpath%20id='矢量%20484'%20d='M16.6667%2046L10.8%2037.2L4.93333%2037.2C3.32%2037.2%202%2035.88%202%2034.2667L2%2019.6C2%2017.9867%203.32%2016.6667%204.93333%2016.6667L26.9333%2016.6667C28.5467%2016.6667%2029.8667%2017.9867%2029.8667%2019.6L29.8667%2034.2667C29.8667%2035.88%2028.5467%2037.2%2026.9333%2037.2L16.6667%2037.2M35.7333%2025.4667L38.6667%2019.6L43.0667%2019.6C44.68%2019.6%2046%2018.28%2046%2016.6667L46%204.93333C46%203.32%2044.68%202%2043.0667%202L25.4667%202C23.8533%202%2022.5333%203.32%2022.5333%204.93333L22.5333%2016.6667M34.2667%2019.6L29.8667%2019.6M34.296%2013C34.296%2011.372%2034.5307%2010.9027%2035.5133%2010.3307C36.232%209.92%2036.9213%209.31867%2036.9213%208.10133C36.9213%206.54667%2035.7333%205.66667%2034.2813%205.66667C32.8293%205.66667%2031.6267%206.708%2031.6267%208.10133'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20485'%20d='M17.3995%2026.9332C17.3995%2027.7399%2016.7395%2028.3999%2015.9328%2028.3999C15.1261%2028.3999%2014.4661%2027.7399%2014.4661%2026.9332C14.4661%2026.1265%2015.1261%2025.4665%2015.9328%2025.4665C16.7395%2025.4665%2017.3995%2026.1265%2017.3995%2026.9332ZM23.2661%2025.4665C22.4595%2025.4665%2021.7995%2026.1265%2021.7995%2026.9332C21.7995%2027.7399%2022.4595%2028.3999%2023.2661%2028.3999C24.0728%2028.3999%2024.7328%2027.7399%2024.7328%2026.9332C24.7328%2026.1265%2024.0728%2025.4665%2023.2661%2025.4665ZM8.59948%2025.4665C7.79281%2025.4665%207.13281%2026.1265%207.13281%2026.9332C7.13281%2027.7399%207.79281%2028.3999%208.59948%2028.3999C9.40615%2028.3999%2010.0661%2027.7399%2010.0661%2026.9332C10.0661%2026.1265%209.40615%2025.4665%208.59948%2025.4665ZM34.2661%2016.1239C34.7795%2016.1239%2035.1901%2015.7132%2035.1901%2015.2145C35.1901%2014.7159%2034.7795%2014.2905%2034.2661%2014.2905C33.7528%2014.2905%2033.3568%2014.7012%2033.3568%2015.2145C33.3568%2015.7279%2033.7675%2016.1239%2034.2661%2016.1239Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3c/g%3e%3crect%20id='Transparent_Rectangle'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
|
|
</div>
|
|
<p class="c-card__desc">在这里，寻找想要的答案</p>
|
|
</a>
|
|
<a class="c-card" href="/video.html">
|
|
<div class="c-card__head">
|
|
<span class="c-card__title">视频教程</span>
|
|
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='vuesax/linear/play-circle'%3e%3cg%20id='play-circle'%3e%3cpath%20id='Vector'%20d='M23.9395%2044C12.8938%2044%203.93945%2035.0457%203.93945%2024C3.93945%2012.9543%2012.8938%204%2023.9395%204C34.9852%204%2043.9395%2012.9543%2043.9395%2024C43.9395%2035.0457%2034.9852%2044%2023.9395%2044Z'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M17.4805%2021.1202C17.4805%2016.9602%2020.4205%2015.2602%2024.0205%2017.3402L26.9205%2019.0202L29.8205%2020.7002C33.4205%2022.7803%2033.4205%2026.1802%2029.8205%2028.2603L26.9205%2029.9403L24.0205%2031.6203C20.4205%2033.7002%2017.4805%2032.0003%2017.4805%2027.8402L17.4805%2024.4602L17.4805%2021.1202Z'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
|
|
</div>
|
|
<p class="c-card__desc">提供相关视频进行培训</p>
|
|
</a>
|
|
<a class="c-card" href="/announce.html">
|
|
<div class="c-card__head">
|
|
<span class="c-card__title">产品公告</span>
|
|
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20280'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M4%2028.091C4%2032.1719%206.07692%2034.2124%2010.2308%2034.2124L13.2036%2034.2124C13.9774%2034.2124%2014.7511%2034.4324%2015.4027%2034.8325L21.4706%2038.5534C26.724%2041.7741%2031%2039.4336%2031%2033.3522L31%2014.6478C31%208.56641%2026.7036%206.22587%2021.4706%209.44662L15.4027%2013.1875C14.7308%2013.5876%2013.9774%2013.8076%2013.2036%2013.8076L10.2308%2013.8076C6.07692%2013.8076%204%2015.8481%204%2019.9291L4%2028.091Z'%20fill-rule='nonzero'%20stroke='rgb(41,45,50)'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,-0.5,0.5,0.866025,36.5352,15.001)'%20/%3e%3cpath%20id='Vector'%20d='M36%2024L44%2024'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,0.5,-0.5,0.866025,36.5352,33)'%20/%3e%3c/svg%3e" alt="" width="48" height="48" />
|
|
</div>
|
|
<p class="c-card__desc">了解产品最新动态</p>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="c-form-section section__wrap" id="form">
|
|
<h2 class="c-form-section__title">
|
|
<span>填写以下信息我们</span>
|
|
<span>第一时间回复</span>
|
|
</h2>
|
|
|
|
<form class="c-form section-contact-form" action="#" method="post">
|
|
<div class="c-form__grid">
|
|
<label class="c-field">
|
|
<span class="c-field__label">姓名 *</span>
|
|
<input class="c-field__input" type="text" name="name" placeholder="请输入姓名" autocomplete="name" />
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">手机 *</span>
|
|
<input class="c-field__input" type="tel" name="phone" placeholder="请输入手机" autocomplete="tel" />
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">公司 *</span>
|
|
<input class="c-field__input" type="text" name="company" placeholder="请输入公司名称" autocomplete="organization" />
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">邮箱 *</span>
|
|
<input class="c-field__input" type="email" name="email" placeholder="请输入邮箱" autocomplete="email" />
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">所属行业 *</span>
|
|
<select class="c-field__input c-field__select" name="industry">
|
|
<option value="" disabled selected>请选择所属行业</option>
|
|
<option value="包装机械">包装机械</option>
|
|
<option value="机床">机床</option>
|
|
<option value="3C电子">3C电子</option>
|
|
<option value="其他">其他</option>
|
|
</select>
|
|
</label>
|
|
<label class="c-field">
|
|
<span class="c-field__label">业务类型 *</span>
|
|
<select class="c-field__input c-field__select" name="bizType">
|
|
<option value="" disabled selected>请选择业务类型</option>
|
|
<option value="产品咨询">产品咨询</option>
|
|
<option value="技术支持">技术支持</option>
|
|
<option value="商务合作">商务合作</option>
|
|
<option value="其他">其他</option>
|
|
</select>
|
|
</label>
|
|
<label class="c-field c-field--full">
|
|
<span class="c-field__label">咨询描述</span>
|
|
<input class="c-field__input" type="text" name="content" placeholder="请输入咨询描述" />
|
|
</label>
|
|
</div>
|
|
|
|
<label class="c-form__agree">
|
|
<input type="checkbox" name="agree" />
|
|
<span>我已阅读并同意《隐私条款》</span>
|
|
</label>
|
|
|
|
<button class="c-form__submit" type="submit">提交</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
{include file="components/mask"}
|
|
<!-- 模块：底部 -->
|
|
{include file="components/footer"}
|
|
|
|
|
|
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
|
|
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
|
|
<script>
|
|
$(function () {
|
|
var $form = $('.section-contact-form');
|
|
var $submitBtn = $form.find('.c-form__submit');
|
|
var submitting = false; // 防重复提交标志
|
|
|
|
$form.on('submit', function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (submitting) return false;
|
|
|
|
// 表单验证
|
|
var name = $form.find('[name="name"]').val().trim();
|
|
var phone = $form.find('[name="phone"]').val().trim();
|
|
var company = $form.find('[name="company"]').val().trim();
|
|
var email = $form.find('[name="email"]').val().trim();
|
|
var industry = $form.find('[name="industry"]').val();
|
|
var bizType = $form.find('[name="bizType"]').val();
|
|
var agree = $form.find('[name="agree"]').prop('checked');
|
|
|
|
if (!name) { alert('请输入姓名'); return; }
|
|
if (!phone) { alert('请输入手机号'); return; }
|
|
if (!company) { alert('请输入公司名称'); return; }
|
|
if (!email) { alert('请输入邮箱'); return; }
|
|
if (!industry) { alert('请选择所属行业'); return; }
|
|
if (!bizType) { alert('请选择业务类型'); return; }
|
|
if (!agree) { alert('请阅读并同意《隐私条款》'); return; }
|
|
|
|
// 收集表单数据（字段映射到数据库 hc_inquiry 表）
|
|
var content = $form.find('[name="content"]').val().trim();
|
|
var data = {
|
|
contacts_name: name, // 联系人姓名
|
|
phone: phone, // 联系人手机号
|
|
company_name: company, // 客户名称
|
|
email: email, // 邮箱
|
|
telphone: bizType, // 固定电话字段存放业务类型
|
|
explain: industry, // 询盘类型（所属行业）
|
|
content: content, // 询盘内容（咨询描述）
|
|
referer: 'website' // 询盘来源
|
|
};
|
|
|
|
// 禁用提交按钮，防止重复提交
|
|
submitting = true;
|
|
$submitBtn.prop('disabled', true).text('提交中...');
|
|
|
|
// 发送请求
|
|
$.ajax({
|
|
url: '/inquiry/save',
|
|
type: 'POST',
|
|
contentType: 'application/json',
|
|
data: JSON.stringify(data),
|
|
success: function (res) {
|
|
if (res.code === 0 || res.code === 200) {
|
|
$form[0].reset();
|
|
} else {
|
|
alert(res.msg || '提交失败，请稍后重试');
|
|
}
|
|
},
|
|
error: function () {
|
|
alert('网络错误，请稍后重试');
|
|
},
|
|
complete: function () {
|
|
submitting = false;
|
|
$submitBtn.prop('disabled', false).text('提交');
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|