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