|
|
|
@ -1,5 +1,5 @@ |
|
|
|
<!DOCTYPE html> |
|
|
|
<html lang="zh-CN"> |
|
|
|
<html lang="en"> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta charset="UTF-8"> |
|
|
|
@ -61,105 +61,105 @@ |
|
|
|
<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> |
|
|
|
<span>Hotline</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="服务入口"> |
|
|
|
<section class="c-banner" aria-label="Service shortcuts"> |
|
|
|
<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> |
|
|
|
<span class="c-card__title">Download Center</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> |
|
|
|
<p class="c-card__desc">Get product documentation</p> |
|
|
|
</a> |
|
|
|
<a class="c-card" href="/faq.html"> |
|
|
|
<div class="c-card__head"> |
|
|
|
<span class="c-card__title">常见问题</span> |
|
|
|
<span class="c-card__title">FAQ</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> |
|
|
|
<p class="c-card__desc">Find the answers you need</p> |
|
|
|
</a> |
|
|
|
<a class="c-card" href="/video.html"> |
|
|
|
<div class="c-card__head"> |
|
|
|
<span class="c-card__title">视频教程</span> |
|
|
|
<span class="c-card__title">Video Tutorials</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> |
|
|
|
<p class="c-card__desc">Watch training videos</p> |
|
|
|
</a> |
|
|
|
<a class="c-card" href="/announce.html"> |
|
|
|
<div class="c-card__head"> |
|
|
|
<span class="c-card__title">产品公告</span> |
|
|
|
<span class="c-card__title">Product Notices</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> |
|
|
|
<p class="c-card__desc">Stay up to date on products</p> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
|
|
|
|
<section class="c-form-section section__wrap" id="form"> |
|
|
|
<h2 class="c-form-section__title"> |
|
|
|
<span>填写以下信息我们</span> |
|
|
|
<span>第一时间回复</span> |
|
|
|
<span>Fill in the information below</span> |
|
|
|
<span>and we will reply promptly</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" /> |
|
|
|
<span class="c-field__label">Name *</span> |
|
|
|
<input class="c-field__input" type="text" name="name" placeholder="Enter your name" 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" /> |
|
|
|
<span class="c-field__label">Phone *</span> |
|
|
|
<input class="c-field__input" type="tel" name="phone" placeholder="Enter your phone number" 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" /> |
|
|
|
<span class="c-field__label">Company *</span> |
|
|
|
<input class="c-field__input" type="text" name="company" placeholder="Enter your company name" 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" /> |
|
|
|
<span class="c-field__label">Email *</span> |
|
|
|
<input class="c-field__input" type="email" name="email" placeholder="Enter your email" autocomplete="email" /> |
|
|
|
</label> |
|
|
|
<label class="c-field"> |
|
|
|
<span class="c-field__label">所属行业 *</span> |
|
|
|
<span class="c-field__label">Industry *</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> |
|
|
|
<option value="" disabled selected>Select an industry</option> |
|
|
|
<option value="Packaging machinery">Packaging machinery</option> |
|
|
|
<option value="Machine tools">Machine tools</option> |
|
|
|
<option value="3C electronics">3C electronics</option> |
|
|
|
<option value="Other">Other</option> |
|
|
|
</select> |
|
|
|
</label> |
|
|
|
<label class="c-field"> |
|
|
|
<span class="c-field__label">业务类型 *</span> |
|
|
|
<span class="c-field__label">Business type *</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> |
|
|
|
<option value="" disabled selected>Select a business type</option> |
|
|
|
<option value="Product inquiry">Product inquiry</option> |
|
|
|
<option value="Technical support">Technical support</option> |
|
|
|
<option value="Business cooperation">Business cooperation</option> |
|
|
|
<option value="Other">Other</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="请输入咨询描述" /> |
|
|
|
<span class="c-field__label">Inquiry description</span> |
|
|
|
<input class="c-field__input" type="text" name="content" placeholder="Enter your inquiry" /> |
|
|
|
</label> |
|
|
|
</div> |
|
|
|
|
|
|
|
<label class="c-form__agree"> |
|
|
|
<input type="checkbox" name="agree" /> |
|
|
|
<span>我已阅读并同意《隐私条款》</span> |
|
|
|
<span>I have read and agree to the Privacy Policy</span> |
|
|
|
</label> |
|
|
|
|
|
|
|
<button class="c-form__submit" type="submit">提交</button> |
|
|
|
<button class="c-form__submit" type="submit">Submit</button> |
|
|
|
</form> |
|
|
|
</section> |
|
|
|
</main> |
|
|
|
@ -196,13 +196,13 @@ $(function () { |
|
|
|
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; } |
|
|
|
if (!name) { alert(t("contact.name_required")); return; } |
|
|
|
if (!phone) { alert(t("contact.phone_required")); return; } |
|
|
|
if (!company) { alert(t("contact.company_required")); return; } |
|
|
|
if (!email) { alert(t("contact.email_required")); return; } |
|
|
|
if (!industry) { alert('Please select an industry'); return; } |
|
|
|
if (!bizType) { alert('Please select a business type'); return; } |
|
|
|
if (!agree) { alert('Please read and agree to the Privacy Policy'); return; } |
|
|
|
|
|
|
|
// 收集表单数据(字段映射到数据库 hc_inquiry 表) |
|
|
|
var content = $form.find('[name="content"]').val().trim(); |
|
|
|
@ -219,7 +219,7 @@ $(function () { |
|
|
|
|
|
|
|
// 禁用提交按钮,防止重复提交 |
|
|
|
submitting = true; |
|
|
|
$submitBtn.prop('disabled', true).text('提交中...'); |
|
|
|
$submitBtn.prop("disabled", true).text(t("contact.submitting")); |
|
|
|
|
|
|
|
// 发送请求 |
|
|
|
$.ajax({ |
|
|
|
@ -230,17 +230,17 @@ $(function () { |
|
|
|
success: function (res) { |
|
|
|
if (res.code === 0 || res.code === 200) { |
|
|
|
$form[0].reset(); |
|
|
|
showFormToast('提交成功,我们会尽快与您联系!'); |
|
|
|
showFormToast(t("contact.success")); |
|
|
|
} else { |
|
|
|
alert(res.msg || '提交失败,请稍后重试'); |
|
|
|
alert(res.msg || t("contact.fail")); |
|
|
|
} |
|
|
|
}, |
|
|
|
error: function () { |
|
|
|
alert('网络错误,请稍后重试'); |
|
|
|
alert(t("contact.network_error")); |
|
|
|
}, |
|
|
|
complete: function () { |
|
|
|
submitting = false; |
|
|
|
$submitBtn.prop('disabled', false).text('提交'); |
|
|
|
$submitBtn.prop("disabled", false).text(t("contact.submit")); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
|