Project2024
/
cms-system


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!-- 禁止百度转码 -->
	<meta http-equiv="Cache-Control" content="no-siteapp">
	<!-- uc强制竖屏 -->
	<meta name="screen-orientation" content="portrait">
	<!-- QQ强制竖屏 -->
	<meta name="x5-orientation" content="portrait">
	<title>{dreamer-cms:category field="typenamecn" /}_{dreamer-cms:global name="title"/}</title>
	<meta name="Keywords" content="{dreamer-cms:global name="keywords"/}" />
	<meta name="Description" content="{dreamer-cms:global name="describe"/}" />
	<link rel="stylesheet" href="{dreamer-cms:template /}css/iconfont/iconfont.css">
	<link rel="stylesheet" href="{dreamer-cms:template /}css/reset.css">
	<link rel="stylesheet" href="{dreamer-cms:template /}css/animate.css">
	<link rel="stylesheet" href="{dreamer-cms:template /}css/style.css">
	<link rel="stylesheet" href="{dreamer-cms:template /}scripts/theme/default/layer.css">
	<script src="{dreamer-cms:template /}scripts/jquery-1.11.3.min.js"></script>
	<script src="{dreamer-cms:template /}scripts/jquery.SuperSlide.2.1.1.js"></script>
	<script src="{dreamer-cms:template /}scripts/js.js"></script>
	<script src="{dreamer-cms:template /}scripts/layer.js"></script>
	<style>
	.wrapper_1200 .caseList .more {
		font-size: 14px;
		color: #999999;
		width: 120px;
		height: 36px;
		text-align: center;
		line-height: 36px;
		margin: 36px auto 40px auto;
		cursor: pointer;
		display: block;
	}
	</style>
</head>
<body crt-type-code="{dreamer-cms:category field="typecode" /}">
<div class="case-center">
	{dreamer-cms:include file='inc/header.html'/}
	
	{dreamer-cms:sql sql="select image_path as litpic from system_archives where id = [1f7da4c6706c48ab8f9e223dbdfb80b4]"}
	<div class="publicHeader2 min_wrapper_1200" style="background:url(/resources/uploads/[field:litpic /]) no-repeat;"></div>
	{/dreamer-cms:sql}
	
	<div class="nav">
		<div class="wrapper_1200">
			{dreamer-cms:channel typeid="he9g4d0j" type="son"}
			<div class="item" type-code="[field:typecode/]"><a href="[field:typeurl/]">[field:typenamecn /]</a></div>
			{/dreamer-cms:channel}
		</div>
	</div>
	
	<div class="wrapper_1200">
		{dreamer-cms:location lang="cn" /}
		<div class="caseList">
			<div class="customer" style="text-align: center;">
				{dreamer-cms:pagelist}
				<div class="item">
					<div class="one">
						<div class="pictrue">
							<a href="[field:arcurl/]">
								<img src="[field:litpic/]" title="[field:title/]" class="caseBg" />
							</a>
							<div class="ewm">
								<a href="[field:arcurl/]">
									<img src="[field:litpic/]" title="[field:title/]" />
								</a>
							</div>
						</div>
						<div class="text">
							<div class="name"><a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></div>
							<div class="infor"><a href="[field:arcurl/]" title="[field:title/]">[field:remark function="substring(0,60,'...')"/]</a></div>
							<div class="industry">查看详情</div>
						</div>
					</div>
					<div class="two">
						<div class="ewm animated" style="margin:30px auto 0 auto;">
							<img src="[field:litpic/]" title="[field:title/]" />
						</div>
						<div class="industry animated"><a href="[field:arcurl/]" title="[field:title/]">详情查看</a></div>
					</div>
				</div>
				{/dreamer-cms:pagelist}
			</div>
			<div class="clearfix"></div>
			<!--<div class="more set_8_button outline" data-type="1">查看更多<span class="lines"></span></div>
			<div class="more no_more" >没有更多了</div>-->
			<div class="listpages" >
				{dreamer-cms:pagination /}
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
	
	<div class="wrapper_1200">
		<div class="formMember">
			
			<div class="form">
				<div class="name">快速咨询客服</div>
				<div class="infor">想拥有您的定制化官网么？您可将自己的需求提交给客服。</div>
				<form id="Form" action="/input" method="post">
					<input type="hidden" name="typeid" value="wqz18j7q" />
					<input type="hidden" name="formkey" value="8t2lkr8d" />
					<div class="item">
						<input type="text" id="title" placeholder="填写您的姓名" name="title">
					</div>
					<div class="item">
						<input type="text" id="telephone" placeholder="填写您的联系电话" name="telephone">
					</div>
					<div class="item">
						<textarea id="content" name="content" class="form-control" placeholder="填写您的需求"></textarea>
					</div>
					<div class="captcha">
						<div class="login-form-vcode"><img alt="图片验证码" width="120" height="46" src="" id="vcode"></div>
						<div class="login-form-vcode-input"><input type="text" name="captcha" placeholder="验证码" required="required" class="form-control" /></div>
						<div class="clearFix"></div>
					</div>
					<div class="form-btn-group-left">
						<div class="submission set_5_button" id="essentialInformation">提交</div>
					</div>
				</form>
			</div>
			
		</div>
	</div>
	
	<div id="advers" class="min_wrapper_1200">
		<div class="wrapper_1200 wrapper1">免费体验后台管理系统<a href="/admin" target="_blank" title="立即体验">立即体验</a></div>
	</div>
	
	{dreamer-cms:include file='inc/footer.html'/}
