Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
4c2b09ac by 任超
Options

style:细节

1 parent ac7ce0af
Inline Side-by-side
Showing 10 changed files with 50 additions and 31 deletions
......@@ -61,4 +61,8 @@
}
.code_input input{
width: 130px!important;
}
.layui-btn-disabled {
background-color: #FBFBFB;
color: #C9C9C9;
}
\ No newline at end of file
......
......@@ -246,8 +246,8 @@
}
/*------------办理成功------------- */
.success {
color: #1AD6E1!important;
border-color: #1AD6E1!important;
color: #5FB878!important;
border-color:#5FB878!important;
}
.business_name {
width: 330px;
......
......@@ -15,23 +15,37 @@ function skipClick() {
skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
}
// 验证码
var timer = "";
var nums = 60;
var validCode = true;//定义该变量是为了处理后面的重复点击事件
$(".captcha").click(function () {
console.log($('.phoneInput').val())
let value = $('.phoneInput').val()
if (validatorTel(value)) {
var second = 30
$(".captcha").text((second) + "秒后再发送")
var interval = setInterval(function () {
second--
$(".captcha").text((second) + "秒后再发送")
if (second === -1) {
$(".captcha").text("重发验证码")
clearInterval(interval)
var code = $(this);
if (validCode) {
validCode = false;
yanzheng()
timer = setInterval(function () {
yanzheng()
}, 1000)
}
function yanzheng() {
if (nums > 0) {
nums--;
code.text(nums + "秒后重新发送");
code.addClass("layui-btn-disabled");
}
}, 1000)
else {
clearInterval(timer);
nums = 60;//重置回去
validCode = true;
code.removeClass("layui-btn-disabled");
code.text("发送验证码");
}
}
} else {
layui.use('layer', function () {
layer.msg('请输入正确手机号！');
})
}
})
\ No newline at end of file
})
......
......@@ -49,8 +49,8 @@
<div class="one_content contentBox">
<div class="layui-tab">
<ul class="layui-tab-title busTabs">
<li class="layui-this">网上申请</li>
<li>在线预约</li>
<li class="layui-this">线上办理</li>
<li>线下办理</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
......
......@@ -103,7 +103,7 @@
</li>
<li id="area">
<span>面积：</span>
<p>526</p>
<p>526</p>(m²)
</li>
<li id="recordNo">
<span>合同备案号：</span>
......
......@@ -82,7 +82,7 @@
</li>
<li id="area">
<span>面积：</span>
<p>526</p>
<p>526</p>(m²)
</li>
<li id="recordNo">
<span>合同备案号：</span>
......
......@@ -89,7 +89,7 @@
</li>
<li id="area">
<span>宗地面积：</span>
<p>526</p>
<p>526</p>(m²)
</li>
<li>
<span>权利性质：</span>
......@@ -125,15 +125,15 @@
</li>
<li>
<span>建筑面积：</span>
<p>104（平方米）</p>
<p>104（m²）</p>
</li>
<li>
<span>专有建筑面积：</span>
<p>80（平方米）</p>
<p>80（m²）</p>
</li>
<li>
<span>分摊建筑面积：</span>
<p>24（平方米）</p>
<p>24（m²）</p>
</li>
<li>
<span>竣工时间：</span>
......@@ -209,11 +209,11 @@
</li>
<li>
<span>联系电话：</span>
<p>18740677380</p>
<p>187****7380</p>
</li>
<li>
<span>法人信息：</span>
<p>任超</p>
<p>任*</p>
</li>
<li>
<span>证件类型：</span>
......@@ -221,7 +221,7 @@
</li>
<li>
<span>证件号码：</span>
<p>6101279879798798</p>
<p>61012798***98798</p>
</li>
</ul>
</div>
......
......@@ -51,7 +51,9 @@
<div class="video_authentication">
<h5>视频认证<h5>
<div id="my_camera"></div>
<div class="video-authentication">
<img src="/staticImages/video-authentication.png" />
</div>
</div>
</div>
<div class="next_button"></div>
......
......@@ -89,11 +89,11 @@
</li>
<li id="area">
<span>宗地面积：</span>
<p>526</p>
<p>20</p>(m²)
</li>
<li id="area">
<span>宗地代码：</span>
<p>526</p>
<p>10</p>
</li>
<li>
<span>权利性质：</span>
......@@ -195,11 +195,11 @@
</li>
<li>
<span>联系电话：</span>
<p>18740677380</p>
<p>187****380</p>
</li>
<li>
<span>法人信息：</span>
<p>任超</p>
<p>任*</p>
</li>
<li>
<span>证件类型：</span>
......@@ -207,7 +207,7 @@
</li>
<li>
<span>证件号码：</span>
<p>6101279879798798</p>
<p>610127987***798</p>
</li>
</ul>
</div>
......@@ -296,5 +296,4 @@
<script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
<script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
</html>
\ No newline at end of file
......