<div class="parallax dark mb-0 border-bottom-0" data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position: 0px -300px;" style="background-image: url('/api/openFind/showImage?store=607eabd97d910353e116ea58');background-size:fit; padding:30px; ">
<div class="container clearfix">
<div class="center">
<h2>申请试用</h2>
<span><meta charset="UTF-8" />我们为您提供一流的技术支持，多种不同的产品与定制化方案</span></div>
</div>
</div>

<section id="map-overlay">
<div class="container">
<div class="row">
<div class="contact-form-overlay col-md-8 offset-md-2 p-5">
<div class="fancy-title title-border"><font color="#444444" face="Poppins, sans-serif" size="5"><span style="caret-color: rgb(68, 68, 68); font-weight: 600;">申请试用&nbsp;</span></font></div>

<div class="form-widget">
<div class="form-result">&nbsp;</div>


<form action="include/form.php" class="row mb-0" id="template-contactform" method="post" name="template-contactform">
<div class="col-md-8 form-group"><label for="template-contactform-name">*公司名称</label><input class="sm-form-control required" id="template-contactform-company" name="company" type="text" value="" /></div>

<div class="col-md-8 form-group"><font face="Poppins, sans-serif" size="2"><span style="letter-spacing: 1px; text-transform: uppercase;"><b>您的姓名</b></span></font><br />
<input class="sm-form-control" id="template-contactform-name" name="name" type="text" value="" /><br />
<font face="Poppins, sans-serif" size="2"><span style="letter-spacing: 1px; text-transform: uppercase;"><b>*联系方式</b></span></font><br />
<input class="sm-form-control" id="template-contactform-phone" name="phone" type="text" /><font face="Poppins, sans-serif"><font size="2"><span style="letter-spacing:1px"><span style="text-transform:uppercase"><b><br />
验证码</b></span></span></font></font>

<div class="input-group"><input class="form-control sm-form-control" id="template-contactform-validation" name="validation" type="text" value="" /> <span class="input-group-btn"><button class="btn btn-default" id="validation_btn" type="button">获取验证码</button> </span></div>
<label for="template-contactform-message">您的留言&nbsp;<small>*</small></label><textarea class="required sm-form-control" cols="30" id="template-contactform-message" name="message" rows="6"></textarea></div>
&nbsp;

<div class="col-12 form-group d-none"><input class="sm-form-control" id="template-contactform-botcheck" name="template-contactform-botcheck" type="text" value="" /></div>

<div class="col-12 form-group"><button class="button button-3d m-0" id="template-contactform-submit" name="template-contactform-submit" type="submit" value="submit">提交申请</button></div>
<input name="prefix" type="hidden" value="template-contactform-btn" />&nbsp;</form>
</div>

<div class="row col-mb-50">
<div class="col-md-8">
<div class="flexslider" style="width: auto;">
<div class="slider-wrap">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
window.onload = (function () {

  let compnayInfo = {}
  let timer = null;
  let second = 20;
  function getValidation(phone) {
    $.ajax({
      url: "https://wayonsys.com/services/platform/sms/sendApplyCode",
      data: JSON.stringify({ mobile: compnayInfo.phone }),
      type: "POST",
      contentType: 'application/json',
      success: function (data) {
        console.log(data)
      }
    })
  };

  function startTimer(){
        if(second > 0){
          second --;
          $('#validation_btn').text(second + ' 秒后重发')
          $('#validation_btn').attr('disabled', true);
          timer = setTimeout(startTimer, 1000);
        }else{
          $('#validation_btn').text('获取验证码')
          $('#validation_btn').attr('disabled', false);
          clearTimeout(timer);
          timer = null;
          second = 20;
        }
      }

  function submitInfo() {
    if(!compnayInfo.validation||!compnayInfo.company||!compnayInfo.phone||!compnayInfo.name||!compnayInfo.message){
      alert("请填完整信息");
      return ;
    }
    $.ajax({
      url: "https://wayonsys.com/services/platform/applyTrial/create",
      contentType: 'application/json',
      data: JSON.stringify({
        code: compnayInfo.validation,
        company: compnayInfo.company,
        loginType: "adminClient",
        mobile: compnayInfo.phone,
        name: compnayInfo.name,
        message: compnayInfo.message,
      }),
      type: "POST",
      success: function (data) {
        if(data.code !== '1000'){
          alert(data.message);
        }else{
          alert('提交成功！')
        }
      }
    })
  };

  $('input.sm-form-control').on('change', function (e) {
    compnayInfo = { ...compnayInfo, [e.target.name]: e.target.value }
  });

  $('textarea ').on('change', function (e) {
    compnayInfo = { ...compnayInfo, [e.target.name]: e.target.value }
  });

  $("#validation_btn").bind("click", function (e) {
    if (compnayInfo.phone) {
      getValidation(compnayInfo.phone);
      startTimer();
    } else {
      alert("请填写联系方式")
    }
  })
  $("#template-contactform-submit").bind('click', function (e) {
    e.preventDefault();
    submitInfo();
  })
})
</script>

申请试用

<footer class="dark" id="footer">
<div class="container">
<div class="footer-widgets-wrap">
<div class="row col-mb-50">
<div class="col-lg-8">
<div class="row col-mb-50">
<div class="col-md-4">
<div class="widget clearfix">
<p>上海微元计算机系统集成有限公司</p>

