Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
7b56bed3 by 任超
Options

style:进度条

1 parent 570404c5
Expand all
Inline Side-by-side
Showing 22 changed files with 265 additions and 340 deletions
...@@ -3,33 +3,7 @@ ...@@ -3,33 +3,7 @@
3 margin: 0 auto; 3 margin: 0 auto;
4 min-height:calc(100vh - 207px); 4 min-height:calc(100vh - 207px);
5 } 5 }
6 .name_title { 6
7 padding: 10px;
8 margin-top: 15px;
9 }
10 .name_title h2 {
11 display: inline-block;
12 margin-right: 10px;
13 height: 16px;
14 line-height: 16px;
15 color: #4A4A4A;
16 line-height: 16px;
17 position: relative;
18 width: 50px;
19 }
20 .name_title h2::after {
21 position: absolute;
22 content: "";
23 width: 1px;
24 height: 12px;
25 background-color: #9B9B9B;
26 right: -7px;
27 top: 2px;
28 }
29 .name_title p {
30 display: inline-block;
31 color: #4A4A4A
32 }
33 .form_title h2 { 7 .form_title h2 {
34 font-weight: 600; 8 font-weight: 600;
35 border-left: 3px solid #0091FF; 9 border-left: 3px solid #0091FF;
......
...@@ -166,21 +166,21 @@ div.navigation { ...@@ -166,21 +166,21 @@ div.navigation {
166 .navigation .layui-nav-item { 166 .navigation .layui-nav-item {
167 width: 147px; 167 width: 147px;
168 position: relative; 168 position: relative;
169 border-right: 1px solid rgba(255,255,255, 0.2); 169 border-right: 1px solid rgba(255,255,255, 0.1);
170 border-left: 1px solid rgba(255,255,255, 0.2); 170 border-left: 1px solid rgba(255,255,255, 0.1);
171 margin-right: -1px; 171 margin-right: -1px;
172 } 172 }
173 .navigation .layui-nav-item:first-child { 173 .navigation .layui-nav-item:first-child {
174 border-left: 1px solid rgba(255,255,255, 0.4); 174 border-left: 1px solid rgba(255,255,255, 0.2);
175 } 175 }
176 .navigation .layui-nav-item:nth-child(8) { 176 .navigation .layui-nav-item:nth-child(8) {
177 border-right: 1px solid rgba(255,255,255, 0.4); 177 border-right: 1px solid rgba(255,255,255, 0.2);
178 } 178 }
179 .layui-bg-blue { 179 .layui-bg-blue {
180 background-color: #006CFF!important; 180 background-color: #006CFF!important;
181 } 181 }
182 .layui-nav-item a{ 182 .layui-nav-item a{
183 font-size: 19px; 183 font-size: 18px;
184 } 184 }
185 .layui-nav .layui-nav-more { 185 .layui-nav .layui-nav-more {
186 right: 16px; 186 right: 16px;
......
...@@ -5,23 +5,6 @@ ...@@ -5,23 +5,6 @@
5 color: #4a4a4a; 5 color: #4a4a4a;
6 padding-bottom: 100px; 6 padding-bottom: 100px;
7 } 7 }
8 .name_title {
9 padding: 10px;
10 margin:15px 0;
11 }
12 .name_title h2 {
13 display: inline-block;
14 font-weight: 600;
15 margin-right: 10px;
16 border-left: 3px solid #0091FF;
17 height: 16px;
18 line-height: 16px;
19 padding-left: 5px;
20 }
21 .name_title p {
22 display: inline-block;
23 color: #0091FF;
24 }
25 .certificate_list { 8 .certificate_list {
26 border-radius: 4px; 9 border-radius: 4px;
27 text-align: center; 10 text-align: center;
...@@ -98,7 +81,7 @@ ...@@ -98,7 +81,7 @@
98 display: inline-block; 81 display: inline-block;
99 } 82 }
100 .acceptance_process ul li:not(:last-child) { 83 .acceptance_process ul li:not(:last-child) {
101 margin-right: 250px; 84 margin-right: 236px;
102 } 85 }
103 .acceptance_process ul li .date { 86 .acceptance_process ul li .date {
104 text-align: center; 87 text-align: center;
...@@ -110,6 +93,8 @@ ...@@ -110,6 +93,8 @@
110 border: 2px solid #2FA5FF; 93 border: 2px solid #2FA5FF;
111 border-radius: 18px; 94 border-radius: 18px;
112 margin: 10px auto; 95 margin: 10px auto;
96 background-color: #ffffff;
97 overflow: hidden;
113 } 98 }
114 .acceptance_process ul li h5 { 99 .acceptance_process ul li h5 {
115 text-align: center; 100 text-align: center;
......
...@@ -47,6 +47,7 @@ ...@@ -47,6 +47,7 @@
47 .app_progress li h5 { 47 .app_progress li h5 {
48 white-space: nowrap; 48 white-space: nowrap;
49 margin-top: 5px; 49 margin-top: 5px;
50 font-size: 14px;
50 } 51 }
51 .active { 52 .active {
52 background-color: #47E1BF!important; 53 background-color: #47E1BF!important;
...@@ -55,12 +56,15 @@ ...@@ -55,12 +56,15 @@
55 .activeing { 56 .activeing {
56 background-color: #47E1BF!important; 57 background-color: #47E1BF!important;
57 } 58 }
59 .activeingtext {
60 color: #47E1BF!important;
61 }
58 .active::after { 62 .active::after {
59 content: " "; 63 content: " ";
60 display: block; 64 display: block;
61 position: absolute; 65 position: absolute;
62 left: 10px; 66 left: 9px;
63 top: 6px; 67 top: 5px;
64 width: 8px; 68 width: 8px;
65 height: 12px; 69 height: 12px;
66 border-color: #fff; 70 border-color: #fff;
...@@ -102,7 +106,36 @@ ...@@ -102,7 +106,36 @@
102 box-sizing: border-box; 106 box-sizing: border-box;
103 padding: 20px; 107 padding: 20px;
104 margin-top: 10px; 108 margin-top: 10px;
109 margin-bottom: 50px;
105 } 110 }
106 .progressBar_con { 111 .progressBar_con {
107 text-align: center; 112 text-align: center;
113 }
114 /* ---------------业务名称title----------------------- */
115 .name_title {
116 padding: 10px;
117 margin-top: 15px;
118 }
119 .name_title h2 {
120 display: inline-block;
121 margin-right: 10px;
122 height: 16px;
123 line-height: 16px;
124 color: #4A4A4A;
125 line-height: 16px;
126 position: relative;
127 width: 50px;
128 }
129 .name_title h2::after {
130 position: absolute;
131 content: "";
132 width: 1px;
133 height: 12px;
134 background-color: #9B9B9B;
135 right: -7px;
136 top: 2px;
137 }
138 .name_title p {
139 display: inline-block;
140 color: #4A4A4A
108 } 141 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -37,6 +37,9 @@ ...@@ -37,6 +37,9 @@
37 .activeing { 37 .activeing {
38 background-color: #47E1BF!important; 38 background-color: #47E1BF!important;
39 } 39 }
40 .activeingtext {
41 color: #47E1BF!important;
42 }
40 .active { 43 .active {
41 background-color: #47E1BF!important; 44 background-color: #47E1BF!important;
42 position: relative; 45 position: relative;
......
...@@ -4,26 +4,9 @@ ...@@ -4,26 +4,9 @@
4 min-height:calc(100vh - 207px); 4 min-height:calc(100vh - 207px);
5 color: #4a4a4a; 5 color: #4a4a4a;
6 } 6 }
7 .name_title {
8 padding: 10px;
9 margin:15px 0;
10 }
11 .name_title h2 {
12 display: inline-block;
13 font-weight: 600;
14 margin-right: 10px;
15 border-left: 3px solid #0091FF;
16 height: 16px;
17 line-height: 16px;
18 padding-left: 5px;
19 }
20 .name_title p {
21 display: inline-block;
22 color: #0091FF;
23 }
24 .next_button { 7 .next_button {
25 text-align: center; 8 text-align: center;
26 margin: 10px 0; 9 margin: 50px 0;
27 } 10 }
28 .nav_title { 11 .nav_title {
29 padding: 10px 0 10px 10px; 12 padding: 10px 0 10px 10px;
......
...@@ -4,29 +4,11 @@ ...@@ -4,29 +4,11 @@
4 min-height:calc(100vh - 207px); 4 min-height:calc(100vh - 207px);
5 color: #4a4a4a; 5 color: #4a4a4a;
6 } 6 }
7 .name_title {
8 padding: 10px;
9 margin:15px 0;
10 }
11 .name_title h2 {
12 display: inline-block;
13 font-weight: 600;
14 margin-right: 10px;
15 border-left: 3px solid #0091FF;
16 height: 16px;
17 line-height: 16px;
18 padding-left: 5px;
19 }
20 .name_title p {
21 display: inline-block;
22 color: #0091FF;
23 }
24 .audit_progress { 7 .audit_progress {
25 margin: 20px 0; 8 margin: 36px 0;
26 } 9 }
27 .audit_progress h2 { 10 .audit_progress h2 {
28 font-size: 16px; 11 font-size: 16px;
29 font-weight: 600;
30 line-height: 16px; 12 line-height: 16px;
31 text-align: center; 13 text-align: center;
32 color: #6D7278; 14 color: #6D7278;
......
...@@ -178,24 +178,7 @@ ...@@ -178,24 +178,7 @@
178 } 178 }
179 .next_button { 179 .next_button {
180 text-align: center; 180 text-align: center;
181 margin: 30px 0 100px 0; 181 margin: 50px 0;
182 }
183 .name_title {
184 padding: 10px;
185 margin:15px 0;
186 }
187 .name_title h2 {
188 display: inline-block;
189 font-weight: 600;
190 margin-right: 10px;
191 border-left: 3px solid #0091FF;
192 height: 16px;
193 line-height: 16px;
194 padding-left: 5px;
195 }
196 .name_title p {
197 display: inline-block;
198 color: #0091FF;
199 } 182 }
200 /* 房屋信息 */ 183 /* 房屋信息 */
201 .acceptance_information { 184 .acceptance_information {
......
...@@ -3,26 +3,10 @@ ...@@ -3,26 +3,10 @@
3 margin: 0 auto; 3 margin: 0 auto;
4 color: #4a4a4a; 4 color: #4a4a4a;
5 } 5 }
6 .name_title { 6
7 padding: 10px;
8 margin:15px 0;
9 }
10 .name_title h2 {
11 display: inline-block;
12 font-weight: 600;
13 margin-right: 10px;
14 border-left: 3px solid #0091FF;
15 height: 16px;
16 line-height: 16px;
17 padding-left: 5px;
18 }
19 .name_title p {
20 display: inline-block;
21 color: #0091FF;
22 }
23 .next_button { 7 .next_button {
24 text-align: center; 8 text-align: center;
25 margin: 30px 0 100px 0; 9 margin: 50px 0;
26 } 10 }
27 .no_info { 11 .no_info {
28 text-align: center; 12 text-align: center;
......
...@@ -4,30 +4,14 @@ ...@@ -4,30 +4,14 @@
4 min-height:calc(100vh - 207px); 4 min-height:calc(100vh - 207px);
5 color: #4a4a4a; 5 color: #4a4a4a;
6 } 6 }
7 .name_title {
8 padding: 10px;
9 margin:15px 0;
10 }
11 .name_title h2 {
12 display: inline-block;
13 font-weight: 600;
14 margin-right: 10px;
15 border-left: 3px solid #0091FF;
16 height: 16px;
17 line-height: 16px;
18 padding-left: 5px;
19 }
20 .name_title p {
21 display: inline-block;
22 color: #0091FF;
23 }
24 .next_button { 7 .next_button {
25 text-align: center; 8 text-align: center;
26 margin: 50px 0 100px 0; 9 margin: 50px 0;
27 } 10 }
28 11
29 .audit_progress { 12 .audit_progress {
30 text-align: center; 13 text-align: center;
14 margin: 50px 0;
31 } 15 }
32 .audit_progress h2 { 16 .audit_progress h2 {
33 font-size: 16px; 17 font-size: 16px;
...@@ -95,7 +79,7 @@ ...@@ -95,7 +79,7 @@
95 display: inline-block; 79 display: inline-block;
96 } 80 }
97 .acceptance_process ul li:not(:last-child) { 81 .acceptance_process ul li:not(:last-child) {
98 margin-right: 250px; 82 margin-right: 236px;
99 } 83 }
100 .acceptance_process ul li .date { 84 .acceptance_process ul li .date {
101 text-align: center; 85 text-align: center;
...@@ -107,6 +91,8 @@ ...@@ -107,6 +91,8 @@
107 border: 2px solid #2FA5FF; 91 border: 2px solid #2FA5FF;
108 border-radius: 18px; 92 border-radius: 18px;
109 margin: 10px auto; 93 margin: 10px auto;
94 background-color: #ffffff;
95 overflow: hidden;
110 } 96 }
111 .acceptance_process ul li h5 { 97 .acceptance_process ul li h5 {
112 text-align: center; 98 text-align: center;
......
...@@ -87,6 +87,10 @@ function successResult() { ...@@ -87,6 +87,10 @@ function successResult() {
87 title: '<p class="system_prompt successInfo">房屋状态：正常</p>', 87 title: '<p class="system_prompt successInfo">房屋状态：正常</p>',
88 area: ['370px', '335px'], 88 area: ['370px', '335px'],
89 scrollbar: false, 89 scrollbar: false,
90 btn:['下一步'],
91 yes : function() {
92 window.location.href="./tbxx.html";
93 },
90 content:'<ul class="dialog_con">' 94 content:'<ul class="dialog_con">'
91 + '<li><span>姓名：</span>任超</li>' 95 + '<li><span>姓名：</span>任超</li>'
92 + '<li><span>身份证号：</span>610124193335522</li>' 96 + '<li><span>身份证号：</span>610124193335522</li>'
...@@ -107,6 +111,7 @@ function seizureResult() { ...@@ -107,6 +111,7 @@ function seizureResult() {
107 title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>', 111 title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>',
108 area: ['370px', '335px'], 112 area: ['370px', '335px'],
109 scrollbar: false, 113 scrollbar: false,
114 btn:['下一步'],
110 content:'<ul class="dialog_con">' 115 content:'<ul class="dialog_con">'
111 + '<li><span>姓名：</span>任超</li>' 116 + '<li><span>姓名：</span>任超</li>'
112 + '<li><span>身份证号：</span>610124193335522</li>' 117 + '<li><span>身份证号：</span>610124193335522</li>'
......
...@@ -18,35 +18,37 @@ ...@@ -18,35 +18,37 @@
18 <span class="layui-breadcrumb"> 18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a> 19 <a href="../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a> 20 <a href="./wssq.html">网上申请</a>
21 <a><cite>在线申请</cite></a> 21 <a><cite>身份认证</cite></a>
22 </span> 22 </span>
23 </div> 23 </div>
24 </div> 24 </div>
25 <div class="content_box"> 25 <div class="content_box">
26 <div class="name_title layui-bg-gray"> 26 <div class="name_title">
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p> 28 <p>商品房转移买卖转移登记</p>
29 </div> 29 </div>
30 <div class="progressBar"> 30 <div class="content_area">
31 <ul class="app_progress" id="app_progress"> 31 <div class="progressBar">
32 </ul> 32 <ul class="app_progress" id="app_progress">
33 </div> 33 </ul>
34 <div class="info_query">
35 <div class="nav_title">
36 <h2>买方</h2>
37 </div> 34 </div>
38 <div class="video_authentication"> 35 <div class="info_query">
39 视频认证 36 <div class="nav_title">
40 <div id="my_camera"></div> 37 <h2>买方</h2>
41 <form> 38 </div>
42 <input type=button value="Take Snapshot" onClick="take_snapshot()"> 39 <div class="video_authentication">
43 </form> 40 视频认证
41 <div id="my_camera"></div>
42 <form>
43 <input type=button value="Take Snapshot" onClick="take_snapshot()">
44 </form>
45 </div>
46 </div>
47 <div class="next_button">
48 <button type="button" class="layui-btn layui-btn-normal">
49 <a href="./zlsh.html">下一步</a>
50 </button>
44 </div> 51 </div>
45 </div>
46 <div class="next_button">
47 <button type="button" class="layui-btn layui-btn-normal">
48 <a href="./zlsh.html">下一步</a>
49 </button>
50 </div> 52 </div>
51 </div> 53 </div>
52 </body> 54 </body>
...@@ -68,7 +70,7 @@ ...@@ -68,7 +70,7 @@
68 {{# if(item.stepState==1){ }} 70 {{# if(item.stepState==1){ }}
69 <li class="item_proress"> 71 <li class="item_proress">
70 <p class="activeing"></p> 72 <p class="activeing"></p>
71 <h5>{{item.stepName}}</h5> 73 <h5 class="activeingtext">{{item.stepName}}</h5>
72 </li> 74 </li>
73 {{# if(index!=(d.progressList.length-1)){ }} 75 {{# if(index!=(d.progressList.length-1)){ }}
74 <li class="layui-progress"> 76 <li class="layui-progress">
......
...@@ -18,120 +18,123 @@ ...@@ -18,120 +18,123 @@
18 <span class="layui-breadcrumb"> 18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a> 19 <a href="../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a> 20 <a href="./wssq.html">网上申请</a>
21 <a><cite>在线申请</cite></a> 21 <a><cite>完税核税</cite></a>
22 </span> 22 </span>
23 </div> 23 </div>
24 </div> 24 </div>
25 <div class="content_box"> 25 <div class="content_box">
26 <div class="name_title layui-bg-gray"> 26 <div class="name_title">
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p> 28 <p>商品房转移买卖转移登记</p>
29 </div> 29 </div>
30 <div class="progressBar">
31 <ul class="app_progress" id="app_progress">
32 </ul>
33 </div>
34 <div class="query_results">
35 <div class="success_info">
36 <h2>
37 <img src="../staticImages/xuanzhong.png" />
38 温馨提示：完税校验通过！
39 </h2>
40 </div>
41 30
42 <div class="nav_title"> 31 <div class="content_area">
43 <h3>税费信息</h3> 32 <div class="progressBar">
33 <ul class="app_progress" id="app_progress">
34 </ul>
44 </div> 35 </div>
45 <ul class="tax_information"> 36 <div class="query_results">
46 <li> 37 <div class="success_info">
47 <span>税费项目</span>: 38 <h2>
48 <p>二手房过户</p> 39 <img src="../staticImages/xuanzhong.png" />
49 </li> 40 温馨提示：完税校验通过！
50 <li> 41 </h2>
51 <span>税费</span>: 42 </div>
52 <p>20000元</p> 43
53 </li> 44 <div class="nav_title">
54 <li> 45 <h3>税费信息</h3>
55 <span>缴费时间</span>: 46 </div>
56 <p>2020-1231</p> 47 <ul class="tax_information">
57 </li> 48 <li>
58 <li> 49 <span>税费项目</span>:
59 <span>受理单位</span>: 50 <p>二手房过户</p>
60 <p>xxx税务局</p> 51 </li>
61 </li> 52 <li>
62 <li> 53 <span>税费</span>:
63 <span>税费流水号</span>: 54 <p>20000元</p>
64 <p>610234199612126622</p> 55 </li>
65 </li> 56 <li>
66 <li> 57 <span>缴费时间</span>:
67 <span>完税证明号</span>: 58 <p>2020-1231</p>
68 <p>610234199612126622</p> 59 </li>
69 </li>
70 </ul>
71 <div class="buyer_information">
72 <h3>买方信息</h3>
73 <ul>
74 <li> 60 <li>
75 <p> 61 <span>受理单位</span>:
76 <span>姓名</span>： 62 <p>xxx税务局</p>
77 任超
78 </p>
79 <p>
80 <span>证件类型</span>：
81 身份证
82 </p>
83 <p>
84 <span>证件号码</span>：
85 6101241933091679
86 </p>
87 <p>
88 <span>联系电话</span>：
89 1874064565
90 </p>
91 </li> 63 </li>
92 <li> 64 <li>
93 <p> 65 <span>税费流水号</span>:
94 <span>姓名</span>： 66 <p>610234199612126622</p>
95 任超
96 </p>
97 <p>
98 <span>证件类型</span>：
99 身份证
100 </p>
101 <p>
102 <span>证件号码</span>：
103 6101241933091679
104 </p>
105 <p>
106 <span>联系电话</span>：
107 1874064565
108 </p>
109 </li> 67 </li>
110 <li> 68 <li>
111 <p> 69 <span>完税证明号</span>:
112 <span>姓名</span>： 70 <p>610234199612126622</p>
113 任超
114 </p>
115 <p>
116 <span>证件类型</span>：
117 身份证
118 </p>
119 <p>
120 <span>证件号码</span>：
121 6101241933091679
122 </p>
123 <p>
124 <span>联系电话</span>：
125 1874064565
126 </p>
127 </li> 71 </li>
128 </ul> 72 </ul>
73 <div class="buyer_information">
74 <h3>买方信息</h3>
75 <ul>
76 <li>
77 <p>
78 <span>姓名</span>：
79 任超
80 </p>
81 <p>
82 <span>证件类型</span>：
83 身份证
84 </p>
85 <p>
86 <span>证件号码</span>：
87 6101241933091679
88 </p>
89 <p>
90 <span>联系电话</span>：
91 1874064565
92 </p>
93 </li>
94 <li>
95 <p>
96 <span>姓名</span>：
97 任超
98 </p>
99 <p>
100 <span>证件类型</span>：
101 身份证
102 </p>
103 <p>
104 <span>证件号码</span>：
105 6101241933091679
106 </p>
107 <p>
108 <span>联系电话</span>：
109 1874064565
110 </p>
111 </li>
112 <li>
113 <p>
114 <span>姓名</span>：
115 任超
116 </p>
117 <p>
118 <span>证件类型</span>：
119 身份证
120 </p>
121 <p>
122 <span>证件号码</span>：
123 6101241933091679
124 </p>
125 <p>
126 <span>联系电话</span>：
127 1874064565
128 </p>
129 </li>
130 </ul>
131 </div>
132 </div>
133 <div class="next_button">
134 <button type="button" class="layui-btn layui-btn-normal">
135 <a href="./sfrz.html">下一步</a>
136 </button>
129 </div> 137 </div>
130 </div>
131 <div class="next_button">
132 <button type="button" class="layui-btn layui-btn-normal">
133 <a href="./sfrz.html">下一步</a>
134 </button>
135 </div> 138 </div>
136 </div> 139 </div>
137 </body> 140 </body>
...@@ -152,7 +155,7 @@ ...@@ -152,7 +155,7 @@
152 {{# if(item.stepState==1){ }} 155 {{# if(item.stepState==1){ }}
153 <li class="item_proress"> 156 <li class="item_proress">
154 <p class="activeing"></p> 157 <p class="activeing"></p>
155 <h5>{{item.stepName}}</h5> 158 <h5 class="activeingtext">{{item.stepName}}</h5>
156 </li> 159 </li>
157 {{# if(index!=(d.progressList.length-1)){ }} 160 {{# if(index!=(d.progressList.length-1)){ }}
158 <li class="layui-progress"> 161 <li class="layui-progress">
......
...@@ -18,84 +18,86 @@ ...@@ -18,84 +18,86 @@
18 <span class="layui-breadcrumb"> 18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a> 19 <a href="../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a> 20 <a href="./wssq.html">网上申请</a>
21 <a><cite>在线申请</cite></a> 21 <a><cite>线上缴费</cite></a>
22 </span> 22 </span>
23 </div> 23 </div>
24 </div> 24 </div>
25 <div class="content_box"> 25 <div class="content_box">
26 <div class="name_title layui-bg-gray"> 26 <div class="name_title">
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p> 28 <p>商品房转移买卖转移登记</p>
29 </div> 29 </div>
30 <div class="progressBar"> 30
31 <ul class="app_progress" id="app_progress"> 31 <div class="content_area">
32 </ul> 32 <div class="progressBar">
33 </div> 33 <ul class="app_progress" id="app_progress">
34 <!-- ------------------开始支付----------------- --> 34 </ul>
35 <div class="audit_progress"> 35 </div>
36 <h2> 36 <!-- ------------------开始支付----------------- -->
37 <img src="../staticImages/xuanzhong.png" /> 37 <div class="audit_progress">
38 您的申请已提交,工作人员会在15个工作日内完成审核！ 38 <h2>
39 </h2> 39 <img src="../staticImages/xuanzhong.png" />
40 </div> 40 您的申请已提交,工作人员会在15个工作日内完成审核！
41 <!-- ------------------缴费信息----------------- --> 41 </h2>
42 <div class="payment_information"> 42 </div>
43 <h3> 43 <!-- ------------------缴费信息----------------- -->
44 缴费信息 44 <div class="payment_information">
45 </h3> 45 <h3>
46 <ul> 46 缴费信息
47 <li> 47 </h3>
48 <span>受理编号：</span> 48 <ul>
49 <p>7897987989798</p> 49 <li>
50 </li> 50 <span>受理编号：</span>
51 <li> 51 <p>7897987989798</p>
52 <span>受理日期：</span> 52 </li>
53 <p>7979798797</p> 53 <li>
54 </li> 54 <span>受理日期：</span>
55 <li> 55 <p>7979798797</p>
56 <span>收费事项：</span> 56 </li>
57 <p>商品房转移买卖转移登记（个人）登记费</p> 57 <li>
58 </li> 58 <span>收费事项：</span>
59 <li> 59 <p>商品房转移买卖转移登记（个人）登记费</p>
60 <span>应缴金额：</span> 60 </li>
61 <h5>600元</h5> 61 <li>
62 </li> 62 <span>应缴金额：</span>
63 <li> 63 <h5>600元</h5>
64 <span>收费明细：</span> 64 </li>
65 <h6>工本费10元 </h6> 65 <li>
66 <h6>快递费20元</h6> 66 <span>收费明细：</span>
67 <h6>不动产登记费80元</h6> 67 <h6>工本费10元 </h6>
68 </li> 68 <h6>快递费20元</h6>
69 </ul> 69 <h6>不动产登记费80元</h6>
70 </div> 70 </li>
71 <!-- ------------------缴费通道----------------- --> 71 </ul>
72 <div class="payment_channel"> 72 </div>
73 <h3>缴费通道</h3> 73 <!-- ------------------缴费通道----------------- -->
74 <ul class="payment_channel_con"> 74 <div class="payment_channel">
75 <li> 75 <h3>缴费通道</h3>
76 <img src="../staticImages/wechat.png"> 76 <ul class="payment_channel_con">
77 <span>微信</span> 77 <li>
78 </li> 78 <img src="../staticImages/wechat.png">
79 <li> 79 <span>微信</span>
80 <img src="../staticImages/alipay.png" alt=""> 80 </li>
81 <span>支付宝</span> 81 <li>
82 </li> 82 <img src="../staticImages/alipay.png" alt="">
83 </ul> 83 <span>支付宝</span>
84 <div class="scan_code"> 84 </li>
85 <p>600.00</p> 85 </ul>
86 <div> 86 <div class="scan_code">
87 <img src="../staticImages/code.png"> 87 <p>600.00</p>
88 <div class="code_detail"> 88 <div>
89 <img src="../staticImages/saoyisao.png"> 89 <img src="../staticImages/code.png">
90 <ul> 90 <div class="code_detail">
91 <li>打开手机支付宝</li> 91 <img src="../staticImages/saoyisao.png">
92 <li>扫一扫继续付款</li> 92 <ul>
93 </ul> 93 <li>打开手机支付宝</li>
94 <li>扫一扫继续付款</li>
95 </ul>
96 </div>
94 </div> 97 </div>
95 </div> 98 </div>
96 </div> 99 </div>
97 </div> 100 </div>
98
99 <!-- ------------------支付成功----------------- --> 101 <!-- ------------------支付成功----------------- -->
100 </div> 102 </div>
101 </body> 103 </body>
...@@ -116,7 +118,7 @@ ...@@ -116,7 +118,7 @@
116 {{# if(item.stepState==1){ }} 118 {{# if(item.stepState==1){ }}
117 <li class="item_proress"> 119 <li class="item_proress">
118 <p class="activeing"></p> 120 <p class="activeing"></p>
119 <h5>{{item.stepName}}</h5> 121 <h5 class="activeingtext">{{item.stepName}}</h5>
120 </li> 122 </li>
121 {{# if(index!=(d.progressList.length-1)){ }} 123 {{# if(index!=(d.progressList.length-1)){ }}
122 <li class="layui-progress"> 124 <li class="layui-progress">
......
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
90 {{# if(item.stepState==1){ }} 90 {{# if(item.stepState==1){ }}
91 <li class="item_proress"> 91 <li class="item_proress">
92 <p class="activeing"></p> 92 <p class="activeing"></p>
93 <h5>{{item.stepName}}</h5> 93 <h5 class="activeingtext">{{item.stepName}}</h5>
94 </li> 94 </li>
95 {{# if(index!=(d.progressList.length-1)){ }} 95 {{# if(index!=(d.progressList.length-1)){ }}
96 <li class="layui-progress"> 96 <li class="layui-progress">
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <span class="layui-breadcrumb"> 18 <span class="layui-breadcrumb">
19 <a href="../index.html" title="首页">首页</a> 19 <a href="../index.html" title="首页">首页</a>
20 <a href="./grzx.html" title="个人中心">个人中心</a> 20 <a href="./grzx.html" title="个人中心">个人中心</a>
21 <a title="我的预约"><cite>我的预约</cite></a> 21 <a title="选择区域"><cite>选择区域</cite></a>
22 </span> 22 </span>
23 </div> 23 </div>
24 </div> 24 </div>
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 </div> 36 </div>
37 <li> 37 <li>
38 <p class="activeing"></p> 38 <p class="activeing"></p>
39 <h5> 39 <h5 class="activeingtext">
40 选择区域 40 选择区域
41 </h5> 41 </h5>
42 </li> 42 </li>
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <span class="layui-breadcrumb"> 18 <span class="layui-breadcrumb">
19 <a href="../index.html" title="首页">首页</a> 19 <a href="../index.html" title="首页">首页</a>
20 <a href="./grzx.html" title="个人中心">个人中心</a> 20 <a href="./grzx.html" title="个人中心">个人中心</a>
21 <a title="我的预约"><cite>我的预约</cite></a> 21 <a title="预约结果"><cite>预约结果</cite></a>
22 </span> 22 </span>
23 </div> 23 </div>
24 </div> 24 </div>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 </div> 55 </div>
56 <li> 56 <li>
57 <p class="activeing"></p> 57 <p class="activeing"></p>
58 <h5> 58 <h5 class="activeingtext">
59 预约结果 59 预约结果
60 </h5> 60 </h5>
61 </li> 61 </li>
......
...@@ -21,7 +21,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD ...@@ -21,7 +21,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
21 <span class="layui-breadcrumb"> 21 <span class="layui-breadcrumb">
22 <a href="../index.html" title="首页">首页</a> 22 <a href="../index.html" title="首页">首页</a>
23 <a href="./grzx.html" title="个人中心">个人中心</a> 23 <a href="./grzx.html" title="个人中心">个人中心</a>
24 <a title="我的预约"><cite>我的预约</cite></a> 24 <a title="预约时间"><cite>预约时间</cite></a>
25 </span> 25 </span>
26 </div> 26 </div>
27 </div> 27 </div>
...@@ -49,7 +49,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD ...@@ -49,7 +49,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
49 </div> 49 </div>
50 <li> 50 <li>
51 <p class="activeing"></p> 51 <p class="activeing"></p>
52 <h5> 52 <h5 class="activeingtext">
53 预约时间 53 预约时间
54 </h5> 54 </h5>
55 </li> 55 </li>
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
21 <span class="layui-breadcrumb"> 21 <span class="layui-breadcrumb">
22 <a href="../index.html" title="首页">首页</a> 22 <a href="../index.html" title="首页">首页</a>
23 <a href="./grzx.html" title="个人中心">个人中心</a> 23 <a href="./grzx.html" title="个人中心">个人中心</a>
24 <a title="我的预约"><cite>我的预约</cite></a> 24 <a title="我的预约"><cite>预约须知</cite></a>
25 </span> 25 </span>
26 </div> 26 </div>
27 </div> 27 </div>
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 <ul class="app_progress"> 30 <ul class="app_progress">
31 <li> 31 <li>
32 <p class="activeing"></p> 32 <p class="activeing"></p>
33 <h5> 33 <h5 class="activeingtext">
34 预约须知 34 预约须知
35 </h5> 35 </h5>
36 </li> 36 </li>
......