Skip to content

任超 / js.portalStaticPage

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

style:进度条

1 parent 570404c5
Inline Side-by-side
Showing 22 changed files with 745 additions and 813 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>'
......
...@@ -23,152 +23,155 @@ ...@@ -23,152 +23,155 @@
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 <div class="certificate_list"> 34 </ul>
35 <ul> 35 </div>
36 <li> 36 <div class="certificate_list">
37 <p> 37 <ul>
38 <img src="../staticImages/xuanzhong.png" /> 38 <li>
39 该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书 39 <p>
40 </p> 40 <img src="../staticImages/xuanzhong.png" />
41 <p> 41 该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书
42 <span>电子证照下载</span> 42 </p>
43 <a href="">陕（2019）XXXXXX</a> 43 <p>
44 </p> 44 <span>电子证照下载</span>
45 </li> 45 <a href="">陕（2019）XXXXXX</a>
46 <li> 46 </p>
47 <p> 47 </li>
48 <img src="../staticImages/xuanzhong.png" /> 48 <li>
49 该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄 49 <p>
50 </p> 50 <img src="../staticImages/xuanzhong.png" />
51 <p> 51 该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄
52 <a href="">物流信息</a> 52 </p>
53 <span>电子证照下载</span> 53 <p>
54 <a href="">陕（2019）XXXXXX</a> 54 <a href="">物流信息</a>
55 </p> 55 <span>电子证照下载</span>
56 </li> 56 <a href="">陕（2019）XXXXXX</a>
57 </ul> 57 </p>
58 </div> 58 </li>
59 <!-- ------------受理信息-------------- --> 59 </ul>
60 <div class="acceptance_information"> 60 </div>
61 <h3>受理信息</h3> 61 <!-- ------------受理信息-------------- -->
62 <ul> 62 <div class="acceptance_information">
63 <li> 63 <h3>受理信息</h3>
64 <span>权利类型：</span> 64 <ul>
65 <p>房屋等建筑物、构筑物所有权</p> 65 <li>
66 </li> 66 <span>权利类型：</span>
67 <li> 67 <p>房屋等建筑物、构筑物所有权</p>
68 <span>业务类型：</span> 68 </li>
69 <p>商品房买卖转移登记（个人）</p> 69 <li>
70 </li> 70 <span>业务类型：</span>
71 <li> 71 <p>商品房买卖转移登记（个人）</p>
72 <span>受理编号：</span> 72 </li>
73 <p>201022221345</p> 73 <li>
74 </li> 74 <span>受理编号：</span>
75 <li> 75 <p>201022221345</p>
76 <span>受理日期：</span> 76 </li>
77 <p>77987989</p> 77 <li>
78 </li> 78 <span>受理日期：</span>
79 </ul> 79 <p>77987989</p>
80 </div> 80 </li>
81 <!-- ------------房屋信息-------------- --> 81 </ul>
82 <div class="acceptance_information"> 82 </div>
83 <h3>屋信息</h3> 83 <!-- ------------房屋信息-------------- -->
84 <ul> 84 <div class="acceptance_information">
85 <li> 85 <h3>屋信息</h3>
86 <span>不动产单元号：</span> 86 <ul>
87 <p>450101 450002 GB 00740W00000000</p> 87 <li>
88 </li> 88 <span>不动产单元号：</span>
89 <li> 89 <p>450101 450002 GB 00740W00000000</p>
90 <span>产权证号：</span> 90 </li>
91 <p>370205004005GB10030</p> 91 <li>
92 </li> 92 <span>产权证号：</span>
93 <li> 93 <p>370205004005GB10030</p>
94 <span>坐落：</span> 94 </li>
95 <p>XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室</p> 95 <li>
96 </li> 96 <span>坐落：</span>
97 <li> 97 <p>XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室</p>
98 <span>面积（㎡）：</span> 98 </li>
99 <p>568</p> 99 <li>
100 </li> 100 <span>面积（㎡）：</span>
101 <li> 101 <p>568</p>
102 <span>合同备案号：</span> 102 </li>
103 <p>YS000000000001</p> 103 <li>
104 </li> 104 <span>合同备案号：</span>
105 </ul> 105 <p>YS000000000001</p>
106 </div> 106 </li>
107 <!-- ------------买方信息-------------- --> 107 </ul>
108 <div class="acceptance_information"> 108 </div>
109 <h3>买方信息</h3> 109 <!-- ------------买方信息-------------- -->
110 <ul> 110 <div class="acceptance_information">
111 <li> 111 <h3>买方信息</h3>
112 <span>姓名：</span> 112 <ul>
113 <p>任超1111</p> 113 <li>
114 </li> 114 <span>姓名：</span>
115 <li> 115 <p>任超1111</p>
116 <span>证件类型：</span> 116 </li>
117 <p>8998798798798</p> 117 <li>
118 </li> 118 <span>证件类型：</span>
119 <li> 119 <p>8998798798798</p>
120 <span>证件号码：</span> 120 </li>
121 <p>89798798</p> 121 <li>
122 </li> 122 <span>证件号码：</span>
123 <li> 123 <p>89798798</p>
124 <span>联系电话：</span> 124 </li>
125 <p>15877343636</p> 125 <li>
126 </li> 126 <span>联系电话：</span>
127 </ul> 127 <p>15877343636</p>
128 </div> 128 </li>
129 <!-- ------------受理流程-------------- --> 129 </ul>
130 <div class="acceptance_process"> 130 </div>
131 <h3>受理流程</h3> 131 <!-- ------------受理流程-------------- -->
132 <ul> 132 <div class="acceptance_process">
133 <li> 133 <h3>受理流程</h3>
134 <p class="date">2020-10-89</p> 134 <ul>
135 <p class="circle"></p> 135 <li>
136 <h5>申请</h5> 136 <p class="date">2020-10-89</p>
137 <p class="result"> 137 <p class="circle"></p>
138 <span>已提交</span> 138 <h5>申请</h5>
139 <a>询问笔录</a> 139 <p class="result">
140 </p> 140 <span>已提交</span>
141 <div class="line"></div> 141 <a>详细信息</a>
142 </li> 142 </p>
143 <li> 143 <div class="line"></div>
144 <p class="date">2020-10-89</p> 144 </li>
145 <p class="circle"></p> 145 <li>
146 <h5>申请</h5> 146 <p class="date">2020-10-89</p>
147 <p class="result"> 147 <p class="circle"></p>
148 <span>已提交</span> 148 <h5>申请</h5>
149 <a>完税详情</a> 149 <p class="result">
150 </p> 150 <span>已提交</span>
151 <div class="line"></div> 151 <a>完税详情</a>
152 </li> 152 </p>
153 <li> 153 <div class="line"></div>
154 <p class="date">2020-10-89</p> 154 </li>
155 <p class="circle"></p> 155 <li>
156 <h5>申请</h5> 156 <p class="date">2020-10-89</p>
157 <p class="result"> 157 <p class="circle"></p>
158 <span>已认证</span> 158 <h5>申请</h5>
159 </p> 159 <p class="result">
160 <div class="line"></div> 160 <span>已认证</span>
161 </li> 161 </p>
162 <li> 162 <div class="line"></div>
163 <p class="date">2020-10-89</p> 163 </li>
164 <p class="circle"></p> 164 <li>
165 <h5>申请</h5> 165 <p class="date">2020-10-89</p>
166 <p class="result"> 166 <p class="circle"></p>
167 <span>已缴费</span> 167 <h5>申请</h5>
168 <a>缴费详情</a> 168 <p class="result">
169 </p> 169 <span>已缴费</span>
170 </li> 170 <a>缴费详情</a>
171 </ul> 171 </p>
172 </li>
173 </ul>
174 </div>
172 </div> 175 </div>
173 </div> 176 </div>
174 </body> 177 </body>
...@@ -188,8 +191,8 @@ ...@@ -188,8 +191,8 @@
188 {{# } }} 191 {{# } }}
189 {{# if(item.stepState==1){ }} 192 {{# if(item.stepState==1){ }}
190 <li class="item_proress"> 193 <li class="item_proress">
191 <p class="active"></p> 194 <p class="activeing"></p>
192 <h5>{{item.stepName}}</h5> 195 <h5 class="activeingtext">{{item.stepName}}</h5>
193 </li> 196 </li>
194 {{# if(index!=(d.progressList.length-1)){ }} 197 {{# if(index!=(d.progressList.length-1)){ }}
195 <li class="layui-progress"> 198 <li class="layui-progress">
......
...@@ -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">
......
...@@ -23,230 +23,232 @@ ...@@ -23,230 +23,232 @@
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 <!-- 房屋信息 -->
35 <div class="acceptance_information">
36 <h3>房屋信息</h3>
37 <ul>
38 <li>
39 <span>不动产单元号：</span>
40 <p>450101 450002 GB 00740W00000000</p>
41 </li>
42 <li>
43 <span>产权证号：</span>
44 <p>70205004005GB10030</p>
45 </li>
46 <li>
47 <span>坐落：</span>
48 <p>
49 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
50 </p>
51 </li>
52 <li>
53 <span>面积：</span>
54 <p>526</p>
55 </li>
56 <li>
57 <span>合同备案号：</span>
58 <p>YS000000000001</p>
59 </li>
60 </ul>
61 </div>
62 <!-----------------买方信息------------------ -->
63 <div class="person_info">
64 <div class="title">
65 <h3>买方信息</h3>
66 <input type="radio" class="radioInfo" name="1" value="1" checked>
67 <p>单独所有</p>
68 <input type="radio" class="radioInfo" name="1" value="2">
69 <p>按份所有</p>
70 <input type="radio" class="radioInfo" name="1" value="3">
71 <p>共同所有</p>
72 </div> 34 </div>
73 <form class="layui-form"> 35 <!-- 房屋信息 -->
74 <div class="layui-form-item"> 36 <div class="acceptance_information">
75 <div class="layui-inline"> 37 <h3>房屋信息</h3>
76 <label class="layui-form-label">姓名</label> 38 <ul>
77 <div class="layui-input-block"> 39 <li>
78 <input type="text" name="name" required lay-verify="name" placeholder="请输权利人" 40 <span>不动产单元号：</span>
79 class="layui-input"> 41 <p>450101 450002 GB 00740W00000000</p>
42 </li>
43 <li>
44 <span>产权证号：</span>
45 <p>70205004005GB10030</p>
46 </li>
47 <li>
48 <span>坐落：</span>
49 <p>
50 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
51 </p>
52 </li>
53 <li>
54 <span>面积：</span>
55 <p>526</p>
56 </li>
57 <li>
58 <span>合同备案号：</span>
59 <p>YS000000000001</p>
60 </li>
61 </ul>
62 </div>
63 <!-----------------买方信息------------------ -->
64 <div class="person_info">
65 <div class="title">
66 <h3>买方信息</h3>
67 <input type="radio" class="radioInfo" name="1" value="1" checked>
68 <p>单独所有</p>
69 <input type="radio" class="radioInfo" name="1" value="2">
70 <p>按份所有</p>
71 <input type="radio" class="radioInfo" name="1" value="3">
72 <p>共同所有</p>
73 </div>
74 <form class="layui-form">
75 <div class="layui-form-item">
76 <div class="layui-inline">
77 <label class="layui-form-label">姓名</label>
78 <div class="layui-input-block">
79 <input type="text" name="name" required lay-verify="name" placeholder="请输权利人"
80 class="layui-input">
81 </div>
80 </div> 82 </div>
81 </div> 83 <div class="layui-inline idCard">
82 <div class="layui-inline idCard"> 84 <label class="layui-form-label">身份证类型</label>
83 <label class="layui-form-label">身份证类型</label> 85 <div class="layui-input-block">
84 <div class="layui-input-block"> 86 <select lay-filter="typeId">
85 <select lay-filter="typeId"> 87 <option value="1">身份证</option>
86 <option value="1">身份证</option> 88 <option value="2">军官证</option>
87 <option value="2">军官证</option> 89 </select>
88 </select> 90 </div>
89 </div> 91 </div>
90 </div> 92 <div class="layui-inline">
91 <div class="layui-inline"> 93 <label class="layui-form-label">证件号码</label>
92 <label class="layui-form-label">证件号码</label> 94 <div class="layui-input-block">
93 <div class="layui-input-block"> 95 <input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码"
94 <input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码" 96 class="layui-input">
95 class="layui-input"> 97 </div>
96 </div> 98 </div>
99 <div class="layui-inline">
100 <label class="layui-form-label">联系方式</label>
101 <div class="layui-input-block">
102 <input type="tel" name="phone" maxlength="11" required lay-verify="phone"
103 placeholder="请输联系方式" class="layui-input">
104 </div>
105 </div><i class="layui-icon layui-icon-reduce-circle"></i>
97 </div> 106 </div>
98 <div class="layui-inline"> 107 </form>
99 <label class="layui-form-label">联系方式</label> 108 <div class="add_form layui-bg-gray">
100 <div class="layui-input-block"> 109 <i class="layui-icon layui-icon-addition"></i>
101 <input type="tel" name="phone" maxlength="11" required lay-verify="phone" 110 <p>添加个人信息</p>
102 placeholder="请输联系方式" class="layui-input">
103 </div>
104 </div><i class="layui-icon layui-icon-reduce-circle"></i>
105 </div> 111 </div>
106 </form>
107 <div class="add_form layui-bg-gray">
108 <i class="layui-icon layui-icon-addition"></i>
109 <p>添加个人信息</p>
110 </div> 112 </div>
111 </div> 113 <!-----------------资料上传------------------ -->
112 <!-----------------资料上传------------------ --> 114 <div class="data_upload">
113 <div class="data_upload"> 115 <h3>资料上传</h3>
114 <h3>资料上传</h3> 116 <div class="img_update">
115 <div class="img_update"> 117 <div class="fileBox">
116 <div class="fileBox"> 118 <div id="fileSpan" class="vm">
117 <div id="fileSpan" class="vm"> 119 <input type="file" multiple id="fileInput" />
118 <input type="file" multiple id="fileInput" /> 120 <div class="file_name">
119 <div class="file_name"> 121 <i class="layui-icon layui-icon-addition"></i>
120 <i class="layui-icon layui-icon-addition"></i> 122 <p>点击或拖拽文件上传</p>
121 <p>点击或拖拽文件上传</p> 123 <div class="certificate">登记申请书（2份）</div>
122 <div class="certificate">登记申请书（2份）</div> 124 <div class="fileListName"></div>
123 <div class="fileListName"></div> 125 </div>
124 </div> 126 </div>
125 </div> 127 </div>
128 <div class="fileList_parent">
129 <img src="../staticImages/dui.png">
130 <table width="150px" class="file_list">
131 <tbody class="fileList">
132 </table>
133 </div>
126 </div> 134 </div>
127 <div class="fileList_parent"> 135 <!-- 房屋所有权证书 -->
128 <img src="../staticImages/dui.png"> 136 <div class="img_update">
129 <table width="150px" class="file_list"> 137 <div class="fileBox">
130 <tbody class="fileList"> 138 <div id="fileSpan1" class="vm">
131 </table> 139 <input type="file" multiple id="fileInput1" />
132 </div> 140 <div class="file_name">
133 </div> 141 <i class="layui-icon layui-icon-addition"></i>
134 <!-- 房屋所有权证书 --> 142 <p>点击或拖拽文件上传</p>
135 <div class="img_update"> 143 <div class="certificate">房屋所有权证书（2份）</div>
136 <div class="fileBox"> 144 <div class="fileListName1"></div>
137 <div id="fileSpan1" class="vm"> 145 </div>
138 <input type="file" multiple id="fileInput1" />
139 <div class="file_name">
140 <i class="layui-icon layui-icon-addition"></i>
141 <p>点击或拖拽文件上传</p>
142 <div class="certificate">房屋所有权证书（2份）</div>
143 <div class="fileListName1"></div>
144 </div> 146 </div>
145 </div> 147 </div>
148 <div class="fileList_parent1">
149 <img src="../staticImages/dui.png">
150 <table width="150px" class="file_list">
151 <tbody class="fileList1">
152 </table>
153 </div>
146 </div> 154 </div>
147 <div class="fileList_parent1"> 155
148 <img src="../staticImages/dui.png"> 156 <!-- 询问笔录 -->
149 <table width="150px" class="file_list"> 157 <div class="img_update">
150 <tbody class="fileList1"> 158 <div class="fileBox">
151 </table> 159 <div id="fileSpan3" class="vm">
152 </div> 160 <input type="file" multiple id="fileInput3" />
153 </div> 161 <div class="file_name">
154 162 <i class="layui-icon layui-icon-addition"></i>
155 <!-- 询问笔录 --> 163 <p>点击或拖拽文件上传</p>
156 <div class="img_update"> 164 <div class="certificate">询问笔录(1)份</div>
157 <div class="fileBox"> 165 <div class="fileListName3"></div>
158 <div id="fileSpan3" class="vm"> 166 </div>
159 <input type="file" multiple id="fileInput3" /> 167 <a class="record">下载模板</a>
160 <div class="file_name">
161 <i class="layui-icon layui-icon-addition"></i>
162 <p>点击或拖拽文件上传</p>
163 <div class="certificate">询问笔录(1)份</div>
164 <div class="fileListName3"></div>
165 </div> 168 </div>
166 <a class="record">下载模板</a>
167 </div> 169 </div>
168 </div> 170 <div class="fileList_parent3">
169 <div class="fileList_parent3"> 171 <img src="../staticImages/dui.png">
170 <img src="../staticImages/dui.png"> 172 <table width="150px" class="file_list">
171 <table width="150px" class="file_list"> 173 <tbody class="fileList3">
172 <tbody class="fileList3"> 174 </table>
173 </table> 175 </div>
174 </div> 176 </div>
175 </div> 177 </div>
176 </div> 178 <!-- 领证方式 -->
177 <!-- 领证方式 --> 179 <div class="obtaining_license">
178 <div class="obtaining_license"> 180 <h3>领证方式</h3>
179 <h3>领证方式</h3> 181 <form class="layui-form" action="" lay-filter="example">
180 <form class="layui-form" action="" lay-filter="example"> 182 <div class="layui-form-item">
181 <div class="layui-form-item"> 183 <label class="layui-form-label">领证方式</label>
182 <label class="layui-form-label">领证方式</label> 184 <div class="layui-input-block">
183 <div class="layui-input-block"> 185 <input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked="">
184 <input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked=""> 186 <input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家">
185 <input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家"> 187 </div>
186 </div> 188 </div>
187 </div> 189 <div class="shipping_method">
188 <div class="shipping_method"> 190 <div class="layui-form-item item_inline">
189 <div class="layui-form-item item_inline"> 191 <div class="layui-inline">
190 <div class="layui-inline"> 192 <label class="layui-form-label">收件人</label>
191 <label class="layui-form-label">收件人</label> 193 <div class="layui-input-block">
192 <div class="layui-input-block"> 194 <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
193 <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人" 195 class="layui-input">
194 class="layui-input"> 196 </div>
195 </div> 197 </div>
196 </div> 198 <div class="layui-inline">
197 <div class="layui-inline"> 199 <label class="layui-form-label">手机号码</label>
198 <label class="layui-form-label">手机号码</label> 200 <div class="layui-input-block">
199 <div class="layui-input-block"> 201 <input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off"
200 <input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off" 202 placeholder="请输入手机号码" class="layui-input">
201 placeholder="请输入手机号码" class="layui-input"> 203 </div>
202 </div> 204 </div>
203 </div> 205 </div>
204 </div> 206 <div class="layui-form-item">
205 <div class="layui-form-item"> 207 <label class="layui-form-label">所在地区</label>
206 <label class="layui-form-label">所在地区</label> 208 <div class="layui-input-block ssq">
207 <div class="layui-input-block ssq"> 209 <h2>省</h2>
208 <h2>省</h2> 210 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
209 <div class="layui-inline layui-select-default" style="margin-right: 10px;"> 211 <select name="province" class="Pselected" data-area="浙江省"" lay-filter="province">
210 <select name="province" class="Pselected" data-area="浙江省"" lay-filter="province"> 212 <option value="">选择省</option>
211 <option value="">选择省</option> 213 </select>
212 </select> 214 </div>
213 </div> 215 <h2>市</h2>
214 <h2>市</h2> 216 <div class="layui-inline selected layui-select-default">
215 <div class="layui-inline selected layui-select-default"> 217 <select name="city" class="Cselected" data-area="杭州市">
216 <select name="city" class="Cselected" data-area="杭州市"> 218 <option value="">选择市</option>
217 <option value="">选择市</option> 219 </select>
218 </select> 220 </div>
221 <h2>区</h2>
222 <div class="layui-inline selected layui-select-default">
223 <select name="city" class="Cselected" data-area="西湖区" lay-filter="selectCity">
224 <option value="">选择区</option>
225 </select>
226 </div>
219 </div> 227 </div>
220 <h2>区</h2> 228 </div>
221 <div class="layui-inline selected layui-select-default"> 229 <div class="layui-form-item layui-form-text">
222 <select name="city" class="Cselected" data-area="西湖区" lay-filter="selectCity"> 230 <label class="layui-form-label">详细地址</label>
223 <option value="">选择区</option> 231 <div class="layui-input-block">
224 </select> 232 <textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea>
225 </div> 233 </div>
226 </div> 234 </div>
227 </div> 235 <div class="next_button">
228 <div class="layui-form-item layui-form-text"> 236 <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
229 <label class="layui-form-label">详细地址</label> 237 <a>
230 <div class="layui-input-block"> 238 下一步
231 <textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea> 239 </a>
240 </button>
232 </div> 241 </div>
233 </div> 242 </div>
234 <div class="next_button"> 243 <div class="next_button submitButton">
235 <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal"> 244 <button type="button" class="layui-btn layui-btn-normal">
236 <a> 245 <a href="./wshs.html">
237 下一步 246 下一步
238 </a> 247 </a>
239 </button> 248 </button>
240 </div> 249 </div>
241 </div> 250 </form>
242 <div class="next_button submitButton"> 251 </div>
243 <button type="button" class="layui-btn layui-btn-normal">
244 <a href="./wshs.html">
245 下一步
246 </a>
247 </button>
248 </div>
249 </form>
250 </div> 252 </div>
251 </div> 253 </div>
252 </body> 254 </body>
...@@ -274,7 +276,7 @@ ...@@ -274,7 +276,7 @@
274 {{# if(item.stepState==1){ }} 276 {{# if(item.stepState==1){ }}
275 <li class="item_proress"> 277 <li class="item_proress">
276 <p class="activeing"></p> 278 <p class="activeing"></p>
277 <h5>{{item.stepName}}</h5> 279 <h5 class="activeingtext">{{item.stepName}}</h5>
278 </li> 280 </li>
279 {{# if(index!=(d.progressList.length-1)){ }} 281 {{# if(index!=(d.progressList.length-1)){ }}
280 <li class="layui-progress"> 282 <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>
......
...@@ -18,148 +18,150 @@ ...@@ -18,148 +18,150 @@
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="audit_progress"> 34 </div>
35 <h2> 35 <div class="audit_progress">
36 <img src="../staticImages/xuanzhong.png" /> 36 <h2>
37 您的申请已提交,工作人员会在15个工作日内完成审核！ 37 <img src="../staticImages/xuanzhong.png" />
38 </h2> 38 您的申请已提交,工作人员会在15个工作日内完成审核！
39 </div> 39 </h2>
40 <div class="acceptance_information"> 40 </div>
41 <h3>受理信息</h3> 41 <div class="acceptance_information">
42 <ul> 42 <h3>受理信息</h3>
43 <li> 43 <ul>
44 <span>权利类型：</span> 44 <li>
45 <p>房屋等建筑物、构筑物所有权</p> 45 <span>权利类型：</span>
46 </li> 46 <p>房屋等建筑物、构筑物所有权</p>
47 <li> 47 </li>
48 <span>业务类型：</span> 48 <li>
49 <p> 49 <span>业务类型：</span>
50 商品房买卖转移登记（个人） 50 <p>
51 </p> 51 商品房买卖转移登记（个人）
52 </li> 52 </p>
53 <li> 53 </li>
54 <span>受理编号：</span> 54 <li>
55 <p>78979879879</p> 55 <span>受理编号：</span>
56 </li> 56 <p>78979879879</p>
57 <li> 57 </li>
58 <span>受理日期：</span> 58 <li>
59 <p> 59 <span>受理日期：</span>
60 2023-5-9 60 <p>
61 </p> 61 2023-5-9
62 </li> 62 </p>
63 </ul> 63 </li>
64 </div> 64 </ul>
65 <!-- ---------------房屋信息----------------- --> 65 </div>
66 <div class="acceptance_information"> 66 <!-- ---------------房屋信息----------------- -->
67 <h3>房屋信息</h3> 67 <div class="acceptance_information">
68 <ul> 68 <h3>房屋信息</h3>
69 <li> 69 <ul>
70 <span>不动产单元号：</span> 70 <li>
71 <p>450101 450002 GB 00740W00000000</p> 71 <span>不动产单元号：</span>
72 </li> 72 <p>450101 450002 GB 00740W00000000</p>
73 <li> 73 </li>
74 <span>产权证号：</span> 74 <li>
75 <p>70205004005GB10030</p> 75 <span>产权证号：</span>
76 </li> 76 <p>70205004005GB10030</p>
77 <li> 77 </li>
78 <span>坐落：</span> 78 <li>
79 <p> 79 <span>坐落：</span>
80 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室 80 <p>
81 </p> 81 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
82 </li> 82 </p>
83 <li> 83 </li>
84 <span>面积：</span> 84 <li>
85 <p>526</p> 85 <span>面积：</span>
86 </li> 86 <p>526</p>
87 <li> 87 </li>
88 <span>合同备案号：</span> 88 <li>
89 <p>YS000000000001</p> 89 <span>合同备案号：</span>
90 </li> 90 <p>YS000000000001</p>
91 </ul> 91 </li>
92 </div> 92 </ul>
93 <!-- ----------买方信息--------- --> 93 </div>
94 <div class="acceptance_information"> 94 <!-- ----------买方信息--------- -->
95 <h3>买方信息</h3> 95 <div class="acceptance_information">
96 <ul> 96 <h3>买方信息</h3>
97 <li> 97 <ul>
98 <span>姓名：</span> 98 <li>
99 <p>郭小美</p> 99 <span>姓名：</span>
100 </li> 100 <p>郭小美</p>
101 <li> 101 </li>
102 <span>证件类型：</span> 102 <li>
103 <p>身份证</p> 103 <span>证件类型：</span>
104 </li> 104 <p>身份证</p>
105 <li> 105 </li>
106 <span>证件号码：</span> 106 <li>
107 <p>611312317987</p> 107 <span>证件号码：</span>
108 </li> 108 <p>611312317987</p>
109 <li> 109 </li>
110 <span>联系电话：</span> 110 <li>
111 <p>1977897987987</p> 111 <span>联系电话：</span>
112 </li> 112 <p>1977897987987</p>
113 </ul> 113 </li>
114 </div> 114 </ul>
115 <!-- ------------受理流程-------------- --> 115 </div>
116 <div class="acceptance_process"> 116 <!-- ------------受理流程-------------- -->
117 <h3>受理流程</h3> 117 <div class="acceptance_process">
118 <ul> 118 <h3>受理流程</h3>
119 <li> 119 <ul>
120 <p class="date">2020-10-89</p> 120 <li>
121 <p class="circle"></p> 121 <p class="date">2020-10-89</p>
122 <h5>申请</h5> 122 <p class="circle"></p>
123 <p class="result"> 123 <h5>申请</h5>
124 <span>已提交</span> 124 <p class="result">
125 <a>询问笔录</a> 125 <span>已提交</span>
126 </p> 126 <a>询问笔录</a>
127 <div class="line"></div> 127 </p>
128 </li> 128 <div class="line"></div>
129 <li> 129 </li>
130 <p class="date">2020-10-89</p> 130 <li>
131 <p class="circle"></p> 131 <p class="date">2020-10-89</p>
132 <h5>申请</h5> 132 <p class="circle"></p>
133 <p class="result"> 133 <h5>申请</h5>
134 <span>已提交</span> 134 <p class="result">
135 <a>完税详情</a> 135 <span>已提交</span>
136 </p> 136 <a>完税详情</a>
137 <div class="line"></div> 137 </p>
138 </li> 138 <div class="line"></div>
139 <li> 139 </li>
140 <p class="date">2020-10-89</p> 140 <li>
141 <p class="circle"></p> 141 <p class="date">2020-10-89</p>
142 <h5>申请</h5> 142 <p class="circle"></p>
143 <p class="result"> 143 <h5>申请</h5>
144 <span>已认证</span> 144 <p class="result">
145 </p> 145 <span>已认证</span>
146 <div class="line"></div> 146 </p>
147 </li> 147 <div class="line"></div>
148 <li> 148 </li>
149 <p class="date">2020-10-89</p> 149 <li>
150 <p class="circle"></p> 150 <p class="date">2020-10-89</p>
151 <h5>申请</h5> 151 <p class="circle"></p>
152 <p class="result"> 152 <h5>申请</h5>
153 <span>已缴费</span> 153 <p class="result">
154 <a>缴费详情</a> 154 <span>已缴费</span>
155 </p> 155 <a>缴费详情</a>
156 </li> 156 </p>
157 </ul> 157 </li>
158 </div> 158 </ul>
159 <div class="next_button"> 159 </div>
160 <button type="button" class="layui-btn layui-btn-normal"> 160 <div class="next_button">
161 <a href="./xsjf.html">下一步</a> 161 <button type="button" class="layui-btn layui-btn-normal">
162 </button> 162 <a href="./xsjf.html">下一步</a>
163 </button>
164 </div>
163 </div> 165 </div>
164 </div> 166 </div>
165 </body> 167 </body>
...@@ -180,7 +182,7 @@ ...@@ -180,7 +182,7 @@
180 {{# if(item.stepState==1){ }} 182 {{# if(item.stepState==1){ }}
181 <li class="item_proress"> 183 <li class="item_proress">
182 <p class="activeing"></p> 184 <p class="activeing"></p>
183 <h5>{{item.stepName}}</h5> 185 <h5 class="activeingtext">{{item.stepName}}</h5>
184 </li> 186 </li>
185 {{# if(index!=(d.progressList.length-1)){ }} 187 {{# if(index!=(d.progressList.length-1)){ }}
186 <li class="layui-progress"> 188 <li class="layui-progress">
......