<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
<address><strong>地址:</strong><br />
上海市徐汇区<br />
田林路487号宝石园20号楼1009室</address>
<abbr title="电话"><strong>电话:</strong></abbr> 021-50313020<br />
<abbr title="邮箱"><strong>邮箱:</strong></abbr> info@wayonsys.com</div>
</div>
</div>

<div class="col-sm-8">
<div class="row col-mb-50">
<div class="col-md-4">
<div class="widget clearfix">
<h4>使用说明</h4>

<div class="posts-sm row col-mb-30" id="post-list-footer">
<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">隐私政策</a></h4>
</div>
</div>
</div>
</div>

<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">意见反馈</a></h4>
</div>
</div>
</div>
</div>

<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">合作协议</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="col-sm-4">
<div class="widget widget_links clearfix">
<h4>相关链接</h4>

<ul>
	<li><a href="http://www.mem.gov.cn/" target="_blank">应急管理部</a></li>
	<li><a href="https://yjglj.sh.gov.cn/" target="_blank">上海市应急管理局</a></li>
	<li><a href="http://www.shsafety.org/" target="_blank">上海市安全生产协会</a></li>
	<li><a href="http://www.china-safety.org.cn/" target="_blank">中国安全生产协会</a></li>
	<li><a href="http://www.chinasafety.ac.cn/" target="_blank">中国安全生产科学研究院</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="col-lg-4">
<div class="row col-mb-50">
<div class="col-md-3 col-lg-12">
<div class="widget clearfix" style="margin-bottom: -20px;">
<div class="row">
<div class="col-6 col-md-12 col-lg-6 clearfix bottommargin-sm"><a class="social-icon si-dark si-colored si-facebook mb-0" href="#" style="margin-right: 10px;"><i class="icon-weixin"></i> <i class="icon-weixin"></i> 微信公众号</a> <a href="#"><small style="display: block; margin-top: 3px;"><strong>关注微元公众号</strong></small></a><img src="/api/openFind/showImage?store=60069f17b1179a54636b3fe2" style="display: block; padding-top: 10px; width:150px; height:150px;" /></div>

<div class="col-6 col-md-12 col-lg-6 clearfix"><a class="social-icon si-dark si-colored si-rss mb-0" href="#" style="margin-right: 10px;"><i class="icon-download"></i> <i class="icon-download"></i> </a> <a href="#"><small style="display: block; margin-top: 3px;"><strong>快快检APP下载</strong></small></a> <img src="/api/openFind/showImage?store=60069f23b1179a54636b3fe4" style="display: block; padding-top: 10px; width:150px; height:150px;" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div id="copyrights">
<div class="container">
<div class="row col-mb-30">
<div class="col-md-6 text-center text-md-left">Copyrights &copy; 2021 上海微元计算机系统集成有限公司</div>

<div class="col-md-6 text-center text-md-right">
<div class="d-flex justify-content-center justify-content-md-end">ICP证：<a style="color:rgba(255,255,255,0.75)"  href="https://beian.miit.gov.cn/" target="_blank"> 沪ICP备15057663号-1</a> <span class="middot">&middot;</span> <a style="color:rgba(255,255,255,0.75)" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502016763" target="_blank">沪公网安备 31011502016763号</a></div>
</div>
</div>
</div>
</div>
</footer>

<header id="header">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<div id="logo"><a class="standard-logo" data-dark-logo="/api/openFind/showImage?store=5fc5ff296065c02edeed796b" href="index.html"><img alt="wayonsys Logo" src="/api/openFind/showImage?store=5fc5ff296065c02edeed796b" /></a> <a class="retina-logo" data-dark-logo="/api/openFind/showImage?store=5fc5ff296065c02edeed796b" href="/website/index.html"><img alt="wayonsys Logo" src="/api/openFind/showImage?store=5fc5ff296065c02edeed796b" /></a></div>


<div class="header-misc">
<div class="header-misc-icon" id="top-search"><a href="/website/apply.html" id="top-search-trigger1" style="width:100px; height:40px;"><img src="/api/openFind/showImage?store=605d1438b1179a54636b405d" style="width:100px; height:40px;" /> </a></div>
</div>

<div id="primary-menu-trigger"><svg class="svg-trigger" style="width:50px; height:50px;" viewbox="0 0 100 100"> <path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"> </path> <path d="m 30,50 h 40"></path> <path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"> </path> </svg></div>


<nav class="primary-menu">
<ul class="menu-container">
	<li class="menu-item">
	<div class="menu-link"><a href="/website/index.html">首页</a></div>
	</li>
	<li class="menu-item">
	<div class="menu-link"><a href="/website/products.html">产品介绍</a></div>
	</li>
	<li class="menu-item">
	<div class="menu-link"><a href="/website/solutions.html">技术方案</a></div>
	</li>
	<li class="menu-item">
	<div class="menu-link"><a href="/website/services.html">服务体系</a></div>
	</li>
	<li class="menu-item">
	<div class="menu-link"><a href="/website/about.html">关于我们</a></div>
	</li>
</ul>
</nav>
</div>
</div>
</div>

<div class="header-wrap-clone">&nbsp;</div>
</header>