Skip to content

任超 / js.portalStaticPage

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

style:样式的修改

1 parent eb9d481a
Expand all
Inline Side-by-side
Showing 3 changed files with 92 additions and 166 deletions
$(function () {
var title = undefined
var bus = undefined
var countDown = null
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
let element = layui.element;
});
addTabs('#wssq')
title = GetQueryString('title')
bus = GetQueryString('bus')
// $('.name_title h2').text(title)
// $('.name_title p').text(bus)
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]);
return null;
}
// 业务
// 点击获取验证码操作
$('.feachBtn').click(function () {
var tel = $("#tel").val();
//正则表达式
var reg = /(1[3-9]\d{9}$)/;
if (!reg.test(tel)) {
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 + '秒后可重新获取');
}
})
layui.use(['form'], function () {
var form = layui.form
//自定义验证规则
......@@ -64,7 +18,7 @@ $(function () {
});
//监听提交
form.on('submit(demo1)', function (data) {
form.on('submit(submit)', function (data) {
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
})
......@@ -93,7 +47,7 @@ $(function () {
{
stepName: "资料审核",
stepState: 0
},
}
],
}
......@@ -111,4 +65,54 @@ $(function () {
element.init();
});
});
// 结果弹框
$('.reset').click(function () {
successResult()
// seizureResult()
})
})
function successResult() {
layui.use('layer', function () {
layer.open({
title: '<p class="system_prompt successInfo">房屋状态：正常</p>',
area: ['370px', '335px'],
scrollbar: false,
btn:['下一步'],
yes : function() {
window.location.href="./esf-tbxx.html";
},
content:'<ul class="dialog_con">'
+ '<li><span>姓名：</span>任超</li>'
+ '<li><span>身份证号：</span>610124193335522</li>'
+ '<li><span>联系电话：</span>18740677386</li>'
+ '<li><span>产权证号：</span>89897987987987</li>'
+ '<li><span>坐落：</span>西安市雁塔区南二环西段</li>'
+ '<li><span>面积：</span>2000</li>'
+ '<li><span>合同备案号：</span>9798798798798</li>'
+ '</ul>'
});
})
}
function seizureResult() {
layui.use('layer', function () {
layer.open({
title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>',
area: ['370px', '335px'],
scrollbar: false,
btn:['下一步'],
content:'<ul class="dialog_con">'
+ '<li><span>姓名：</span>任超</li>'
+ '<li><span>身份证号：</span>610124193335522</li>'
+ '<li><span>联系电话：</span>18740677386</li>'
+ '<li><span>产权证号：</span>89897987987987</li>'
+ '<li><span>坐落：</span>西安市雁塔区南二环西段</li>'
+ '<li><span>面积：</span>2000</li>'
+ '<li><span>合同备案号：</span>9798798798798</li>'
+ '</ul>'
});
})
}
......
......@@ -17,143 +17,65 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>信息校验</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>商品房</h2>
<p>转移登记</p>
</div>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="input_search">
<div class="form_title">
<h2>信息校验</h2>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">权利人</label>
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="title" placeholder="请输权利人"
class="layui-input">
<div class="input_search">
<div class="form_title">
<h2>信息校验</h2>
</div>
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">权利人</label>
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="title" placeholder="请输权利人"
class="layui-input">
</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">身份证</label>
<div class="layui-input-block">
<input type="text" name="idcard" required lay-verify="identity" placeholder="请输身份证"
class="layui-input">
<div class="layui-inline">
<label class="layui-form-label">身份证</label>
<div class="layui-input-block">
<input type="text" name="idcard" required lay-verify="identity" placeholder="请输身份证"
class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-form-item record_con">
<label class="layui-form-label">合同备案号</label>
<div class="layui-input-block record">
<input type="text" name="record" required lay-verify="record" placeholder="请输合同备案号"
class="layui-input">
</div>
</div>
<div class="layui-form-item submitbutton_con">
<div class="layui-input-block submitbutton">
<button type="reset" class="layui-btn layui-btn-primary reset">重 置</button>
<button type="submit" class="layui-btn layui-btn-normal submit" lay-submit="" lay-filter="demo1">查
询</button>
</div>
</div>
</form>
</div>
<div class="seach_result">
<!-- <div class="no_data">暂无数据</div> -->
<ul class="appointment_list">
<li>
<div class="item_content">
<div class="item_title overdue">
<h3>正常</h3>
<p>
查看
<i class="layui-icon layui-icon-right"></i>
</p>
<div class="layui-form-item record_con">
<label class="layui-form-label">合同备案号</label>
<div class="layui-input-block record">
<input type="text" name="record" required lay-verify="record" placeholder="请输合同备案号"
class="layui-input">
</div>
<ul class="item_info">
<li>
<span>预约人：</span>
<p>任超</p>
</li>
<li>
<span>办事大厅：</span>
<p>米香园办事大厅</p>
</li>
<li>
<span>办理业务类型：</span>
<p>二手房交易</p>
<a href="">办事指南</a>
</li>
<li>
<span>预约日期：</span>
<p>2020-12-56 上午 16：13</p>
</li>
<li>
<span>预约流水号：</span>
<p>897987987987</p>
</li>
</ul>
<a class="cancel_reservation">取消预约</a>
</div>
</li>
<li>
<div class="item_content">
<div class="item_title cancel">
<h3>正常</h3>
<p>
查看
<i class="layui-icon layui-icon-right"></i>
</p>
<div class="layui-form-item submitbutton_con">
<div class="layui-input-block submitbutton">
<button type="reset" class="layui-btn layui-btn-primary reset">重 置</button>
<button type="submit" class="layui-btn layui-btn-normal submit" lay-submit="" lay-filter="demo1">查
询</button>
</div>
<ul class="item_info">
<li>
<span>预约人：</span>
<p>任超</p>
</li>
<li>
<span>办事大厅：</span>
<p>米香园办事大厅</p>
</li>
<li>
<span>办理业务类型：</span>
<p>二手房交易</p>
<a href="">办事指南</a>
</li>
<li>
<span>预约日期：</span>
<p>2020-12-56 上午 16：13</p>
</li>
<li>
<span>预约流水号：</span>
<p>897987987987</p>
</li>
</ul>
<a class="cancel_reservation">取消预约</a>
</div>
</li>
</ul>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./esf-tbxx.html">下一步</a>
</button>
</form>
</div>
</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/bljy.js"></script>
<script type="text/javascript" src="../staticJs/esf-xxjy.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
......@@ -168,7 +90,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......