87680542 by 田浩浩

修改信息效验内容

1 parent ceb70ed3
1 var sqrlb;
2 $(function () {
3 layui.use('element', function () {
4 let element = layui.element;
5 });
6 addTabs('#wssq')
7 _acceptanceProcess(GetRequest('ywid').ywid)
8 // 业务
9 layui.use(['form'], function () {
10 var form = layui.form
11 //自定义验证规则
12 form.verify({
13 title: function (value) {
14 if (value.length == 0) {
15 return '权利人不能为空';
16 } else if (value.length < 2) {
17 return '权利人至少得2个字符啊';
18 }
19 }
20 });
21
22 //监听提交
23 form.on('submit(submit)', function (data) {
24 layer.alert(JSON.stringify(data.field), {
25 title: '最终的提交信息'
26 })
27 return false;
28 });
29 })
30 // 结果弹框
31 $('.reset').click(function () {
32 successResult()
33 // seizureResult()
34 })
35 SetCheckContent();
36 })
37 function successResult() {
38 layui.use('layer', function () {
39 layer.open({
40 title: '<p class="system_prompt successInfo">房屋状态:正常</p>',
41 area: ['370px', '335px'],
42 scrollbar: false,
43 btn: ['下一步'],
44 yes: function () {
45 window.location.href = "./esf-tbxx.html";
46 },
47 content: '<ul class="dialog_con">'
48 + '<li><span>姓名:</span>任超</li>'
49 + '<li><span>身份证号:</span>610124193335522</li>'
50 + '<li><span>联系电话:</span>18740677386</li>'
51 + '<li><span>产权证号:</span>89897987987987</li>'
52 + '<li><span>坐落:</span>西安市雁塔区南二环西段</li>'
53 + '<li><span>面积:</span>2000</li>'
54 + '<li><span>合同备案号:</span>9798798798798</li>'
55 + '</ul>'
56 });
57 })
58
59 }
60
61 function seizureResult() {
62 layui.use('layer', function () {
63 layer.open({
64 title: '<p class="system_prompt seizureInfo">房屋状态:正常</p>',
65 area: ['370px', '335px'],
66 scrollbar: false,
67 btn: ['下一步'],
68 content: '<ul class="dialog_con">'
69 + '<li><span>姓名:</span>任超</li>'
70 + '<li><span>身份证号:</span>610124193335522</li>'
71 + '<li><span>联系电话:</span>18740677386</li>'
72 + '<li><span>产权证号:</span>89897987987987</li>'
73 + '<li><span>坐落:</span>西安市雁塔区南二环西段</li>'
74 + '<li><span>面积:</span>2000</li>'
75 + '<li><span>合同备案号:</span>9798798798798</li>'
76 + '</ul>'
77 });
78 })
79 }
80
81
82
83 // 获取受理流程信息
84 function _acceptanceProcess(ywid) {
85 $.ajax({
86 type: "post", //提交方式
87 url: portal.api_url + "/portal/ApplyBusinessService/getBusinessFlow",//路径
88 dataType: "json",
89 data: {
90 "ywid": ywid
91 },
92 //数据,这里使用的是Json格式进行传输
93 success: function (result) {//返回数据根据结果进行相应的处理
94 if (result.code == 200 && result.data != null) {
95 sqrlb = result.data.sqrlb;
96 console.log(result.data)
97 $('.name_title h2').text(result.data.shortName)
98 $('.name_title p').text(result.data.businessName)
99 data.progressList = result.data.stepList
100 }
101 layui.use('laytpl', function () {
102 laytpl = layui.laytpl;
103 var getTpl = document.getElementById('progress').innerHTML
104 , view = document.getElementById('app_progress');
105 laytpl(getTpl).render(data, function (html) {
106 view.innerHTML = html;
107 });
108
109 layui.use(['element'], function () {
110 var element = layui.element;
111 //初始化动态元素,一些动态生成的元素如果不设置初始化,将不会有默认的动态效果
112 element.init();
113 });
114 });
115 }
116 });
117 }
118 function GetRequest() {
119 var url = location.search; //获取url中"?"符后的字串
120 var theRequest = new Object();
121 if (url.indexOf("?") != -1) {
122 var str = url.substr(1);
123 strs = str.split("?");
124 for (var i = 0; i < strs.length; i++) {
125 theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
126 }
127 }
128 return theRequest;
129 }
130 var data = { //数据
131 'progressList': [],
132 };
133
134
135 //设置查验内容
136 function SetCheckContent() {
137 layui.use(['form', 'upload', 'layer'], function () {
138 var bdcqzType = $('#bdcqzType');
139 var form = layui.form;
140 if (sqrlb == "1") {
141 $("#sqrlx").text("权利人名称:");
142 // bdcqzType.append(new Option("不动产权证书号", "bdcqzh"));// 下拉菜单里添加元素
143 // bdcqzType.append(new Option("不动产权证明号", "bdcqzh"));// 下拉菜单里添加元素
144 bdcqzType.append(new Option("合同号", "hth"));// 下拉菜单里添加元素
145 // bdcqzType.append(new Option("房产证号", "hth"));// 下拉菜单里添加元素
146 // bdcqzType.append(new Option("土地证号", "hth"));// 下拉菜单里添加元素
147 } else {
148 $("#sqrlx").text("义务人名称:");
149 bdcqzType.append(new Option("不动产权证书号", "bdcqzh"));// 下拉菜单里添加元素
150 // bdcqzType.append(new Option("不动产权证明号", "bdcqzh"));// 下拉菜单里添加元素
151 bdcqzType.append(new Option("合同号", "hth"));// 下拉菜单里添加元素
152 // bdcqzType.append(new Option("房产证号", "hth"));// 下拉菜单里添加元素
153 // bdcqzType.append(new Option("土地证号", "hth"));// 下拉菜单里添加元素
154 }
155 layui.form.render("select");
156 });
157 }
...\ No newline at end of file ...\ No newline at end of file
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/bljy.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">
27 <h2>商品房</h2>
28 <p>转移登记</p>
29 </div>
30 <div class="content_area">
31 <div class="progressBar">
32 <ul class="app_progress" id="app_progress">
33 </ul>
34 </div>
35 <div class="input_search">
36 <div class="form_title">
37 <h2>信息校验</h2>
38 </div>
39 <form class="layui-form" action="">
40 <div class="layui-form-item">
41 <div class="layui-inline">
42 <label id="sqrlx">权利人</label>
43 <label id="sqrxm">张*某</label>
44 </div>
45 <div class="layui-inline">
46 <label>证件种类:</label>
47 <label id="zjzl">身份证</label>
48 </div>
49 <div class="layui-inline">
50 <label>证件号码:</label>
51 <label id="zjhm">610100********3411</label>
52 </div>
53 </div>
54 <div class="layui-form-item record_con" style="width: 220px;float: left;">
55 <div class="layui-input-block record">
56 <select id="bdcqzType" lay-verify="required" lay-filter="xmFilter">
57 </select>
58 </div>
59 <div class="layui-input-block record">
60 <input type="text" name="record" required lay-verify="record" class="layui-input">
61 </div>
62 </div>
63
64 <div class="layui-form-item submitbutton_con">
65 <div class="layui-input-block submitbutton">
66 <button type="reset" class="layui-btn layui-btn-primary reset">重 置</button>
67 <button type="submit" class="layui-btn layui-btn-normal submit" lay-submit=""
68 lay-filter="demo1">
69 </button>
70 </div>
71 </div>
72 </form>
73 </div>
74 </div>
75 </div>
76 </body>
77 <script type="text/javascript" src="../staticJs/common.js"></script>
78 <script type="text/javascript" src="../staticJs/down.js"></script>
79 <script type="text/javascript" src="../staticJs/esf-xxjy.js"></script>
80 <script id="progress" type="text/html">
81 {{# layui.each(d.progressList, function(index, item){ }}
82 {{# if(item.stepState==2){ }}
83 <li class="item_proress">
84 <p class="active"></p>
85 <h5>{{item.stepname}}</h5>
86 </li>
87 <li class="layui-progress">
88 <div class="layui-progress-bar" lay-percent="100%"></div>
89 </li>
90 {{# } }}
91 {{# if(item.stepState==1){ }}
92 <li class="item_proress">
93 <p class="activeing"></p>
94 <h5 class="activeingtext">{{item.stepname}}</h5>
95 </li>
96 {{# if(index!=(d.progressList.length-1)){ }}
97 <li class="layui-progress">
98 <div class="layui-progress-bar" lay-percent="50%"></div>
99 </li>
100 {{# } }}
101 {{# } }}
102 {{# if(item.stepState==0){ }}
103 <li class="item_proress">
104 <p></p>
105 <h5>{{item.stepname}}</h5>
106 </li>
107 {{# if(index!=(d.progressList.length-1)){ }}
108 <li class="layui-progress">
109 <div class="layui-progress-bar" lay-percent="0%"></div>
110 </li>
111 {{# } }}
112 {{# } }}
113 {{# }); }}
114 </script>
115
116 </html>
...\ No newline at end of file ...\ No newline at end of file