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.
135 lines
5.0 KiB
135 lines
5.0 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/otherService.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header start -->
|
|
{include file="common/header" /}
|
|
<!-- header end -->
|
|
<div class="bannerList">
|
|
<div class="img">
|
|
<img src="__TMPL__/static/images/yanjiuyuan/banner2.jpg" alt="" />
|
|
</div>
|
|
<div class="w1280">
|
|
<div class="bannerTitle">其他服务</div>
|
|
</div>
|
|
</div>
|
|
<div class="tabs-head">
|
|
<div class="w1280">
|
|
<ul>
|
|
{hcTaglib:subcategory pid="12" 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>
|
|
<div class="main ">
|
|
<div class="container w1280 proposal">
|
|
{$current_cate['content']|raw}
|
|
</div>
|
|
</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/otherService.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')
|
|
})
|
|
})
|
|
|
|
// 左侧切换
|
|
$('.left-list li').click(function () {
|
|
$(this).siblings().removeClass('active')
|
|
$(this).addClass('active')
|
|
console.log();
|
|
let title = $(this)[0].innerText
|
|
$('.right-question h2.title')[0].innerText = title
|
|
})
|
|
// 折叠面板
|
|
$('.collapse .collapse-item .icon').click(function () {
|
|
if ($(this).hasClass('active')) {
|
|
$(this).removeClass('active')
|
|
} else {
|
|
$(this).addClass('active')
|
|
}
|
|
$(this).parents('.collapse-item').children('.collapse-content').slideToggle(300)
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|