Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
0c844ef3 by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents 47454eaf 2b8b186c
Inline Side-by-side
Showing 16 changed files with 143 additions and 35 deletions
...@@ -392,6 +392,21 @@ div.footer .system_service ul li a:hover { ...@@ -392,6 +392,21 @@ div.footer .system_service ul li a:hover {
392 .show{ 392 .show{
393 display: inline-block!important; 393 display: inline-block!important;
394 } 394 }
395 .appointment_content {
396 background: #FFFFFF;
397 box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
398 -moz-box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
399 -webkit-box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
400 border-radius: 6px;
401 border: 1px solid #E5E8ED;
402 width: 1200px;
403 margin: 0 auto;
404 margin-top: 20px;
405 padding: 20px;
406 box-sizing: border-box;
407 margin-bottom: 30px;
408 }
409
395 /* card样式 */ 410 /* card样式 */
396 .cardItem { 411 .cardItem {
397 background: #FFFFFF; 412 background: #FFFFFF;
......
1 .progressBar { 1 .progressBar {
2 padding-top: 30px; 2 padding-top: 30px;
3 color: #4A4A4A; 3 color: #4A4A4A;
4 width: 95%;
5 margin: 0 auto;
4 } 6 }
5 .app_progress li { 7 .app_progress li {
6 display: inline-block; 8 display: inline-block;
...@@ -29,7 +31,7 @@ ...@@ -29,7 +31,7 @@
29 } 31 }
30 .progressBar .layui-progress { 32 .progressBar .layui-progress {
31 display: inline-block; 33 display: inline-block;
32 width: 352px; 34 width: 313px;
33 position: relative; 35 position: relative;
34 top: -41px; 36 top: -41px;
35 left: -24px; 37 left: -24px;
......
...@@ -167,3 +167,9 @@ ...@@ -167,3 +167,9 @@
167 background-color: #0091FF!important; 167 background-color: #0091FF!important;
168 opacity: 0.5!important; 168 opacity: 0.5!important;
169 } 169 }
170 .map {
171 width: 80%;
172 height: 500px;
173 float: right;
174 margin-bottom: 50px;
175 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -56,7 +56,29 @@ ...@@ -56,7 +56,29 @@
56 color: #4A4A4A; 56 color: #4A4A4A;
57 font-weight: 600; 57 font-weight: 600;
58 margin-bottom: 10px; 58 margin-bottom: 10px;
59 text-align: center;
59 } 60 }
61 .appointment_status .title .title-left {
62 display: inline-block;
63 position: relative;
64 top: -36px;
65 margin-right: 15px;
66 }
67 .appointment_status .title .title-left p {
68 color: #6D7278;
69 font-weight: 100;
70 }
71 .qrcode {
72 display: inline-block;
73 margin-left: 15px;
74 }
75 .appointment_status .title img {
76 width: 24px;
77 height: 24px;
78 position: relative;
79 top: 5px;
80 }
81
60 .appointment_status .title h3 { 82 .appointment_status .title h3 {
61 font-weight: 600; 83 font-weight: 600;
62 margin-bottom: 8px; 84 margin-bottom: 8px;
...@@ -65,9 +87,6 @@ ...@@ -65,9 +87,6 @@
65 color: #FA6400; 87 color: #FA6400;
66 font-size: 18px; 88 font-size: 18px;
67 } 89 }
68 .appointment_status ul {
69 margin-top: 30px;
70 }
71 .appointment_status ul li { 90 .appointment_status ul li {
72 color: #4A4A4A; 91 color: #4A4A4A;
73 line-height: 28px; 92 line-height: 28px;
...@@ -116,6 +135,40 @@ ...@@ -116,6 +135,40 @@
116 text-align: right; 135 text-align: right;
117 } 136 }
118 #container { 137 #container {
119 margin-bottom: 100px;
120 margin-top: 10px; 138 margin-top: 10px;
121 } 139 }
140 .qrcode img {
141 width: 107px!important;
142 height: 107px!important;
143 border: 1px solid #DEDEDE;
144 margin-bottom: 10px;
145 }
146 .qrcode p {
147 color: #6D7278;
148 font-size: 14px;
149 font-weight: 100;
150 }
151
152 .region_title {
153 height: 25px;
154 padding-left: 8px;
155 font-size: 16px;
156 line-height: 25px;
157 font-weight: 600;
158 margin-bottom: 20px;
159 position: relative;
160 padding-bottom: 10px;
161 color: #4A4A4A;
162 border-bottom: 1px dotted #E6E6E6;
163 width: 100%;
164 }
165 .region_title::before {
166 position:absolute;
167 content:"";
168 left:0;
169 width:4px;
170 height:12px;
171 border-radius: 1px;
172 top: 5px;
173 background-color: #0091FF;
174 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -32,7 +32,6 @@ ...@@ -32,7 +32,6 @@
32 } 32 }
33 /* -------------------------------预约日期---------------------------------------- */ 33 /* -------------------------------预约日期---------------------------------------- */
34 .appoint_time { 34 .appoint_time {
35 width: 1200px;
36 height: 92px; 35 height: 92px;
37 margin: 0 auto; 36 margin: 0 auto;
38 padding: 0 150px; 37 padding: 0 150px;
......
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
69 } 69 }
70 .next_button { 70 .next_button {
71 text-align: center; 71 text-align: center;
72 margin: 30px 0 100px 0; 72 margin: 30px 0;
73 } 73 }
74 .next_button button { 74 .next_button button {
75 width: 140px; 75 width: 140px;
......
...@@ -22,8 +22,6 @@ $(function () { ...@@ -22,8 +22,6 @@ $(function () {
22 var listItem; 22 var listItem;
23 let userInfo = []; 23 let userInfo = [];
24 userInfo.push(getCookie('myCookie')); 24 userInfo.push(getCookie('myCookie'));
25
26 console.log(userInfo)
27 if(list.sqrList && list.sqrList.length>0) { 25 if(list.sqrList && list.sqrList.length>0) {
28 for (var i = 0; i < list.sqrList.length; i++) { 26 for (var i = 0; i < list.sqrList.length; i++) {
29 listItem = '<li>' 27 listItem = '<li>'
...@@ -48,3 +46,27 @@ $(function () { ...@@ -48,3 +46,27 @@ $(function () {
48 } 46 }
49 } 47 }
50 }) 48 })
49 $('.completeAudit').click(function(){
50 _completeBusiness()
51 })
52
53 // 完成办理
54 function _completeBusiness() {
55 $.ajax({
56 type: "post", //提交方式
57 url: portal.api_url + "/portal/ApplyBusinessService/completeBusiness",//路径
58 dataType: "json",
59 data:{
60 'bsmSlsq': GetQueryString('bsm_slsq')
61 },
62 //数据，这里使用的是Json格式进行传输
63 success: function (result) {//返回数据根据结果进行相应的处理
64 if (result.code == 200 ) {
65 layui.use('layer', function () {
66 layer.msg(result.message);
67 })
68 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
69 }
70 }
71 });
72 }
...\ No newline at end of file ...\ No newline at end of file
......
1 layui.use('element', function () {
2 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
3 });
1 var list; 4 var list;
2 var houseInfo; 5 var houseInfo;
3 $(function () { 6 $(function () {
4 layui.use('element', function () {
5 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
6 //监听导航点击
7 element.on('nav(demo)', function (elem) {
8 layer.msg(elem.text());
9 });
10 });
11 addTabs('#wssq') 7 addTabs('#wssq')
12 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 8 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
13 list = getApplyRecord(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 9 list = getApplyRecord(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
......
...@@ -52,7 +52,8 @@ function _SFYz() { ...@@ -52,7 +52,8 @@ function _SFYz() {
52 async: false, 52 async: false,
53 data: JSON.stringify({ 53 data: JSON.stringify({
54 "dhhm": $('#phone').val(), 54 "dhhm": $('#phone').val(),
55 "yzm": $('#code').val() 55 "yzm": $('#code').val(),
56 "bsmSlsq": GetQueryString('bsm_slsq')
56 }), 57 }),
57 //数据，这里使用的是Json格式进行传输 58 //数据，这里使用的是Json格式进行传输
58 success: function (result) {//返回数据根据结果进行相应的处理 59 success: function (result) {//返回数据根据结果进行相应的处理
......
...@@ -88,6 +88,7 @@ function getApplyRecord(bsm_slsq, businessno) { ...@@ -88,6 +88,7 @@ function getApplyRecord(bsm_slsq, businessno) {
88 function setArticleSteps() { 88 function setArticleSteps() {
89 $('.name_title h2').text(business.shortName); 89 $('.name_title h2').text(business.shortName);
90 var ArticleContent = $("#app_progress"); 90 var ArticleContent = $("#app_progress");
91 ArticleContent.empty();
91 $.each(business.stepList, function (index, item) { 92 $.each(business.stepList, function (index, item) {
92 switch (item.stepState) { 93 switch (item.stepState) {
93 case 0: 94 case 0:
......
...@@ -29,6 +29,7 @@ function getAppointmentDetail() { ...@@ -29,6 +29,7 @@ function getAppointmentDetail() {
29 var endTime = result.data.endTime; 29 var endTime = result.data.endTime;
30 var yysjtotal = year + month + day + startTime + endTime; 30 var yysjtotal = year + month + day + startTime + endTime;
31 $('#yysj').text(yysjtotal); 31 $('#yysj').text(yysjtotal);
32 $('.qrcode img').attr('src',result.data.qrcode);
32 if (result.data.renegeCount == null) { 33 if (result.data.renegeCount == null) {
33 renegeCounttotal = 0; 34 renegeCounttotal = 0;
34 } else { 35 } else {
......
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 </ul> 59 </ul>
60 <div class="complete"> 60 <div class="complete">
61 <p>如您已经完成办理请点击确定</p> 61 <p>如您已经完成办理请点击确定</p>
62 <button type="button" class="layui-btn layui-btn-radius layui-btn-normal">确定</button> 62 <button type="button" class="layui-btn completeAudit layui-btn-radius layui-btn-normal">确定</button>
63 </div> 63 </div>
64 </div> 64 </div>
65 <!-- ------------受理信息-------------- --> 65 <!-- ------------受理信息-------------- -->
...@@ -82,9 +82,7 @@ ...@@ -82,9 +82,7 @@
82 </li> 82 </li>
83 <li id="dateAcceptance"> 83 <li id="dateAcceptance">
84 <span>受理日期：</span> 84 <span>受理日期：</span>
85 <p> 85 <p></p>
86 2023-5-9
87 </p>
88 </li> 86 </li>
89 </ul> 87 </ul>
90 </div> 88 </div>
......
1 <!DOCTYPE html 1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 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"> 3 <html xmlns="http://www.w3.org/1999/xhtml">
4
4 <head> 5 <head>
5 <style> 6 <style>
6 </style> 7 </style>
...@@ -22,8 +23,9 @@ ...@@ -22,8 +23,9 @@
22 </span> 23 </span>
23 </div> 24 </div>
24 </div> 25 </div>
26 <div class="appointment_content">
25 <!-- ----------------------------------内容模块的开始----------------------------------------------- --> 27 <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
26 <div class="progressBar contentBox"> 28 <div class="progressBar">
27 <ul class="app_progress"> 29 <ul class="app_progress">
28 <li> 30 <li>
29 <p class="active"></p> 31 <p class="active"></p>
...@@ -84,10 +86,10 @@ ...@@ -84,10 +86,10 @@
84 </div> 86 </div>
85 </div> 87 </div>
86 <!-- ----------------------------------地图api--------------------------------------------------- --> 88 <!-- ----------------------------------地图api--------------------------------------------------- -->
87 <div class="map_content contentBox"> 89 <div class="map_content">
88 <h2 class="region_title">选择办事大厅</h2> 90 <h2 class="region_title">选择办事大厅</h2>
89 <ul class="office_halls"></ul> 91 <ul class="office_halls"></ul>
90 <div id="container" style="width: 80%;height: 500px;float: right;"></div> 92 <div id="container" class="map"></div>
91 </div> 93 </div>
92 <div class="footer_button"> 94 <div class="footer_button">
93 <button type="button" class="layui-btn layui-btn-normal"> 95 <button type="button" class="layui-btn layui-btn-normal">
...@@ -102,6 +104,7 @@ ...@@ -102,6 +104,7 @@
102 </button> 104 </button>
103 </div> 105 </div>
104 </div> 106 </div>
107 </div>
105 </body> 108 </body>
106 109
107 </html> 110 </html>
......
...@@ -23,8 +23,8 @@ ...@@ -23,8 +23,8 @@
23 </div> 23 </div>
24 </div> 24 </div>
25 <!-- ----------------------------------内容模块的开始----------------------------------------------- --> 25 <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
26 <div class="central_area"> 26 <div class="central_area appointment_content">
27 <div class="progressBar contentBox"> 27 <div class="progressBar">
28 <ul class="app_progress"> 28 <ul class="app_progress">
29 <li> 29 <li>
30 <p class="active"></p> 30 <p class="active"></p>
...@@ -62,23 +62,32 @@ ...@@ -62,23 +62,32 @@
62 </ul> 62 </ul>
63 </div> 63 </div>
64 <!-- ---------------------预约状态------------------------- --> 64 <!-- ---------------------预约状态------------------------- -->
65 <div class="appointment_status contentBox"> 65 <div class="appointment_status">
66 <div class="status_info"> 66 <div class="status_info">
67 <div class="title"> 67 <div class="title">
68 <div class="title-left">
68 <h3> 69 <h3>
70 <img src="../staticImages/Yes.png">
69 预约成功！您的预约号： 71 预约成功！您的预约号：
70 <span id='reservationNumber'></span> 72 <span id='reservationNumber'></span>
71 </h3> 73 </h3>
72 <p>请记录下您的预约号，以便后续的预约服务。</p> 74 <p>请记录下您的预约号，以便后续的预约服务</p>
73 </div> 75 </div>
74 <ul> 76 <div class="qrcode">
77 <img src="">
78 <p>扫描 查看预约信息</p>
79 </div>
80 </div>
81 <h2 class="region_title">注意事项</h2>
82 <ul style="margin-bottom: 20px;">
75 <li>1.您曾经失约<span id='renegeCount'></span>次，请留意您本次的预约时间和业务类型，切勿迟到或失约。</li> 83 <li>1.您曾经失约<span id='renegeCount'></span>次，请留意您本次的预约时间和业务类型，切勿迟到或失约。</li>
76 <li>2.如确需取消预约，请提前1天登陆系统办理</li> 84 <li>2.如确需取消预约，请提前1天登陆系统办理</li>
77 <li>3.请凭预约号及相关证件，按预约时间提前10分钟到选定的不动产登记中心办理业务</li> 85 <li>3.请凭预约号及相关证件，按预约时间提前10分钟到选定的不动产登记中心办理业务</li>
78 </ul> 86 </ul>
87 <h2 class="region_title">预约信息</h2>
79 </div> 88 </div>
80 </div> 89 </div>
81 <div class="appointment_info_content contentBox"> 90 <div class="appointment_info_content">
82 <div class="appointment_info"> 91 <div class="appointment_info">
83 <ul> 92 <ul>
84 <li> 93 <li>
......
...@@ -25,8 +25,8 @@ ...@@ -25,8 +25,8 @@
25 </div> 25 </div>
26 </div> 26 </div>
27 <!-- ----------------------------------内容模块的开始----------------------------------------------- --> 27 <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
28 <div class="central_area"> 28 <div class="central_area appointment_content">
29 <div class="progressBar contentBox"> 29 <div class="progressBar">
30 <ul class="app_progress"> 30 <ul class="app_progress">
31 <li> 31 <li>
32 <p class="active"></p> 32 <p class="active"></p>
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
64 <div class="swiper-button-prev"></div> 64 <div class="swiper-button-prev"></div>
65 </div> 65 </div>
66 <!-- ----------------------------------业务选择start----------------------------------------------- --> 66 <!-- ----------------------------------业务选择start----------------------------------------------- -->
67 <div class="business_choice contentBox"> 67 <div class="business_choice">
68 <div class="site-title"> 68 <div class="site-title">
69 <fieldset> 69 <fieldset>
70 <legend> 70 <legend>
......
...@@ -26,7 +26,8 @@ ...@@ -26,7 +26,8 @@
26 </div> 26 </div>
27 </div> 27 </div>
28 <!-- ----------------------------------内容模块的开始----------------------------------------------- --> 28 <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
29 <div class="progressBar contentBox"> 29 <div class="appointment_content">
30 <div class="progressBar">
30 <ul class="app_progress"> 31 <ul class="app_progress">
31 <li> 32 <li>
32 <p class="activeing"></p> 33 <p class="activeing"></p>
...@@ -63,7 +64,7 @@ ...@@ -63,7 +64,7 @@
63 </li> 64 </li>
64 </ul> 65 </ul>
65 </div> 66 </div>
66 <div class="clause_box contentBox"> 67 <div class="clause_box">
67 <div class="clause"> 68 <div class="clause">
68 <h3>一、预约方式</h3> 69 <h3>一、预约方式</h3>
69 <p>1.预约采用实名制。预约申请人为不动产权利人，有共有人的，由其中一名权利人预约，其他共有权人不能重复预约。</p> 70 <p>1.预约采用实名制。预约申请人为不动产权利人，有共有人的，由其中一名权利人预约，其他共有权人不能重复预约。</p>
...@@ -102,6 +103,7 @@ ...@@ -102,6 +103,7 @@
102 <button type="button" class="layui-btn layui-btn-normal">下一步</button> 103 <button type="button" class="layui-btn layui-btn-normal">下一步</button>
103 </div> 104 </div>
104 </div> 105 </div>
106 </div>
105 <!-- ----------------------------------内容模块end-------------------------------------------------- --> 107 <!-- ----------------------------------内容模块end-------------------------------------------------- -->
106 </div> 108 </div>
107 </body> 109 </body>
......