Skip to content

任超 / js.portalStaticPage

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

style:资料审核

1 parent 32ba9e03
Inline Side-by-side
Showing 6 changed files with 110 additions and 115 deletions
...@@ -72,6 +72,12 @@ ...@@ -72,6 +72,12 @@
72 .acceptance_information ul li p { 72 .acceptance_information ul li p {
73 display: inline-block; 73 display: inline-block;
74 } 74 }
75 .informationList p {
76 display: block!important;
77 }
78 .informationList p span {
79 width: 80px!important;
80 }
75 81
76 /* -----------受理流程-------------- */ 82 /* -----------受理流程-------------- */
77 .acceptance_process { 83 .acceptance_process {
......
1 var list;
2 var houseInfo;
1 $(function () { 3 $(function () {
2 layui.use('element', function () { 4 layui.use('element', function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 5 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
...@@ -8,20 +10,30 @@ $(function () { ...@@ -8,20 +10,30 @@ $(function () {
8 }); 10 });
9 addTabs('#wssq') 11 addTabs('#wssq')
10 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 12 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
11 layui.use('laytpl', function () { 13 list = getApplyRecord(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
12 laytpl = layui.laytpl; 14 // 房屋信息
13 var getTpl = document.getElementById('progress').innerHTML 15 houseInfo = getFDCQ2(GetQueryString('bsm_slsq'));
14 , view = document.getElementById('app_progress'); 16 console.log(list , houseInfo);
15 laytpl(getTpl).render(data, function (html) { 17 $('#typesPower p').text(list.qllxmc);
16 view.innerHTML = html; 18 $('#businessType p').text(list.shortname);
17 }); 19 $('#acceptanceNumber p').text(list.wwsqbh);
18 20 $('#dateAcceptance p').text(list.sqrq);
19 layui.use(['element'], function () { 21 $('#unitNumber p').text(houseInfo.bdcdyh);
20 var element = layui.element; 22 $('#titleCertificate p').text(houseInfo.bdcqzh);
21 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果 23 $('#beLocated p').text(houseInfo.fdzl);
22 element.init(); 24 $('#area p').text(houseInfo.jzmj);
23 }); 25 // 买方信息
24 }); 26 var listItem;
27 for (var i = 0; i < list.sqrList.length; i++) {
28 listItem = '<li>'
29 listItem += '<p><span>姓名</span>：'+list.sqrList[i].sqrmc+'</p>'
30 if (list.sqrList[i].sqrzj == 1) {
31 listItem += '<p><span>证件类型</span>：身份证</p>'
32 }
33 listItem += '<p><span>证件号码</span>：'+list.sqrList[i].zjhm+'</p>'
34 listItem += '<p><span>联系电话</span>：'+list.sqrList[i].dhhm+'</p>'
35 $('#informationList').append(listItem)
36 }
25 }) 37 })
26 //下一步事件 38 //下一步事件
27 function skipClick(){ 39 function skipClick(){
......
1 $(function () { 1 $(function () {
2 layui.use('element', function () { 2 layui.use('element', function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
4 }); 3 });
4
5 addTabs('#wssq') 5 addTabs('#wssq')
6 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 6 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
7
8 layui.use('laytpl', function () {
9 laytpl = layui.laytpl;
10 var getTpl = document.getElementById('progress').innerHTML
11 , view = document.getElementById('app_progress');
12 laytpl(getTpl).render(data, function (html) {
13 view.innerHTML = html;
14 });
15
16 layui.use(['element'], function () {
17 var element = layui.element;
18 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
19 element.init();
20 });
21 });
22
23 Webcam.set({ 7 Webcam.set({
24 width: 320, 8 width: 320,
25 height: 240, 9 height: 240,
...@@ -39,5 +23,46 @@ function take_snapshot() { ...@@ -39,5 +23,46 @@ function take_snapshot() {
39 } 23 }
40 //下一步事件 24 //下一步事件
41 function skipClick(){ 25 function skipClick(){
26 if(_SFYz()) {
27 $.ajax({
28 type: "post", //提交方式
29 url: portal.api_url + "/portal/FillInformation/ToZRF",//路径
30 dataType: "json",
31 contentType: 'application/json',
32 data: JSON.stringify({
33 "bsmSlsq": GetQueryString('bsm_slsq'),
34 }),
35 //数据，这里使用的是Json格式进行传输
36 success: function (result) {//返回数据根据结果进行相应的处理
37 if (result.code == 200 ) {
42 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 38 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
39 }
40 }
41 });
42 }
43 }
44 // 身份验证
45 function _SFYz() {
46 var isVerification;
47 $.ajax({
48 type: "post", //提交方式
49 url: portal.api_url + "/portal/FillInformation/SFYz",//路径
50 dataType: "json",
51 contentType: 'application/json',
52 async: false,
53 data: JSON.stringify({
54 "dhhm": $('#phone').val(),
55 "yzm": $('#code').val()
56 }),
57 //数据，这里使用的是Json格式进行传输
58 success: function (result) {//返回数据根据结果进行相应的处理
59 if (result.code == 200 ) {
60 isVerification = true
61 }else {
62 isVerification = false
63 }
64 }
65 });
66 return isVerification
43 } 67 }
68 // /portal/FillInformation/ToZRF转给转入方进行流转
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -124,6 +124,28 @@ function createBusinesseFlow(ywid) { ...@@ -124,6 +124,28 @@ function createBusinesseFlow(ywid) {
124 window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + business.businessno, "_self") 124 window.open(portal.rootPath + business.stepList[0].pageurl + "?ywid=" + ywid + "&businessno=" + business.businessno, "_self")
125 } 125 }
126 126
127 // 房屋独幢信息读取
128 function getFDCQ2(bsm_slsq) {
129 let bdc = null;
130 $.ajax({
131 type: "post", //提交方式
132 url: portal.api_url + "/portal/bdcqlReadService/getFDCQ2",//路径
133 dataType: "json",
134 async: false,
135 data: {
136 "bsm_ql": bsm_slsq,
137 },
138 //数据，这里使用的是Json格式进行传输
139 success: function (result) {//返回数据根据结果进行相应的处理
140 if (result.code == 200 && result.data != null) {
141 bdc = result.data;
142 }
143 }
144 });
145 return bdc;
146 }
147
148
127 149
128 //工作箱调取流程方法 150 //工作箱调取流程方法
129 function getWorkBoxFLow(bsm_slsq, businessno) { 151 function getWorkBoxFLow(bsm_slsq, businessno) {
......
...@@ -41,21 +41,21 @@ ...@@ -41,21 +41,21 @@
41 <div class="acceptance_information"> 41 <div class="acceptance_information">
42 <h3>受理信息</h3> 42 <h3>受理信息</h3>
43 <ul> 43 <ul>
44 <li> 44 <li id="typesPower">
45 <span>权利类型：</span> 45 <span>权利类型：</span>
46 <p>房屋等建筑物、构筑物所有权</p> 46 <p>房屋等建筑物、构筑物所有权</p>
47 </li> 47 </li>
48 <li> 48 <li id="businessType">
49 <span>业务类型：</span> 49 <span>业务类型：</span>
50 <p> 50 <p>
51 商品房买卖转移登记（个人） 51 商品房买卖转移登记（个人）
52 </p> 52 </p>
53 </li> 53 </li>
54 <li> 54 <li id="acceptanceNumber">
55 <span>受理编号：</span> 55 <span>受理编号：</span>
56 <p>78979879879</p> 56 <p>78979879879</p>
57 </li> 57 </li>
58 <li> 58 <li id="dateAcceptance">
59 <span>受理日期：</span> 59 <span>受理日期：</span>
60 <p> 60 <p>
61 2023-5-9 61 2023-5-9
...@@ -67,25 +67,25 @@ ...@@ -67,25 +67,25 @@
67 <div class="acceptance_information"> 67 <div class="acceptance_information">
68 <h3>房屋信息</h3> 68 <h3>房屋信息</h3>
69 <ul> 69 <ul>
70 <li> 70 <li id="unitNumber">
71 <span>不动产单元号：</span> 71 <span>不动产单元号：</span>
72 <p>450101 450002 GB 00740W00000000</p> 72 <p>450101 450002 GB 00740W00000000</p>
73 </li> 73 </li>
74 <li> 74 <li id="titleCertificate">
75 <span>产权证号：</span> 75 <span>产权证号：</span>
76 <p>70205004005GB10030</p> 76 <p>70205004005GB10030</p>
77 </li> 77 </li>
78 <li> 78 <li id="beLocated">
79 <span>坐落：</span> 79 <span>坐落：</span>
80 <p> 80 <p>
81 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室 81 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
82 </p> 82 </p>
83 </li> 83 </li>
84 <li> 84 <li id="area">
85 <span>面积：</span> 85 <span>面积：</span>
86 <p>526</p> 86 <p>526</p>
87 </li> 87 </li>
88 <li> 88 <li id="recordNo">
89 <span>合同备案号：</span> 89 <span>合同备案号：</span>
90 <p>YS000000000001</p> 90 <p>YS000000000001</p>
91 </li> 91 </li>
...@@ -94,7 +94,8 @@ ...@@ -94,7 +94,8 @@
94 <!-- ----------买方信息--------- --> 94 <!-- ----------买方信息--------- -->
95 <div class="acceptance_information"> 95 <div class="acceptance_information">
96 <h3>买方信息</h3> 96 <h3>买方信息</h3>
97 <ul> 97 <ul id="informationList" class="informationList"></ul>
98 <!-- <ul>
98 <li> 99 <li>
99 <span>姓名：</span> 100 <span>姓名：</span>
100 <p>郭小美</p> 101 <p>郭小美</p>
...@@ -111,7 +112,7 @@ ...@@ -111,7 +112,7 @@
111 <span>联系电话：</span> 112 <span>联系电话：</span>
112 <p>1977897987987</p> 113 <p>1977897987987</p>
113 </li> 114 </li>
114 </ul> 115 </ul> -->
115 </div> 116 </div>
116 <!-- ------------受理流程-------------- --> 117 <!-- ------------受理流程-------------- -->
117 <div class="acceptance_process"> 118 <div class="acceptance_process">
...@@ -169,39 +170,4 @@ ...@@ -169,39 +170,4 @@
169 <script type="text/javascript" src="../../staticJs/down.js"></script> 170 <script type="text/javascript" src="../../staticJs/down.js"></script>
170 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 171 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
171 <script type="text/javascript" src="../../staticJs/onlineApply/dataReview.js"></script> 172 <script type="text/javascript" src="../../staticJs/onlineApply/dataReview.js"></script>
172 <script id="progress" type="text/html">
173 {{# layui.each(d.progressList, function(index, item){ }}
174 {{# if(item.stepState==2){ }}
175 <li class="item_proress">
176 <p class="active"></p>
177 <h5>{{item.stepName}}</h5>
178 </li>
179 <li class="layui-progress">
180 <div class="layui-progress-bar" lay-percent="100%"></div>
181 </li>
182 {{# } }}
183 {{# if(item.stepState==1){ }}
184 <li class="item_proress">
185 <p class="activeing"></p>
186 <h5 class="activeingtext">{{item.stepName}}</h5>
187 </li>
188 {{# if(index!=(d.progressList.length-1)){ }}
189 <li class="layui-progress">
190 <div class="layui-progress-bar" lay-percent="50%"></div>
191 </li>
192 {{# } }}
193 {{# } }}
194 {{# if(item.stepState==0){ }}
195 <li class="item_proress">
196 <p></p>
197 <h5>{{item.stepName}}</h5>
198 </li>
199 {{# if(index!=(d.progressList.length-1)){ }}
200 <li class="layui-progress">
201 <div class="layui-progress-bar" lay-percent="0%"></div>
202 </li>
203 {{# } }}
204 {{# } }}
205 {{# }); }}
206 </script>
207 </html> 173 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -40,11 +40,11 @@ ...@@ -40,11 +40,11 @@
40 <h5>短信认证</h5> 40 <h5>短信认证</h5>
41 <div> 41 <div>
42 <span>手机号</span> 42 <span>手机号</span>
43 <input type="tel" name="phone" placeholder="请输入手机号" class="layui-input"> 43 <input type="tel" id="phone" name="phone" placeholder="请输入手机号" class="layui-input">
44 </div> 44 </div>
45 <div> 45 <div>
46 <span>验证码</span> 46 <span>验证码</span>
47 <input type="tel" name="code" placeholder="请输入验证码" class="layui-input"> 47 <input type="tel" id="code" name="code" placeholder="请输入验证码" class="layui-input">
48 </div> 48 </div>
49 </div> 49 </div>
50 50
...@@ -69,40 +69,4 @@ ...@@ -69,40 +69,4 @@
69 <script type="text/javascript" src="../../staticJs/jquery.webcam.min.js"></script> 69 <script type="text/javascript" src="../../staticJs/jquery.webcam.min.js"></script>
70 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 70 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
71 <script type="text/javascript" src="../../staticJs/onlineApply/identityAuthentication.js"></script> 71 <script type="text/javascript" src="../../staticJs/onlineApply/identityAuthentication.js"></script>
72 <script id="progress" type="text/html">
73 {{# layui.each(d.progressList, function(index, item){ }}
74 {{# if(item.stepState==2){ }}
75 <li class="item_proress">
76 <p class="active"></p>
77 <h5>{{item.stepName}}</h5>
78 </li>
79 <li class="layui-progress">
80 <div class="layui-progress-bar" lay-percent="100%"></div>
81 </li>
82 {{# } }}
83 {{# if(item.stepState==1){ }}
84 <li class="item_proress">
85 <p class="activeing"></p>
86 <h5 class="activeingtext">{{item.stepName}}</h5>
87 </li>
88 {{# if(index!=(d.progressList.length-1)){ }}
89 <li class="layui-progress">
90 <div class="layui-progress-bar" lay-percent="50%"></div>
91 </li>
92 {{# } }}
93 {{# } }}
94 {{# if(item.stepState==0){ }}
95 <li class="item_proress">
96 <p></p>
97 <h5>{{item.stepName}}</h5>
98 </li>
99 {{# if(index!=(d.progressList.length-1)){ }}
100 <li class="layui-progress">
101 <div class="layui-progress-bar" lay-percent="0%"></div>
102 </li>
103 {{# } }}
104 {{# } }}
105 {{# }); }}
106 </script>
107
108 </html> 72 </html>
...\ No newline at end of file ...\ No newline at end of file
......