Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
cf5997ec by 任超
Options

feat:身份认证

1 parent c9abf4e4
Inline Side-by-side
Showing 4 changed files with 209 additions and 1 deletions
.content_box {
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
}
.nav_title {
padding: 10px 0 10px 10px;
margin:25px 0;
background-color: #eeeeee;
}
.nav_title h2 {
padding-left: 5px;
border-left: 3px solid #1E9FFF;
height: 14px;
line-height: 14px;
font-weight: 600;
}
.info_query ul li {
width: 31%;
margin-right: 20px;
display: inline-block;
margin-bottom: 15px;
}
.info_query ul li:last-child {
margin-right: 0;
}
.info_query ul li p {
display: inline-block;
}
.info_query ul li input {
display: inline-block;
width: 300px;
}
\ No newline at end of file
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
});
addTabs('#wssq')
// 业务
$('.feachBtn').click(function () {
var tel = $("#tel").val();
//正则表达式
var reg = /(1[3-9]\d{9}$)/;
if (!reg.test(tel)) {
layui.use('layer', function(){
var layer = layui.layer;
layer.msg("请输入正确格式的手机号码", {
icon: 5
});
});
return false;
} else {
let count = 5;
$('.feachBtn').attr('disabled', true);
$('.feachBtn').css({
background: '#eee',
color: '#707070',
});
count--;
countDown = setInterval(() => {
count--;
$('.feachBtn').text(count + '秒后可重新获取');
if (count === 0) {
$('.feachBtn').text('重新发送').removeAttr('disabled');
clearInterval(countDown);
}
}, 1000);
$('.feachBtn').text(count + '秒后可重新获取');
}
})
})
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-身份认证</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/sfrz.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="selected">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li class="active">
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li>
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li>
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
生成电子证书
</li>
</ul>
<div class="info_query">
<div class="nav_title">
<h2>买方</h2>
</div>
<ul>
<li>
<span>权利人</span>：
<p>任超</p>
</li>
<li>
<span>证件类型</span>：
<p>身份证</p>
</li>
<li>
<span>证件号</span>：
<p>78979798798798</p>
</li>
<li>
<span>联系方式</span>：
<p>156587979</p>
</li>
<li>
<span>验证码</span>：
<input type="tel" name="title" id="tel" maxlength="11" lay-verify="phone" placeholder="请输入手机号"class="layui-input">
</li>
<li>
<button type="button"
class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button>
</li>
</ul>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/sfrz.js"></script>
</html>
\ No newline at end of file
......@@ -189,7 +189,9 @@
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
<button type="button" class="layui-btn layui-btn-normal">
<a href="./sfrz.html">下一步</a>
</button>
</div>
</div>
</body>
......