</div>

{dreamer-cms:include file="inc/service.html" /}
<script src="{dreamer-cms:template /}scripts/jquery.serializejson.js"></script>
<script src="{dreamer-cms:template /}scripts/coco-message.js"></script>
<script>
$(function () {
	$("#vcode").attr("src","/getKaptcha?t=" + new Date().getTime());
	
	$("#vcode").click(function(){
		var t = new Date().getTime();
		$(this).attr("src","/getKaptcha?t=" + t);
	});

	$("body").on("mouseenter", ".caseList .item", function() {
		$(this).find('.one').hide();
		$(this).addClass('on');
		$(this).find('.two').show();
		$(this).find('.two .ewm').addClass('bounceInDown');
		$(this).find('.two .industry').addClass('lightSpeedIn');
	});
	$("body").on("mouseleave", ".caseList .item", function() {
		$(this).find('.one').show();
		$(this).removeClass('on');
		$(this).find('.two').hide();
		$(this).find('.two .ewm').removeClass('bounceInDown');
		$(this).find('.two .industry').removeClass('lightSpeedIn');
	});
	
	$("#essentialInformation").click(function(){
		var username=$("input[name='title']").val();
		var phone=$("input[name='telephone']").val();
		var content=$("textarea[name='content']").val();
		var captcha=$("input[name='captcha']").val();
		var rsd=/^1[3|4|5|6|7|8|9]\d{9}$/;
		var regex=new RegExp(rsd);
		if(!username){
			layer.msg('填写您的姓名', {icon: 5});
			return false;
		}
		if(!phone){
			layer.msg('填写您的联系电话', {icon: 5});
			return false;
		}
		if(!regex.test(phone)){
			layer.msg('手机号有误', {icon: 5});
			return false;
		}
		if(!content){
			layer.msg('填写您的需求', {icon: 5});
			return false;
		}
		if(!captcha){
			layer.msg('填写您的验证码', {icon: 5});
			return false;
		}
		var formData = $("#Form").serializeJSON();
		$.ajax({
            url : "/input",
            data : formData,
            type : "post",
            dataType : "JSON",
            success : (result) => {
                if(result.state === '200'){
                    cocoMessage.success(5000, "提交成功！", function (){});
                }else{
                    cocoMessage.error(5000, result.info, function (){});

                }
            }
        });
	})
})

</script>
</body>
</html>