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.
152 lines
5.8 KiB
152 lines
5.8 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<!-- 通用 -->
|
|
{include file="common/head" /}
|
|
<!-- 当前 -->
|
|
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" />
|
|
<link rel="stylesheet" href="__TMPL__/static/css/contact.css" />
|
|
<link rel="stylesheet" href="__TMPL__/static/css/otherService.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header start -->
|
|
{include file="common/header" /}
|
|
<!-- header end -->
|
|
<div class="bannerList">
|
|
<div class="img">
|
|
<img src="__TMPL__/static/images/zoujin/img-1.jpg" alt="" />
|
|
</div>
|
|
<div class="w1280">
|
|
<div class="bannerTitle">走进东亚</div>
|
|
<div class="bannerTips">东亚财富，智讯共享</div>
|
|
</div>
|
|
</div>
|
|
<div class="tabs-head">
|
|
<div class="w1280">
|
|
<ul>
|
|
{hcTaglib:subcategory pid="7" item="vo" field="id,title" sort="sort asc"}
|
|
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li>
|
|
{/hcTaglib:subcategory}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- {hcTaglib:contentDetail id="1561" name="item" mainField="id,title,content,thumbnail"}
|
|
<div class="contact-container" style="background-image: url({$item.thumbnail.url|default='__TMPL__/static/images/zoujin/ditu.jpg'})">
|
|
<div class="w1280">
|
|
<div class="contact-text">
|
|
{$item['content']|raw}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:contentDetail} -->
|
|
<div class="contactBlock">
|
|
{hcTaglib:contentDetail id="1561" name="item" mainField="id,title,content,thumbnail"}
|
|
<div class="img"><img src="{$item.thumbnail.url|default='__TMPL__/static/images/zoujin/ditu.jpg'}" alt=""></div>
|
|
<div class="w1280">
|
|
<div class="contact-text">
|
|
{$item['content']|raw}
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:contentDetail}
|
|
</div>
|
|
<div class="contact-form w1280">
|
|
<div class="title">意见反馈</div>
|
|
<form class="layui-form" id="myForm">
|
|
<div class="layui-form-item">
|
|
<input type="text" name="dislike" placeholder="请您描述您觉得不满意的地方" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<input type="text" name="use" placeholder="您最常用的功能/最关注的功能" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<input type="text" name="want" placeholder="您觉得需要增加的功能" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<input type="text" id="formCode" name="formCode" maxlength="4" placeholder="图形验证码" class="layui-input">
|
|
<div class="codeImg"></div>
|
|
</div>
|
|
<div class="layui-form-item w-100">
|
|
<textarea name="other" placeholder="其他意见" class="layui-textarea"></textarea>
|
|
</div>
|
|
<button class="layui-btn" lay-submit lay-filter="demo-submit">立即反馈</button>
|
|
</form>
|
|
</div>
|
|
<!-- footer start-->
|
|
{include file="common/footer" /}
|
|
<!-- footer end -->
|
|
<!-- 通用 -->
|
|
{include file="common/foot" /}
|
|
<!-- 当前 -->
|
|
<script src="__TMPL__/static/js/layui.js"></script>
|
|
<script src="__TMPL__/static/js/randomCoding.js"></script>
|
|
<script>
|
|
// 表单提交
|
|
layui.use(function(){
|
|
var $ = layui.$;
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
form.on('submit(demo-submit)', function(data){
|
|
// 显示填写结果，仅作演示用
|
|
let dislike = $('input[name=dislike]').val();
|
|
let want = $('input[name=want]').val();
|
|
let use = $('input[name=use]').val();
|
|
let other = $('input[name=other]').val();
|
|
if(!dislike && !want && !use && !other){
|
|
layer.msg('请填写内容')
|
|
return false;
|
|
}
|
|
let formCode = $('#formCode').val()
|
|
if(!formCode){
|
|
layer.msg('请输入验证码');
|
|
return false;
|
|
}
|
|
if(formCode.toUpperCase() != randomStr){
|
|
layer.msg('请输入正确的验证码');
|
|
$('#formCode').val('')
|
|
randomCoding()
|
|
$('.Verification .codeImg').html('')
|
|
$.each(randomCode,function(i,e){
|
|
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
|
|
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span')
|
|
})
|
|
return false
|
|
}
|
|
let formData = {dislike,want,use,other,'code':'65093cf85a43b'}
|
|
$.ajax({
|
|
type:'POST',
|
|
url:'/addFormData',
|
|
data: formData,
|
|
success:function(res){
|
|
if(res.code == 0 ){
|
|
layer.msg(res.msg)
|
|
$('#myForm')[0].reset();
|
|
return false;
|
|
}
|
|
}
|
|
})
|
|
|
|
return false; // 阻止默认 form 跳转
|
|
});
|
|
})
|
|
|
|
// 验证码
|
|
randomCoding()
|
|
$.each(randomCode,function(i,e){
|
|
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
|
|
$('.codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span')
|
|
})
|
|
$('.Verification .codeImg').click(function(){
|
|
randomCoding()
|
|
$('.Verification .codeImg').html('')
|
|
$.each(randomCode,function(i,e){
|
|
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
|
|
$('.codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span')
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|