87680542 by 田浩浩

修改信息效验内容

1 parent ceb70ed3
var sqrlb;
$(function () {
layui.use('element', function () {
let element = layui.element;
});
addTabs('#wssq')
_acceptanceProcess(GetRequest('ywid').ywid)
// 业务
layui.use(['form'], function () {
var form = layui.form
//自定义验证规则
form.verify({
title: function (value) {
if (value.length == 0) {
return '权利人不能为空';
} else if (value.length < 2) {
return '权利人至少得2个字符啊';
}
}
});
//监听提交
form.on('submit(submit)', function (data) {
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
})
return false;
});
})
// 结果弹框
$('.reset').click(function () {
successResult()
// seizureResult()
})
SetCheckContent();
})
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>'
});
})
}
// 获取受理流程信息
function _acceptanceProcess(ywid) {
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/ApplyBusinessService/getBusinessFlow",//路径
dataType: "json",
data: {
"ywid": ywid
},
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
sqrlb = result.data.sqrlb;
console.log(result.data)
$('.name_title h2').text(result.data.shortName)
$('.name_title p').text(result.data.businessName)
data.progressList = result.data.stepList
}
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
, view = document.getElementById('app_progress');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
layui.use(['element'], function () {
var element = layui.element;
//初始化动态元素,一些动态生成的元素如果不设置初始化,将不会有默认的动态效果
element.init();
});
});
}
});
}
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("?");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
}
}
return theRequest;
}
var data = { //数据
'progressList': [],
};
//设置查验内容
function SetCheckContent() {
layui.use(['form', 'upload', 'layer'], function () {
var bdcqzType = $('#bdcqzType');
var form = layui.form;
if (sqrlb == "1") {
$("#sqrlx").text("权利人名称:");
// bdcqzType.append(new Option("不动产权证书号", "bdcqzh"));// 下拉菜单里添加元素
// bdcqzType.append(new Option("不动产权证明号", "bdcqzh"));// 下拉菜单里添加元素
bdcqzType.append(new Option("合同号", "hth"));// 下拉菜单里添加元素
// bdcqzType.append(new Option("房产证号", "hth"));// 下拉菜单里添加元素
// bdcqzType.append(new Option("土地证号", "hth"));// 下拉菜单里添加元素
} else {
$("#sqrlx").text("义务人名称:");
bdcqzType.append(new Option("不动产权证书号", "bdcqzh"));// 下拉菜单里添加元素
// bdcqzType.append(new Option("不动产权证明号", "bdcqzh"));// 下拉菜单里添加元素
bdcqzType.append(new Option("合同号", "hth"));// 下拉菜单里添加元素
// bdcqzType.append(new Option("房产证号", "hth"));// 下拉菜单里添加元素
// bdcqzType.append(new Option("土地证号", "hth"));// 下拉菜单里添加元素
}
layui.form.render("select");
});
}
\ No newline at end of file
<!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/bljy.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">
<h2>商品房</h2>
<p>转移登记</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<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 id="sqrlx">权利人</label>
<label id="sqrxm">张*某</label>
</div>
<div class="layui-inline">
<label>证件种类:</label>
<label id="zjzl">身份证</label>
</div>
<div class="layui-inline">
<label>证件号码:</label>
<label id="zjhm">610100********3411</label>
</div>
</div>
<div class="layui-form-item record_con" style="width: 220px;float: left;">
<div class="layui-input-block record">
<select id="bdcqzType" lay-verify="required" lay-filter="xmFilter">
</select>
</div>
<div class="layui-input-block record">
<input type="text" name="record" required lay-verify="record" 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>
</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/esf-xxjy.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepname}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</li>
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5 class="activeingtext">{{item.stepname}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</li>
{{# } }}
{{# } }}
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepname}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="0%"></div>
</li>
{{# } }}
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file