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
1 .content_box {
2 width: 1200px;
3 margin: 0 auto;
4 min-height:calc(100vh - 207px);
5 color: #4a4a4a;
6 }
7 .name_title {
8 padding: 10px;
9 margin:15px 0;
10 }
11 .name_title h2 {
12 display: inline-block;
13 font-weight: 600;
14 margin-right: 10px;
15 border-left: 3px solid #0091FF;
16 height: 16px;
17 line-height: 16px;
18 padding-left: 5px;
19 }
20 .name_title p {
21 display: inline-block;
22 color: #0091FF;
23 }
24 .next_button {
25 text-align: center;
26 margin: 10px 0;
27 }
28 .next_button a {
29 color: #ffffff;
30 }
31 .nav_title {
32 padding: 10px 0 10px 10px;
33 margin:25px 0;
34 background-color: #eeeeee;
35 }
36 .nav_title h2 {
37 padding-left: 5px;
38 border-left: 3px solid #1E9FFF;
39 height: 14px;
40 line-height: 14px;
41 font-weight: 600;
42 }
43 .info_query ul li {
44 width: 31%;
45 margin-right: 20px;
46 display: inline-block;
47 margin-bottom: 15px;
48 }
49 .info_query ul li:last-child {
50 margin-right: 0;
51 }
52 .info_query ul li p {
53 display: inline-block;
54 }
55 .info_query ul li input {
56 display: inline-block;
57 width: 300px;
58 }
...\ No newline at end of file ...\ No newline at end of file
1 $(function () {
2 layui.use('element', function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
4 //监听导航点击
5 element.on('nav(demo)', function (elem) {
6 layer.msg(elem.text());
7 });
8 });
9 addTabs('#wssq')
10 // 业务
11 $('.feachBtn').click(function () {
12 var tel = $("#tel").val();
13 //正则表达式
14 var reg = /(1[3-9]\d{9}$)/;
15 if (!reg.test(tel)) {
16 layui.use('layer', function(){
17 var layer = layui.layer;
18 layer.msg("请输入正确格式的手机号码", {
19 icon: 5
20 });
21 });
22 return false;
23 } else {
24 let count = 5;
25 $('.feachBtn').attr('disabled', true);
26 $('.feachBtn').css({
27 background: '#eee',
28 color: '#707070',
29 });
30 count--;
31 countDown = setInterval(() => {
32 count--;
33 $('.feachBtn').text(count + '秒后可重新获取');
34 if (count === 0) {
35 $('.feachBtn').text('重新发送').removeAttr('disabled');
36 clearInterval(countDown);
37 }
38 }, 1000);
39 $('.feachBtn').text(count + '秒后可重新获取');
40 }
41 })
42 })
1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4
5 <head>
6 <style>
7 </style>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>立即办理-身份认证</title>
10 <script type="text/javascript" src="../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
12 <link rel="stylesheet" type="text/css" href="../staticCss/sfrz.css">
13 </head>
14
15 <body>
16 <div class="navigation_crumbs">
17 <div class="contentBox">
18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a>
21 <a><cite>在线申请</cite></a>
22 </span>
23 </div>
24 </div>
25 <div class="content_box">
26 <div class="name_title layui-bg-gray">
27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p>
29 </div>
30 <ul class="app_progress">
31 <li class="selected">
32 <span>1</span>
33 信息效验
34 </li>
35 <div class="line"></div>
36 <li class="selected">
37 <span>2</span>
38 填报信息
39 </li>
40 <div class="line"></div>
41 <li class="selected">
42 <span>3</span>
43 完税核税
44 </li>
45 <div class="line"></div>
46 <li class="active">
47 <span>4</span>
48 身份认证
49 </li>
50 <div class="line"></div>
51 <li>
52 <span>5</span>
53 资料审核
54 </li>
55 <div class="line"></div>
56 <li>
57 <span>6</span>
58 线上缴费
59 </li>
60 <div class="line"></div>
61 <li>
62 <span>7</span>
63 生成电子证书
64 </li>
65 </ul>
66
67 <div class="info_query">
68 <div class="nav_title">
69 <h2>买方</h2>
70 </div>
71 <ul>
72 <li>
73 <span>权利人</span>：
74 <p>任超</p>
75 </li>
76 <li>
77 <span>证件类型</span>：
78 <p>身份证</p>
79 </li>
80 <li>
81 <span>证件号</span>：
82 <p>78979798798798</p>
83 </li>
84 <li>
85 <span>联系方式</span>：
86 <p>156587979</p>
87 </li>
88 <li>
89 <span>验证码</span>：
90 <input type="tel" name="title" id="tel" maxlength="11" lay-verify="phone" placeholder="请输入手机号"class="layui-input">
91 </li>
92 <li>
93 <button type="button"
94 class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button>
95 </li>
96 </ul>
97 </div>
98 <div class="next_button">
99 <button type="button" class="layui-btn layui-btn-normal">下一步</button>
100 </div>
101 </div>
102 </body>
103 <script type="text/javascript" src="../staticJs/common.js"></script>
104 <script type="text/javascript" src="../staticJs/down.js"></script>
105 <script type="text/javascript" src="../staticJs/sfrz.js"></script>
106 </html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -189,7 +189,9 @@ ...@@ -189,7 +189,9 @@
189 </div> 189 </div>
190 </div> 190 </div>
191 <div class="next_button"> 191 <div class="next_button">
192 <button type="button" class="layui-btn layui-btn-normal">下一步</button> 192 <button type="button" class="layui-btn layui-btn-normal">
193 <a href="./sfrz.html">下一步</a>
194 </button>
193 </div> 195 </div>
194 </div> 196 </div>
195 </body> 197 </body>
......