Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
91df794e by 任超
Options

style:网上申请

1 parent 90b3c30e
Inline Side-by-side
Showing 5 changed files with 106 additions and 167 deletions
...@@ -32,21 +32,40 @@ ...@@ -32,21 +32,40 @@
32 .no_info, .success_info h2 { 32 .no_info, .success_info h2 {
33 font-weight: 600; 33 font-weight: 600;
34 } 34 }
35 .success_info h2 img {
36 width: 24px;
37 height: 24px;
38 position: relative;
39 top: 5px;
40 margin-right: 3px;
41 }
35 .success_info { 42 .success_info {
36 text-align: center; 43 text-align: center;
37 color: #5FB878; 44 color: #6D7278;;
38 margin: 30px 0; 45 margin: 30px 0;
39 } 46 }
40 .nav_title { 47 .nav_title {
41 padding: 10px 0 10px 10px;
42 margin-bottom: 20px; 48 margin-bottom: 20px;
43 } 49 }
44 .nav_title h2 { 50 .nav_title h3 , .buyer_information h3{
45 padding-left: 5px; 51 height: 16px;
46 border-left: 3px solid #1E9FFF; 52 padding-left: 8px;
47 height: 14px; 53 font-size: 16px;
48 line-height: 14px;
49 font-weight: 600; 54 font-weight: 600;
55 margin-bottom: 15px;
56 position: relative;
57 border-bottom: 1px dotted #E6E6E6;
58 padding-bottom: 15px;
59 }
60 .nav_title h3::before, .buyer_information h3::before{
61 position:absolute;
62 content:"";
63 left:0;
64 width:4px;
65 height:12px;
66 border-radius: 1px;
67 top: 5px;
68 background-color: #0091FF;
50 } 69 }
51 .tax_information li { 70 .tax_information li {
52 display: inline-block; 71 display: inline-block;
...@@ -56,6 +75,7 @@ ...@@ -56,6 +75,7 @@
56 } 75 }
57 .tax_information li span { 76 .tax_information li span {
58 width: 90px; 77 width: 90px;
78 color: #9B9B9B;;
59 display: inline-block; 79 display: inline-block;
60 text-align-last: justify; 80 text-align-last: justify;
61 } 81 }
...@@ -63,30 +83,21 @@ ...@@ -63,30 +83,21 @@
63 display: inline-block; 83 display: inline-block;
64 margin-left: 10px; 84 margin-left: 10px;
65 } 85 }
66 .buyer_information h2{ 86 .buyer_information {
67 padding: 10px; 87 margin: 20px 0;
68 background-color: #1E9FFF;
69 color: #ffffff;
70 width: 68px;
71 margin: 15px 0;
72 border-radius: 2px;
73 } 88 }
89
74 .buyer_information ul { 90 .buyer_information ul {
75 margin-left: -10px;
76 margin-right: -10px;
77 font-size: 0; 91 font-size: 0;
92 box-sizing: border-box;
78 } 93 }
79 .buyer_information ul li { 94 .buyer_information ul li {
80 width: 25%; 95 width: 33%;
81 height: 260px;
82 box-sizing: border-box; 96 box-sizing: border-box;
83 display: inline-block; 97 display: inline-block;
84 font-size: 14px; 98 font-size: 14px;
85 } 99 }
86 .buyer_information ul li div{ 100 .buyer_information ul li{
87 border: 1px solid #01AAED; 101 line-height: 36px;
88 line-height: 50px;
89 box-sizing: border-box; 102 box-sizing: border-box;
90 margin: 0 10px;
91 padding: 15px;
92 } 103 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -201,7 +201,7 @@ ...@@ -201,7 +201,7 @@
201 {{# } }} 201 {{# } }}
202 {{# if(item.stepState==1){ }} 202 {{# if(item.stepState==1){ }}
203 <li class="item_proress"> 203 <li class="item_proress">
204 <p class="active"></p> 204 <p class="activeing"></p>
205 <h5>{{item.stepName}}</h5> 205 <h5>{{item.stepName}}</h5>
206 </li> 206 </li>
207 {{# if(index!=(d.progressList.length-1)){ }} 207 {{# if(index!=(d.progressList.length-1)){ }}
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 </div> 23 </div>
24 <div class="content_box"> 24 <div class="content_box">
25 <div class="name_title layui-bg-gray"> 25 <div class="name_title layui-bg-gray">
26 <h2>二手房</h2> 26 <h2>商品房</h2>
27 <p>转移登记</p> 27 <p>转移登记</p>
28 </div> 28 </div>
29 <div class="progressBar"> 29 <div class="progressBar">
...@@ -52,29 +52,18 @@ ...@@ -52,29 +52,18 @@
52 </div> 52 </div>
53 </div> 53 </div>
54 54
55 <div class="layui-form-item"> 55 <div class="layui-form-item record_con">
56 <div class="layui-inline"> 56 <label class="layui-form-label">合同备案号</label>
57 <label class="layui-form-label">联系方式</label> 57 <div class="layui-input-block record">
58 <div class="layui-input-inline"> 58 <input type="text" name="record" required lay-verify="record" placeholder="请输合同备案号"
59 <input type="tel" name="phone" maxlength="11" id="tel" required lay-verify="phone" 59 class="layui-input">
60 placeholder="请输联系方式" class="layui-input">
61 </div>
62 <button type="button"
63 class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button>
64 </div>
65 <div class="layui-inline">
66 <label class="layui-form-label">验证码</label>
67 <div class="layui-input-block">
68 <input type="tel" name="code" required lay-verify="code" maxlength="6" placeholder="请输验证码"
69 class="layui-input">
70 </div>
71 </div> 60 </div>
72 </div> 61 </div>
73 62
74 <div class="layui-form-item"> 63 <div class="layui-form-item submitbutton_con">
75 <div class="layui-input-block"> 64 <div class="layui-input-block submitbutton">
76 <button type="reset" class="layui-btn layui-btn-primary">重 置</button> 65 <button type="reset" class="layui-btn layui-btn-primary reset">重 置</button>
77 <button type="submit" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="demo1">查 66 <button type="submit" class="layui-btn layui-btn-normal submit" lay-submit="" lay-filter="demo1">查
78 询</button> 67 询</button>
79 </div> 68 </div>
80 </div> 69 </div>
...@@ -85,41 +74,6 @@ ...@@ -85,41 +74,6 @@
85 <ul class="appointment_list"> 74 <ul class="appointment_list">
86 <li> 75 <li>
87 <div class="item_content"> 76 <div class="item_content">
88 <div class="item_title success">
89 <h3>正常</h3>
90 <p>
91 查看
92 <i class="layui-icon layui-icon-right"></i>
93 </p>
94 </div>
95 <ul class="item_info">
96 <li>
97 <span>预约人：</span>
98 <p>任超</p>
99 </li>
100 <li>
101 <span>办事大厅：</span>
102 <p>米香园办事大厅</p>
103 </li>
104 <li>
105 <span>办理业务类型：</span>
106 <p>二手房交易</p>
107 <a href="">办事指南</a>
108 </li>
109 <li>
110 <span>预约日期：</span>
111 <p>2020-12-56 上午 16：13</p>
112 </li>
113 <li>
114 <span>预约流水号：</span>
115 <p>897987987987</p>
116 </li>
117 </ul>
118 <a class="cancel_reservation">取消预约</a>
119 </div>
120 </li>
121 <li>
122 <div class="item_content">
123 <div class="item_title overdue"> 77 <div class="item_title overdue">
124 <h3>正常</h3> 78 <h3>正常</h3>
125 <p> 79 <p>
...@@ -199,7 +153,7 @@ ...@@ -199,7 +153,7 @@
199 </body> 153 </body>
200 <script type="text/javascript" src="../staticJs/common.js"></script> 154 <script type="text/javascript" src="../staticJs/common.js"></script>
201 <script type="text/javascript" src="../staticJs/down.js"></script> 155 <script type="text/javascript" src="../staticJs/down.js"></script>
202 <script type="text/javascript" src="../staticJs/esf-xxjy.js"></script> 156 <script type="text/javascript" src="../staticJs/bljy.js"></script>
203 <script id="progress" type="text/html"> 157 <script id="progress" type="text/html">
204 {{# layui.each(d.progressList, function(index, item){ }} 158 {{# layui.each(d.progressList, function(index, item){ }}
205 {{# if(item.stepState==2){ }} 159 {{# if(item.stepState==2){ }}
...@@ -213,7 +167,7 @@ ...@@ -213,7 +167,7 @@
213 {{# } }} 167 {{# } }}
214 {{# if(item.stepState==1){ }} 168 {{# if(item.stepState==1){ }}
215 <li class="item_proress"> 169 <li class="item_proress">
216 <p class="active"></p> 170 <p class="activeing"></p>
217 <h5>{{item.stepName}}</h5> 171 <h5>{{item.stepName}}</h5>
218 </li> 172 </li>
219 {{# if(index!=(d.progressList.length-1)){ }} 173 {{# if(index!=(d.progressList.length-1)){ }}
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 {{# } }} 67 {{# } }}
68 {{# if(item.stepState==1){ }} 68 {{# if(item.stepState==1){ }}
69 <li class="item_proress"> 69 <li class="item_proress">
70 <p class="active"></p> 70 <p class="activeing"></p>
71 <h5>{{item.stepName}}</h5> 71 <h5>{{item.stepName}}</h5>
72 </li> 72 </li>
73 {{# if(index!=(d.progressList.length-1)){ }} 73 {{# if(index!=(d.progressList.length-1)){ }}
......
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>
...@@ -31,17 +32,15 @@ ...@@ -31,17 +32,15 @@
31 </ul> 32 </ul>
32 </div> 33 </div>
33 <div class="query_results"> 34 <div class="query_results">
34 <!-- <div class="no_info">
35 <h2>温馨提示：未检测到完税信息！</h2>
36 <p>您可以到税务局办事大厅现场完税</p>
37 </div> -->
38 <div class="success_info"> 35 <div class="success_info">
39 <h2>温馨提示：完税校验通过！</h2> 36 <h2>
40 <p>您可以继续进行业务申请！</p> 37 <img src="../staticImages/xuanzhong.png" />
38 温馨提示：完税校验通过！
39 </h2>
41 </div> 40 </div>
42 41
43 <div class="nav_title layui-bg-gray"> 42 <div class="nav_title">
44 <h2>税费信息</h2> 43 <h3>税费信息</h3>
45 </div> 44 </div>
46 <ul class="tax_information"> 45 <ul class="tax_information">
47 <li> 46 <li>
...@@ -70,87 +69,61 @@ ...@@ -70,87 +69,61 @@
70 </li> 69 </li>
71 </ul> 70 </ul>
72 <div class="buyer_information"> 71 <div class="buyer_information">
73 <h2>买方信息</h2> 72 <h3>买方信息</h3>
74 <ul> 73 <ul>
75 <li> 74 <li>
76 <div> 75 <p>
77 <p> 76 <span>姓名</span>：
78 <span>姓名</span>： 77 任超
79 任超 78 </p>
80 </p> 79 <p>
81 <p> 80 <span>证件类型</span>：
82 <span>证件类型</span>： 81 身份证
83 身份证 82 </p>
84 </p> 83 <p>
85 <p> 84 <span>证件号码</span>：
86 <span>证件号码</span>： 85 6101241933091679
87 6101241933091679 86 </p>
88 </p> 87 <p>
89 <p> 88 <span>联系电话</span>：
90 <span>联系电话</span>： 89 1874064565
91 1874064565 90 </p>
92 </p>
93 </div>
94 </li>
95 <li>
96 <div>
97 <p>
98 <span>姓名</span>：
99 任超
100 </p>
101 <p>
102 <span>证件类型</span>：
103 身份证
104 </p>
105 <p>
106 <span>证件号码</span>：
107 6101241933091679
108 </p>
109 <p>
110 <span>联系电话</span>：
111 1874064565
112 </p>
113 </div>
114 </li> 91 </li>
115 <li> 92 <li>
116 <div> 93 <p>
117 <p> 94 <span>姓名</span>：
118 <span>姓名</span>： 95 任超
119 任超 96 </p>
120 </p> 97 <p>
121 <p> 98 <span>证件类型</span>：
122 <span>证件类型</span>： 99 身份证
123 身份证 100 </p>
124 </p> 101 <p>
125 <p> 102 <span>证件号码</span>：
126 <span>证件号码</span>： 103 6101241933091679
127 6101241933091679 104 </p>
128 </p> 105 <p>
129 <p> 106 <span>联系电话</span>：
130 <span>联系电话</span>： 107 1874064565
131 1874064565 108 </p>
132 </p>
133 </div>
134 </li> 109 </li>
135 <li> 110 <li>
136 <div> 111 <p>
137 <p> 112 <span>姓名</span>：
138 <span>姓名</span>： 113 任超
139 任超 114 </p>
140 </p> 115 <p>
141 <p> 116 <span>证件类型</span>：
142 <span>证件类型</span>： 117 身份证
143 身份证 118 </p>
144 </p> 119 <p>
145 <p> 120 <span>证件号码</span>：
146 <span>证件号码</span>： 121 6101241933091679
147 6101241933091679 122 </p>
148 </p> 123 <p>
149 <p> 124 <span>联系电话</span>：
150 <span>联系电话</span>： 125 1874064565
151 1874064565 126 </p>
152 </p>
153 </div>
154 </li> 127 </li>
155 </ul> 128 </ul>
156 </div> 129 </div>
...@@ -178,7 +151,7 @@ ...@@ -178,7 +151,7 @@
178 {{# } }} 151 {{# } }}
179 {{# if(item.stepState==1){ }} 152 {{# if(item.stepState==1){ }}
180 <li class="item_proress"> 153 <li class="item_proress">
181 <p class="active"></p> 154 <p class="activeing"></p>
182 <h5>{{item.stepName}}</h5> 155 <h5>{{item.stepName}}</h5>
183 </li> 156 </li>
184 {{# if(index!=(d.progressList.length-1)){ }} 157 {{# if(index!=(d.progressList.length-1)){ }}
...@@ -200,4 +173,5 @@ ...@@ -200,4 +173,5 @@
200 {{# } }} 173 {{# } }}
201 {{# }); }} 174 {{# }); }}
202 </script> 175 </script>
176
203 </html> 177 </html>
...\ No newline at end of file ...\ No newline at end of file
......