style:资料审核
Showing
6 changed files
with
112 additions
and
117 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(){ |
42 | skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); | ||
43 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
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 ) { | ||
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 | ||
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 | ... | ... |
-
Please register or sign in to post a comment