Skip to content

任超 / js.portalStaticPage

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

style:网上申请

1 parent a2794958
Inline Side-by-side
Showing 4 changed files with 57 additions and 101 deletions
...@@ -71,6 +71,12 @@ ...@@ -71,6 +71,12 @@
71 .acceptance_information ul li p { 71 .acceptance_information ul li p {
72 display: inline-block; 72 display: inline-block;
73 } 73 }
74 .informationList p {
75 display: block!important;
76 }
77 .informationList p span {
78 width: 80px!important;
79 }
74 /* -----------受理流程-------------- */ 80 /* -----------受理流程-------------- */
75 .acceptance_process { 81 .acceptance_process {
76 margin-top: 20px; 82 margin-top: 20px;
......
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; 5 let element = layui.element;
4 }); 6 });
5 addTabs('#wssq') 7 addTabs('#wssq')
6 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 8 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
7 layui.use('laytpl', function () { 9
8 laytpl = layui.laytpl; 10
9 var getTpl = document.getElementById('progress').innerHTML 11 list = getApplyRecord(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
10 , view = document.getElementById('app_progress'); 12 // 房屋信息
11 laytpl(getTpl).render(data, function (html) { 13 houseInfo = getFDCQ2(GetQueryString('bsm_slsq'));
12 view.innerHTML = html; 14 console.log(list , houseInfo);
13 }); 15 $('#typesPower p').text(list.qllxmc);
14 16 $('#businessType p').text(list.shortname);
15 layui.use(['element'], function () { 17 $('#acceptanceNumber p').text(list.wwsqbh);
16 var element = layui.element; 18 $('#dateAcceptance p').text(list.sqrq);
17 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果 19 $('#unitNumber p').text(houseInfo.bdcdyh);
18 element.init(); 20 $('#titleCertificate p').text(houseInfo.bdcqzh);
19 }); 21 $('#beLocated p').text(houseInfo.fdzl);
20 }); 22 $('#area p').text(houseInfo.jzmj);
23 // 买方信息
24 var listItem;
25 for (var i = 0; i < list.sqrList.length; i++) {
26 listItem = '<li>'
27 listItem += '<p><span>姓名</span>：'+list.sqrList[i].sqrmc+'</p>'
28 if (list.sqrList[i].sqrzj == 1) {
29 listItem += '<p><span>证件类型</span>：身份证</p>'
30 }
31 listItem += '<p><span>证件号码</span>：'+list.sqrList[i].zjhm+'</p>'
32 listItem += '<p><span>联系电话</span>：'+list.sqrList[i].dhhm+'</p>'
33 $('#informationList').append(listItem)
34 }
21 }) 35 })
......
...@@ -62,21 +62,25 @@ ...@@ -62,21 +62,25 @@
62 <div class="acceptance_information"> 62 <div class="acceptance_information">
63 <h3>受理信息</h3> 63 <h3>受理信息</h3>
64 <ul> 64 <ul>
65 <li> 65 <li id="typesPower">
66 <span>权利类型：</span> 66 <span>权利类型：</span>
67 <p>房屋等建筑物、构筑物所有权</p> 67 <p>房屋等建筑物、构筑物所有权</p>
68 </li> 68 </li>
69 <li> 69 <li id="businessType">
70 <span>业务类型：</span> 70 <span>业务类型：</span>
71 <p>商品房买卖转移登记（个人）</p> 71 <p>
72 商品房买卖转移登记（个人）
73 </p>
72 </li> 74 </li>
73 <li> 75 <li id="acceptanceNumber">
74 <span>受理编号：</span> 76 <span>受理编号：</span>
75 <p>201022221345</p> 77 <p>78979879879</p>
76 </li> 78 </li>
77 <li> 79 <li id="dateAcceptance">
78 <span>受理日期：</span> 80 <span>受理日期：</span>
79 <p>77987989</p> 81 <p>
82 2023-5-9
83 </p>
80 </li> 84 </li>
81 </ul> 85 </ul>
82 </div> 86 </div>
...@@ -84,23 +88,25 @@ ...@@ -84,23 +88,25 @@
84 <div class="acceptance_information"> 88 <div class="acceptance_information">
85 <h3>屋信息</h3> 89 <h3>屋信息</h3>
86 <ul> 90 <ul>
87 <li> 91 <li id="unitNumber">
88 <span>不动产单元号：</span> 92 <span>不动产单元号：</span>
89 <p>450101 450002 GB 00740W00000000</p> 93 <p>450101 450002 GB 00740W00000000</p>
90 </li> 94 </li>
91 <li> 95 <li id="titleCertificate">
92 <span>产权证号：</span> 96 <span>产权证号：</span>
93 <p>370205004005GB10030</p> 97 <p>70205004005GB10030</p>
94 </li> 98 </li>
95 <li> 99 <li id="beLocated">
96 <span>坐落：</span> 100 <span>坐落：</span>
97 <p>XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室</p> 101 <p>
102 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
103 </p>
98 </li> 104 </li>
99 <li> 105 <li id="area">
100 <span>面积（㎡）：</span> 106 <span>面积：</span>
101 <p>568</p> 107 <p>526</p>
102 </li> 108 </li>
103 <li> 109 <li id="recordNo">
104 <span>合同备案号：</span> 110 <span>合同备案号：</span>
105 <p>YS000000000001</p> 111 <p>YS000000000001</p>
106 </li> 112 </li>
...@@ -109,24 +115,7 @@ ...@@ -109,24 +115,7 @@
109 <!-- ------------买方信息-------------- --> 115 <!-- ------------买方信息-------------- -->
110 <div class="acceptance_information"> 116 <div class="acceptance_information">
111 <h3>买方信息</h3> 117 <h3>买方信息</h3>
112 <ul> 118 <ul id="informationList" class="informationList"></ul>
113 <li>
114 <span>姓名：</span>
115 <p>任超1111</p>
116 </li>
117 <li>
118 <span>证件类型：</span>
119 <p>8998798798798</p>
120 </li>
121 <li>
122 <span>证件号码：</span>
123 <p>89798798</p>
124 </li>
125 <li>
126 <span>联系电话：</span>
127 <p>15877343636</p>
128 </li>
129 </ul>
130 </div> 119 </div>
131 <!-- ------------受理流程-------------- --> 120 <!-- ------------受理流程-------------- -->
132 <div class="acceptance_process"> 121 <div class="acceptance_process">
...@@ -179,39 +168,4 @@ ...@@ -179,39 +168,4 @@
179 <script type="text/javascript" src="../../staticJs/down.js"></script> 168 <script type="text/javascript" src="../../staticJs/down.js"></script>
180 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 169 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
181 <script type="text/javascript" src="../../staticJs/onlineApply/certificateIssuance.js"></script> 170 <script type="text/javascript" src="../../staticJs/onlineApply/certificateIssuance.js"></script>
182 <script id="progress" type="text/html">
183 {{# layui.each(d.progressList, function(index, item){ }}
184 {{# if(item.stepState==2){ }}
185 <li class="item_proress">
186 <p class="active"></p>
187 <h5>{{item.stepName}}</h5>
188 </li>
189 <li class="layui-progress">
190 <div class="layui-progress-bar" lay-percent="100%"></div>
191 </li>
192 {{# } }}
193 {{# if(item.stepState==1){ }}
194 <li class="item_proress">
195 <p class="activeing"></p>
196 <h5 class="activeingtext">{{item.stepName}}</h5>
197 </li>
198 {{# if(index!=(d.progressList.length-1)){ }}
199 <li class="layui-progress">
200 <div class="layui-progress-bar" lay-percent="50%"></div>
201 </li>
202 {{# } }}
203 {{# } }}
204 {{# if(item.stepState==0){ }}
205 <li class="item_proress">
206 <p></p>
207 <h5>{{item.stepName}}</h5>
208 </li>
209 {{# if(index!=(d.progressList.length-1)){ }}
210 <li class="layui-progress">
211 <div class="layui-progress-bar" lay-percent="0%"></div>
212 </li>
213 {{# } }}
214 {{# } }}
215 {{# }); }}
216 </script>
217 </html> 171 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -95,24 +95,6 @@ ...@@ -95,24 +95,6 @@
95 <div class="acceptance_information"> 95 <div class="acceptance_information">
96 <h3>买方信息</h3> 96 <h3>买方信息</h3>
97 <ul id="informationList" class="informationList"></ul> 97 <ul id="informationList" class="informationList"></ul>
98 <!-- <ul>
99 <li>
100 <span>姓名：</span>
101 <p>郭小美</p>
102 </li>
103 <li>
104 <span>证件类型：</span>
105 <p>身份证</p>
106 </li>
107 <li>
108 <span>证件号码：</span>
109 <p>611312317987</p>
110 </li>
111 <li>
112 <span>联系电话：</span>
113 <p>1977897987987</p>
114 </li>
115 </ul> -->
116 </div> 98 </div>
117 <!-- ------------受理流程-------------- --> 99 <!-- ------------受理流程-------------- -->
118 <div class="acceptance_process"> 100 <div class="acceptance_process">
......