Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
9aefa5b5 by 任超
Options

style:我的业务

1 parent 43da4ab1
Inline Side-by-side
Showing 7 changed files with 53 additions and 17 deletions
...@@ -109,10 +109,14 @@ ...@@ -109,10 +109,14 @@
109 border-radius: 5px; 109 border-radius: 5px;
110 text-align: center; 110 text-align: center;
111 cursor: pointer; 111 cursor: pointer;
112 color: #FFFFFF;
112 } 113 }
113 .business_titleList li p:nth-child(1) { 114 .business_titleList li p:nth-child(1) {
114 font-size: 18px; 115 font-size: 18px;
115 margin-top: 39px; 116 margin-top: 39px;
117 font-size: 36px;
118 margin-bottom: 3px;
119 font-weight: 600;
116 } 120 }
117 .itemTitleActive { 121 .itemTitleActive {
118 border-color: #0091FF!important; 122 border-color: #0091FF!important;
...@@ -122,6 +126,11 @@ ...@@ -122,6 +126,11 @@
122 width: 1200px; 126 width: 1200px;
123 margin: 0 auto; 127 margin: 0 auto;
124 } 128 }
129 .appintmentList {
130 padding: 20px;
131 border-radius: 6px;
132 border: 1px solid #E5E8ED;
133 }
125 .appintmentList li { 134 .appintmentList li {
126 border-bottom: 1px solid #eee; 135 border-bottom: 1px solid #eee;
127 padding-bottom: 20px; 136 padding-bottom: 20px;
...@@ -129,15 +138,19 @@ ...@@ -129,15 +138,19 @@
129 cursor: pointer; 138 cursor: pointer;
130 } 139 }
131 .appintmentList li .state{ 140 .appintmentList li .state{
132 width: 60px; 141 width: 68px;
133 height: 60px; 142 height: 30px;
134 border-radius: 50%; 143 border-radius: 4px;
135 display: inline-block; 144 display: inline-block;
136 color: #FFFFFF; 145 color: #FFFFFF;
137 font-size: 12px; 146 font-size: 12px;
138 text-align: center; 147 text-align: center;
139 line-height: 60px; 148 line-height: 30px;
149 border: 1px solid #FFFFFF;
140 margin-right: 20px; 150 margin-right: 20px;
151 font-weight: 600;
152 position: relative;
153 top: -3px;
141 } 154 }
142 .appintmentList li div { 155 .appintmentList li div {
143 display: inline-block; 156 display: inline-block;
...@@ -175,33 +188,60 @@ ...@@ -175,33 +188,60 @@
175 } 188 }
176 /*------------正在填写------------- */ 189 /*------------正在填写------------- */
177 .tobeSubmit { 190 .tobeSubmit {
178 background-color: rgba(129, 211, 248, 1); 191 color: #1AD6E1!important;
192 border-color: #1AD6E1!important;
179 } 193 }
180 /*------------资料审核------------- */ 194 /*------------资料审核------------- */
181 .dataReview { 195 .dataReview {
182 background-color: #5FB878; 196 color: #FA6400!important;
197 border-color: #FA6400!important;
183 } 198 }
184 /*------------缴费------------- */ 199 /*------------缴费------------- */
185 .pay { 200 .pay {
186 background-color: #01AAED; 201 color: #12A2FF!important;
202 border-color: #12A0FF!important;
187 } 203 }
188 /*------------退回------------- */ 204 /*------------退回------------- */
189 .return { 205 .return {
190 background-color: #FFB800; 206 color: #FA6400!important;
207 border-color: #FA6400!important;
191 } 208 }
192 /*------------驳回------------- */ 209 /*------------驳回------------- */
193 .reject { 210 .reject {
194 background-color: #FF5722; 211 color: #FA6400!important;
212 border-color: #FA6400!important;
195 } 213 }
196 /*------------办理成功------------- */ 214 /*------------办理成功------------- */
197 .success { 215 .success {
198 background-color: #009688; 216 color: #1AD6E1!important;
217 border-color: #1AD6E1!important;
199 } 218 }
200 .business_name { 219 .business_name {
201 width: 330px; 220 width: 330px;
202 } 221 }
222 .business_name p {
223 color: #9B9B9B;
224 margin-top: 5px;
225 }
203 .noData { 226 .noData {
204 text-align: center; 227 text-align: center;
205 padding-top: 30px; 228 padding-top: 30px;
206 display: none; 229 display: none;
207 }
...\ No newline at end of file ...\ No newline at end of file
230 }
231 /* 头部tab */
232 .applyBusinessRecord a{
233 background: url('../staticImages/hezi.png');
234 background-size: 100% 100%;
235 }
236 .to_be_submitted a {
237 background: url('../staticImages/daitijiao.png');
238 background-size: 100% 100%;
239 }
240 .applyBusinessIn a {
241 background: url('../staticImages/banlizhong.png');
242 background-size: 100% 100%;
243 }
244 .applyBusinessEnd a {
245 background: url('../staticImages/yibanjie.png');
246 background-size: 100% 100%;
247 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -222,11 +222,11 @@ function dataRendering() { ...@@ -222,11 +222,11 @@ function dataRendering() {
222 for (var i = 0; i < dataList.list.length; i++) { 222 for (var i = 0; i < dataList.list.length; i++) {
223 li = '<li data-slsqBsm="' + dataList.list[i].slsqBsm + '" data-businessNo="' + dataList.list[i].businessNo + '">'; 223 li = '<li data-slsqBsm="' + dataList.list[i].slsqBsm + '" data-businessNo="' + dataList.list[i].businessNo + '">';
224 if (dataList.list[i].ajzt == '1') { 224 if (dataList.list[i].ajzt == '1') {
225 li += '<span class="state tobeSubmit">正在填写</span>' 225 li += '<span class="state tobeSubmit">办理中</span>'
226 } else if (dataList.list[i].ajzt == '2') { 226 } else if (dataList.list[i].ajzt == '2') {
227 li += '<span class="state dataReview">资料审核</span>' 227 li += '<span class="state dataReview">资料审核</span>'
228 } else if (dataList.list[i].ajzt == '3') { 228 } else if (dataList.list[i].ajzt == '3') {
229 li += '<span class="state pay">缴费</span>' 229 li += '<span class="state pay">待缴费</span>'
230 } else if (dataList.list[i].ajzt == '4') { 230 } else if (dataList.list[i].ajzt == '4') {
231 li += '<span class="state return">退回</span>' 231 li += '<span class="state return">退回</span>'
232 } else if (dataList.list[i].ajzt == '5') { 232 } else if (dataList.list[i].ajzt == '5') {
......
...@@ -44,7 +44,6 @@ ...@@ -44,7 +44,6 @@
44 <a data-id='1' class="itemTitleActive"> 44 <a data-id='1' class="itemTitleActive">
45 <p> 45 <p>
46 <span>0</span> 46 <span>0</span>
47 <b>件</b>
48 </p> 47 </p>
49 <p>办理合计</p> 48 <p>办理合计</p>
50 </a> 49 </a>
...@@ -53,7 +52,6 @@ ...@@ -53,7 +52,6 @@
53 <a data-id='2'> 52 <a data-id='2'>
54 <p> 53 <p>
55 <span>0</span> 54 <span>0</span>
56 <b>件</b>
57 </p> 55 </p>
58 <p>待提交</p> 56 <p>待提交</p>
59 </a> 57 </a>
...@@ -62,7 +60,6 @@ ...@@ -62,7 +60,6 @@
62 <a data-id='3'> 60 <a data-id='3'>
63 <p> 61 <p>
64 <span>0</span> 62 <span>0</span>
65 <b>件</b>
66 </p> 63 </p>
67 <p>办理中</p> 64 <p>办理中</p>
68 </a> 65 </a>
...@@ -71,7 +68,6 @@ ...@@ -71,7 +68,6 @@
71 <a data-id='6'> 68 <a data-id='6'>
72 <p> 69 <p>
73 <span>0</span> 70 <span>0</span>
74 <b>件</b>
75 </p> 71 </p>
76 <p>已办结</p> 72 <p>已办结</p>
77 </a> 73 </a>
......