Accueil Explorer Aide
Connexion
asiainfo
/
static
Suivre 2
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 2175 Publications 4 Wiki
Parcourir la Source

工程初始化

fuziyi 3 ans auparavant
Parent
b309bd9ae1
commit
1c85aa9060
32 fichiers modifiés avec 1696 ajouts et 153 suppressions
Vue séparée Afficher les stats Diff
  1. 752 57
      2019/bj-zqzt/biz/css/base-fzy.css
  2. BIN
      2019/bj-zqzt/biz/img/product/arrow-left.png
  3. BIN
      2019/bj-zqzt/biz/img/product/baojia.png
  4. BIN
      2019/bj-zqzt/biz/img/product/bendi.png
  5. BIN
      2019/bj-zqzt/biz/img/product/cloud.png
  6. BIN
      2019/bj-zqzt/biz/img/product/dashuju.png
  7. BIN
      2019/bj-zqzt/biz/img/product/ict.png
  8. BIN
      2019/bj-zqzt/biz/img/product/idc.png
  9. BIN
      2019/bj-zqzt/biz/img/product/input-delete.png
  10. BIN
      2019/bj-zqzt/biz/img/product/mask.png
  11. BIN
      2019/bj-zqzt/biz/img/product/more-01.png
  12. BIN
      2019/bj-zqzt/biz/img/product/more-02.png
  13. BIN
      2019/bj-zqzt/biz/img/product/other.png
  14. 0 0
      2019/bj-zqzt/biz/img/product/rxdz-background.svg
  15. 0 0
      2019/bj-zqzt/biz/img/product/rxdz-more.png
  16. 0 0
      2019/bj-zqzt/biz/img/product/rxdz-search.png
  17. BIN
      2019/bj-zqzt/biz/img/product/slide-left.png
  18. BIN
      2019/bj-zqzt/biz/img/product/wulianwang.png
  19. BIN
      2019/bj-zqzt/biz/img/product/zhuanxian.png
  20. BIN
      2019/bj-zqzt/biz/img/slide-left.png
  21. 24 0
      2019/bj-zqzt/biz/js/product-rxdz-search.js
  22. 0 0
      2019/bj-zqzt/biz/js/product-zfdz-bjd.js
  23. 4 0
      2019/bj-zqzt/biz/js/product-zfdz-classify.js
  24. 43 0
      2019/bj-zqzt/biz/js/product-zfdz-cpbj.js
  25. 120 0
      2019/bj-zqzt/biz/js/product-zfdz-cplb.js
  26. 0 22
      2019/bj-zqzt/biz/js/rxdz-search.js
  27. 0 74
      2019/bj-zqzt/flexible-customize-inquiry.html
  28. 121 0
      2019/bj-zqzt/product-rxdz-search.html
  29. 102 0
      2019/bj-zqzt/product-zfdz-bjd.html
  30. 92 0
      2019/bj-zqzt/product-zfdz-classify.html
  31. 107 0
      2019/bj-zqzt/product-zfdz-cpbj.html
  32. 331 0
      2019/bj-zqzt/product-zfdz-cplb.html

+ 752 - 57
2019/bj-zqzt/biz/css/base-fzy.css
Voir le fichier 

@ -3,24 +3,14 @@ html {
3 3
4 4 
}
5 5
6 
input,
7 
button {
8 
	border: none;
9 
	outline: none;
10 
	background: none;
11 
}
12 6
13 
.fci-page {
14 
	background: url(../img/fci-background.svg) no-repeat center -0.4rem;
7
8 
.rxdz-page {
9 
	background: url(../img/product/rxdz-background.svg) no-repeat center -0.4rem;
15 10 
	background-size: 4rem;
16 
	height: 100%;
17 
	display: flex;
18 
	flex-direction: column;
19 
	align-items: center;
20 
	background-color: rgb(240, 242, 245);
21 11 
}
22 12
23 
.fci-header {
13 
.rxdz-header {
24 14 
	width: 100%;
25 15 
	margin-top: 0.05rem;
26 16 
	display: flex;

@ -29,49 +19,54 @@ button {
29 19 
	padding: 0 0.08rem;
30 20 
}
31 21
32 
.fci-header-back,
33 
.fci-header-back-more {
22 
.rxdz-header-back,
23 
.rxdz-header-back-more {
34 24 
	background: no-repeat center;
35 25 
	background-size: 0.25rem 0.25rem;
36 26 
	width: 0.44rem;
37 27 
	height: 0.44rem;
38 28 
}
39 29
40 
.fci-header-back {
41 
	background-image: url(../img/ic_arrow_left.png);
30 
.rxdz-header-back {
31 
	background-image: url(../img/product/arrow-left.png);
42 32 
}
43 33
44 
.fci-header-text {
34 
.rxdz-header-text {
45 35 
	font-size: 0.18rem;
46 36 
	color: #FFFFFF;
47 37 
	font-weight: 400;
48 38 
	line-height: 0.18rem;
49 39 
}
50 40
51 
.fci-header-back-more {
52 
	background-image: url(../img/fci-more.png);
41 
.rxdz-header-back-more {
42 
	background-image: url(../img/product/rxdz-more.png);
53 43 
}
54 44
55 
.fci-search-warp {
56 
	margin: 0.35rem 0 0.055rem 0;
57 
	width: 3.43rem;
45 
.rxdz-search-warp {
46 
	width: 100%;
47 
}
48
49 
.rxdz-search-main {
50 
	margin: 0.35rem 0.16rem 0.055rem 0.16rem;
51
52 
	width: auto;
58 53 
	/* height: 1.64rem; */
59 54 
	background: #FFFFFF;
60 
	border-radius: 0.04rem;
55 
	border-radius: 0.08rem;
61 56 
	display: flex;
62 57 
	flex-direction: column;
63 58 
	align-items: center;
64 59
65 60 
}
66 61
67 
.fci-search-nav {
62 
.rxdz-search-nav {
68 63 
	display: flex;
69 64 
	flex-direction: row;
70 65 
	height: 0.45rem;
71 66 
	width: 100%;
72 67 
}
73 68
74 
.fci-search-nav>div.fci-search-nav-item {
69 
.rxdz-search-nav>div.rxdz-search-nav-item {
75 70 
	flex: 1;
76 71 
	display: flex;
77 72 
	align-items: center;

@ -82,12 +77,12 @@ button {
82 77 
	color: #616A74;
83 78 
}
84 79
85 
.fci-search-nav>div.active {
80 
.rxdz-search-nav>div.active {
86 81 
	color: #2B2F33;
87 82 
	background: #FFFFFF;
88 83 
}
89 84
90 
.fci-search-nav-item-angle-defu {
85 
.rxdz-search-nav-item-angle-defu {
91 86 
	height: 0;
92 87 
	width: 0;
93 88 
	border: 0.225rem solid transparent;

@ -96,22 +91,21 @@ button {
96 91 
	border-left: 0.225rem solid #FFFFFF;
97 92 
}
98 93
99 
.fci-search-nav-item-angle-right {
94 
.rxdz-search-nav-item-angle-right {
100 95 
	border-left: 0.225rem solid transparent;
101 96 
	border-right: 0.225rem solid #FFFFFF;
102 97 
}
103 98
104 
.fci-search-nav-item-ylh {
99 
.rxdz-search-nav-item-ylh {
105 100 
	border-radius: 0.08rem 0 0 0;
106 101 
}
107 102
108 
.fci-search-nav-item-wlh {
103 
.rxdz-search-nav-item-wlh {
109 104 
	border-radius: 0 0.08rem 0 0;
110 105 
}
111 106
112 
.fci-search-input-warp {
113 
	margin-top: 0.2rem;
114 
	width: 3.03rem;
107 
.rxdz-search-input-warp {
108 
	margin: 0.2rem 0.2rem 0 0.2rem;
115 109 
	height: 0.35rem;
116 110 
	display: flex;
117 111 
	flex-direction: row;

@ -120,49 +114,52 @@ button {
120 114 
	border-radius: 0.035rem;
121 115 
}
122 116
123 
.fci-search-input-left {
124 
	background: url(../img/fci-search.png) no-repeat center;
117 
.rxdz-search-input-left {
118 
	background: url(../img/product/rxdz-search.png) no-repeat center;
125 119 
	background-size: 0.16rem;
126 120 
	margin: 0 0.1rem 0 0.1rem;
127 121 
	height: 0.22rem;
128 122 
	width: 0.22rem;
129 123 
}
130 124
131 
.fci-search-input-right {
132 
	background: url(../img/input-delete.png) no-repeat center;
125 
.rxdz-search-input-right {
126 
	background: url(../img/product/input-delete.png) no-repeat center;
133 127 
	background-size: 0.18rem;
134 128 
	/* margin: 0 0.1rem 0 0.1rem; */
135 129 
	height: 100%;
136 
	width: 0.44rem;
130 
	width: 0.44rem;
137 131 
	display: none;
138 132 
}
139 133
140 
.fci-search-input {
134 
.rxdz-search-input {
135 
	border: none;
136 
	outline: none;
137 
	background: none;
141 138 
	display: block;
142 139 
	flex: 1;
143 140 
	width: 100%;
144
145 141 
}
146 142
147 
input::-webkit-input-placeholder {
143 
.rxdz-search-input::-webkit-input-placeholder {
148 144 
	color: #8E9399;
149 145 
	font-size: 0.15rem;
150 146 
	font-weight: 400;
151 147 
}
152 148
153 
input::-moz-input-placeholder {
149 
.rxdz-search-input::-moz-input-placeholder {
154 150 
	color: #8E9399;
155 151 
	font-size: 0.15rem;
156 152 
	font-weight: 400;
157 153 
}
158 154
159 
input::-ms-input-placeholder {
155 
.rxdz-search-input::-ms-input-placeholder {
160 156 
	color: #8E9399;
161 157 
	font-size: 0.15rem;
162 158 
	font-weight: 400;
163 159 
}
164 160
165 
.fci-search-btn {
161 
.rxdz-search-btn {
162 
	border: none;
166 163 
	display: block;
167 164 
	width: 0.805rem;
168 165 
	height: 0.35rem;

@ -174,31 +171,31 @@ input::-ms-input-placeholder {
174 171 
	font-weight: 400;
175 172 
}
176 173
177 
.fci-search-result-wrap {
178 
	width: 3.51rem;
174 
.rxdz-search-result-warp {
175 
	width: 100%;
179 176 
}
180 177
181 
.fci-search-result-list {
178 
.rxdz-search-result-list {
182 179 
	width: 100%;
183 180 
}
184 181
185 
.fci-search-result-list-item {
186 
	width: 100%;
182 
.rxdz-search-result-list-item {
183 
	margin: 0.12rem 0.12rem 0 0.12rem;
187 184 
	height: 1.3rem;
188 185 
	background: #ffffff;
189 
	margin-top: 0.12rem;
186 
	/* margin-top: 0.12rem; */
190 187 
	border-radius: 0.02rem;
191 188 
	padding: 0.2rem 0.15rem;
192 189 
}
193 190
194 
.fci-search-result-list-item-name {
191 
.rxdz-search-result-list-item-name {
195 192 
	font-size: 0.15rem;
196 193 
	line-height: 0.15rem;
197 194 
	color: #2B2F33;
198 195 
	font-weight: 500;
199 196 
}
200 197
201 
.fci-search-result-list-item-tab {
198 
.rxdz-search-result-list-item-tab {
202 199 
	/* border: #000000 0.01rem solid; */
203 200 
	font-size: 0.13rem;
204 201 
	line-height: 0.25rem;

@ -206,16 +203,714 @@ input::-ms-input-placeholder {
206 203 
	margin: 0.11rem 0 0 0.15rem;
207 204 
}
208 205
209 
.fci-search-result-list-item-tab tr {
206 
.rxdz-search-result-list-item-tab tr {
210 207 
	height: 0.25rem;
211 208 
}
212 209
213 
.fci-search-result-list-item-tab .tab-left-item {
210 
.rxdz-search-result-list-item-tab .tab-left-item {
214 211 
	color: #8E9399;
215 212 
	text-align: right;
216 213 
}
217 214
218 
.fci-search-result-list-item-tab .tab-right-item>span {
215 
.rxdz-search-result-list-item-tab .tab-right-item>span {
219 216 
	color: #2B2F33;
220 217 
	margin-left: 0.125rem;
218 
}
219
220 
/* 产品分类 */
221 
.product-classify-text {
222 
	font-size: 0.13rem;
223 
	color: #8E9399;
224 
	font-weight: 400;
225 
	margin: 0.12rem 0.1rem 0.10rem;
226 
}
227
228 
.product-classify-main {
229 
	width: 100%;
230 
}
231
232 
.product-classify-list li {
233 
	background: #FFFFFF;
234 
}
235
236 
.product-classify-list li a {
237 
	display: flex;
238 
	flex-direction: column;
239 
	align-items: center;
240 
}
241
242 
.product-classify-item-icon {
243 
	width: 0.4rem;
244 
	height: 0.4rem;
245 
	margin-top: 0.175rem;
246 
	background: no-repeat;
247 
	background-size: 0.4rem 0.4rem;
248 
}
249
250 
.product-classify-list div.icon-ict {
251 
	background-image: url(../img/product/ict.png);
252 
}
253
254 
.product-classify-list div.icon-idc {
255 
	background-image: url(../img/product/idc.png);
256 
}
257
258 
.product-classify-list div.icon-mas {
259 
	background-image: url(../img/product/mask.png);
260 
}
261
262 
.product-classify-list div.icon-bdsx {
263 
	background-image: url(../img/product/bendi.png);
264 
}
265
266 
.product-classify-list div.icon-dsj {
267 
	background-image: url(../img/product/dashuju.png);
268 
}
269
270 
.product-classify-list div.icon-zhuanxian {
271 
	background-image: url(../img/product/zhuanxian.png);
272 
}
273
274 
.product-classify-list div.icon-wlw {
275 
	background-image: url(../img/product/wulianwang.png);
276 
}
277
278 
.product-classify-list div.icon-cloud {
279 
	background-image: url(../img/product/cloud.png);
280 
}
281
282 
.product-classify-list div.icon-other {
283 
	background-image: url(../img/product/other.png);
284 
}
285
286 
.product-classify-item-text {
287 
	margin: 0.315rem 0 0.05rem 0;
288 
	font-size: 0.16rem;
289 
	color: #2B2F33;
290 
	/* text-align: center; */
291 
	font-weight: 500;
292 
	line-height: 0.16rem;
293 
}
294
295 
/* 资费定制 */
296 
.zfdz-cplb-page {}
297
298 
.zfdz-cplb-title-warp {
299 
	background-image: linear-gradient(180deg, #3F94F8 0%, #457FFF 99%);
300 
	display: flex;
301 
	align-items: center;
302 
	justify-content: center;
303 
	height: 0.55rem;
304 
	position: relative;
305 
}
306
307 
.zfdz-cplb-title {
308 
	font-size: 0.15rem;
309 
	color: #FFFFFF;
310 
	font-weight: 500;
311 
	line-height: 0.15rem;
312 
}
313
314 
.zfdz-cplb-more {
315 
	background: url(../img/product/slide-left.png) no-repeat center;
316 
	width: 0.44rem;
317 
	height: 0.44rem;
318 
	background-size: 0.23rem 0.23rem;
319 
	position: absolute;
320 
	right: 0.03rem;
321 
	top: 0.055rem;
322 
}
323
324 
/* 资费产品列表 */
325 
.zfdz-product-list-warp {
326 
	width: 100%;
327 
	padding-top: 0.13rem;
328 
}
329
330 
.zfdz-product-list {
331 
	width: 100%;
332 
}
333
334 
.zfdz-product-list>li {
335 
	margin: 0 0.16rem 0.1rem 0.16rem;
336 
	display: flex;
337 
	align-items: center;
338 
	height: 0.5rem;
339 
	border: 1px solid #F0F2F5;
340 
	box-shadow: 0px 0px 8px 0px rgba(196, 200, 204, 0.4);
341 
}
342
343 
.zfdz-product-list-item-zfcp {
344 
	margin: 0 0.16rem 0.1rem 0.16rem;
345 
	display: flex;
346 
	align-items: center;
347 
	background: #EDF4FD;
348 
	height: 0.34rem;
349 
}
350
351 
.zfdz-product-list-warp .item-left {
352 
	padding: 0.1rem;
353 
}
354
355 
/* 默认未选中 */
356 
.zfdz-product-list-warp .item-left>span:nth-child(2) {
357 
	display: none;
358 
}
359
360 
/* 选中 */
361 
.zfdz-product-list-warp .item-checkbox-warp-active span:nth-child(1) {
362 
	display: none;
363 
}
364
365 
.zfdz-product-list-warp .item-checkbox-warp-active span:nth-child(2) {
366 
	display: block;
367 
}
368
369 
.zfdz-product-list-item-zfcp .item-center {
370 
	flex: 1;
371 
	font-size: 0.13rem;
372 
	color: #7A97B8;
373 
	font-weight: 400;
374 
}
375
376 
.zfdz-product-list-item-zfcp .item-right {
377 
	font-size: 0.13rem;
378 
	line-height: 0.34rem;
379 
	color: #7A97B8;
380 
	padding: 0 0.2rem;
381 
}
382
383 
.item-checkbox-active {
384 
	color: #ffffff;
385 
	border-radius: 0.02rem;
386 
	line-height: 0.12rem;
387 
	font-size: 0.12rem;
388 
	background: #3D7FFF;
389 
	margin: 0.02rem 0.02rem;
390 
}
391
392 
.zfdz-product-list .item-center {
393 
	flex: 1;
394 
	font-size: 0.14rem;
395 
	color: #2B2F33;
396 
	font-weight: 400;
397 
}
398
399 
.icon-checkbox-blank-outline {
400 
	font-size: 0.16rem;
401 
	color: #D7DBE0;
402 
	font-weight: 10;
403 
}
404
405 
.icon-checkbox-marked {
406 
	color: #3D7FFF;
407 
	font-size: 0.16rem;
408 
}
409
410 
.zfdz-product-list .item-right {
411 
	font-size: 0.13rem;
412 
	line-height: 0.5rem;
413 
	color: #237CFA;
414 
	font-weight: 400;
415 
	padding-right: 0.175rem;
416 
}
417
418 
.zfdz-cplb-bottom {
419 
	padding: 0.4rem;
420 
	display: flex;
421 
	justify-content: center;
422 
}
423
424 
.zfdz-cplb-btn {
425 
	width: 0.9rem;
426 
	height: 0.3rem;
427 
	font-size: 0.13rem;
428 
	font-weight: 400;
429 
}
430
431 
.zfdz-cplb-btn-reset {
432 
	background: #FFFFFF;
433 
	border-radius: 0.22rem;
434 
	color: #237CFA;
435 
	border: 0.01rem solid #237CFA;
436 
	margin-right: 0.1rem;
437 
}
438
439 
.zfdz-cplb-btn-cpbj {
440 
	border: none;
441 
	background-image: linear-gradient(182deg, #3FADF7 0%, #5082FA 100%);
442 
	box-shadow: 0 0.02rem 0.04rem 0rem rgba(0, 118, 255, 0.2);
443 
	border-radius: 0.22rem;
444 
	color: white;
445 
}
446
447 
.zfdz-cplb-tanchuang-bg {
448 
	width: 100%;
449 
	height: 100%;
450 
	background: rgba(0, 0, 0, 0.55);
451 
	position: absolute;
452 
	left: 100%;
453 
	top: 0;
454 
	transition: 300ms ease-out;
455
456 
}
457
458 
.zfdz-cplb-tanchuang-bg.active {
459 
	left: 0;
460 
}
461
462 
.zfdz-cplb-tanchuang-bg.active .zfdz-cplb-tanchuang {
463 
	display: flex;
464 
}
465
466 
.zfdz-cplb-tanchuang {
467 
	width: 2.16rem;
468 
	height: 100%;
469 
	background: #FFFFFF;
470 
	display: none;
471 
	/* margin: 0 0 0 1.59rem; */
472 
}
473
474
475 
.zfdz-cplb-tanchuang-title {
476 
	width: ;
477 
	font-size: 0.16rem;
478 
	color: #2B2F33;
479 
	font-weight: 500;
480 
	line-height: 0.16rem;
481 
	margin: 0.165rem 0 0.44rem 0;
482 
}
483
484 
.zfdz-cplb-tanchuang1-title {
485 
	padding-left: 0.4rem;
486
487 
}
488
489 
.zfdz-cplb-tanchuang2-title {
490 
	text-align: center;
491 
	/* margin: 0.165rem 0 0.44rem 0; */
492 
}
493
494 
.zfdz-cplb-tanchuang3-title {
495 
	text-align: center;
496 
	padding: 0 0.12rem;
497 
}
498
499 
.zfdz-cplb-tanchuang1-list-warp {
500 
	width: 100%;
501
502 
}
503
504 
.zfdz-cplb-tanchuang1-list {
505 
	width: 100%;
506 
}
507
508 
.zfdz-cplb-tanchuang1-list>li {
509 
	/* padding-left: 0.32rem; */
510 
	border-top: 0.01rem solid #E6E6E6;
511 
	border-bottom: 0.01rem solid #E6E6E6;
512 
	height: 0.5rem;
513 
	display: flex;
514 
}
515
516 
.zfdz-cplb-tanchuang1-list>li.active {
517 
	background: rgba(22, 119, 255, 0.10);
518 
	border-top: none;
519 
	border-bottom: none;
520 
}
521
522 
.zfdz-cplb-tanchuang1-list-item-text {
523 
	flex: 1;
524 
	font-size: 0.14rem;
525 
	color: #333333;
526 
	font-weight: 400;
527 
	line-height: 0.5rem;
528 
	overflow: hidden;
529 
}
530
531 
.zfdz-cplb-tanchuang1-list-item-border {
532 
	margin-right: 0.32rem;
533 
	height: 100%;
534 
	width: 0.08rem;
535 
}
536
537 
.zfdz-cplb-tanchuang1-list>li.active .zfdz-cplb-tanchuang1-list-item-border {
538 
	background: #1677FF;
539 
	color: #1677FF;
540 
}
541
542 
.zfdz-cplb-tanchuang1-list>li.active .zfdz-cplb-tanchuang1-list-item-text {
543 
	color: #1677FF;
544 
}
545
546 
.zfdz-cplb-tanchuang-btn-warp {
547 
	padding: 0.4rem 0;
548 
	display: flex;
549 
	justify-content: center;
550 
}
551
552 
.zfdz-cplb-tanchuang-btn {
553 
	width: 0.81rem;
554 
	height: 0.27rem;
555 
	border-radius: 1.98rem;
556 
	font-size: 0.12rem;
557 
	font-weight: 400;
558 
}
559
560 
.zfdz-cplb-tanchuang-btn-left {
561 
	background: #FFFFFF;
562 
	border: 0.01rem solid #C4C8CC;
563 
	color: #2B2F33;
564 
}
565
566 
.zfdz-cplb-tanchuang-btn-right {
567 
	box-shadow: 0px 2px 4px 0px rgba(0, 118, 255, 0.2);
568 
	background: #237CFA;
569 
	border: none;
570 
	color: #FFFFFF;
571 
	margin-left: 0.09rem;
572 
}
573
574 
.zfdz-cplb-tanchuang2-list-item {
575 
	padding: 0.1rem 0.2rem 0.22rem 0.2rem;
576 
}
577
578 
.zfdz-cplb-tanchuang2-list-item-title {
579 
	font-size: 0.13rem;
580 
	color: #2B2F33;
581 
	font-weight: 500;
582 
	line-height: 0.13rem;
583 
}
584
585 
.zfdz-cplb-tanchuang2-list-item-input-warp {
586 
	margin: 0.2rem 0 0 0.26rem;
587 
	width: auto;
588 
	border-bottom: 0.01rem solid #E2E3E5;
589 
}
590
591 
.zfdz-cplb-tanchuang2-list-item-input {
592 
	border: none;
593 
	outline: none;
594 
	display: block;
595 
	font-size: 0.14rem;
596 
	color: #2B2F33;
597 
	font-weight: 400;
598 
	text-align: right;
599 
	line-height: 0.24rem;
600 
}
601
602 
.zfdz-cplb-tanchuang2-list-item-input[disabled] {
603 
	background: none;
604 
}
605
606 
/* 产品报价 */
607 
.zfdz-cpbj-header {
608 
	padding: 0 0.16rem;
609 
	height: 0.44rem;
610 
}
611
612 
.zfdz-cpbj-header-text {
613 
	font-size: 0.18rem;
614 
	color: #333333;
615 
	font-weight: 600;
616 
	display: flex;
617 
}
618 
.zfdz-cpbj-header-more{
619 
	background: url(../img/product/more-01.png) no-repeat center;
620 
	background-size: 0.2rem;
621 
	height: 100%;
622 
	width: 0.2rem;
623 
}
624 
.zfdz-cpbj-list-warp,.zfdz-bjd-list-warp{
625 
	margin-top: 0.12rem;
626 
	width: 100%;
627 
}
628 
.zfdz-cpbj-list,.zfdz-bjd-list{
629 
	margin: 0 0.1rem;
630 
	width: auto;
631 
}
632 
.zfdz-cpbj-list>li,.zfdz-bjd-list>li{
633 
	width: 100%;
634 
	background: #ffffff;
635 
	box-shadow: 0 0.05rem 0.2rem 0 rgba(211,214,225,0.3);
636 
	border-radius: 0.05rem;
637 
	margin-bottom: 0.1rem;
638 
}
639 
.zfdz-cpbj-list-check-warp{
640 
	/* height: 100%; */
641 
	padding: 0 0.15rem;
642 
	margin-right: 0.1rem;
643 
}
644 
.zfdz-cpbj-list-item-right-title{
645 
	font-size: 0.15rem;
646 
	color: #000000;
647 
	font-weight: 400;
648 
	line-height: 0.15rem;
649 
	margin-top: 0.2rem;
650 
	font-family: SourceHanSansCN-Regular;
651 
}
652 
.zfdz-cpbj-list-item-right-num{
653 
	font-size: 0.12rem;
654 
	color: #999999;
655 
	line-height: 0.12rem;
656 
	font-weight: 200;
657 
	margin-top: 0.175rem;
658 
	font-family: SourceHanSansCN-Light;
659 
}
660
661 
.zfdz-cpbj-list-item-right-price1-warp{
662 
	display: none;
663 
	margin-top: 0.07rem;
664 
	align-items: baseline;
665 
	margin-right: 0.35rem;
666 
	align-items: baseline;
667 
}
668 
.zfdz-cpbj-list-item.discount .zfdz-cpbj-list-item-right-price1-warp{
669 
	display: flex;
670 
}
671 
.zfdz-cpbj-list-item-right-price2-warp{
672 
	align-items: baseline;
673 
	margin: 0.14rem 0.14rem 0.1rem 0.54rem;
674
675 
}
676 
.zfdz-cpbj-list-item-right-text1{
677 
	font-size: 0.12rem;
678 
	color: #2B2F33;
679 
	font-weight: 200;
680 
	line-height: 0.12rem;
681 
	font-family: SourceHanSansCN-Light;
682
683 
}
684 
.zfdz-cpbj-list-item-right-price1-warp {
685 
	margin-right: 0.12rem;
686 
}
687 
.zfdz-cpbj-list-item-right-text2{
688 
	font-size: 0.12rem;
689 
	color: #0062FF;
690 
	font-weight: 500;
691 
	width: 0.1rem;
692 
	line-height: 0.12rem;
693 
	font-family: SourceHanSansCN-Medium;
694 
}
695 
.zfdz-cpbj-list-item-right-text3{
696 
	font-size: 0.2rem;
697 
	color: #0062FF;
698 
	font-weight: 500;
699 
	line-height: 0.2rem;
700 
	font-family: SourceHanSansCN-Medium;
701 
}
702 
.zfdz-cpbj-list-item-cost-warp{
703 
	padding: 0 0.1rem;
704 
	border-radius: 0.04rem;
705 
	align-items: baseline;
706 
}
707 
.zfdz-cpbj-list-item.discount .zfdz-cpbj-list-item-cost-warp{
708 
	border: 0.01rem solid #61A3FF;
709 
}
710 
.zfdz-cpbj-list-item-cost-warp .zfdz-cpbj-list-item-right-text3{
711 
	line-height: 0.33rem
712 
}
713
714 
.zfdz-cpbj-list-item-right-discount-warp{
715 
	display: none;
716 
	margin-left: 0.05rem;
717 
	background: #F2F9FF;
718 
	border-radius: 0.02rem;
719 
	color: #237CFA;
720 
	font-weight: 400;
721 
	padding-left:0.04rem;
722 
	flex: 1;
723 
}
724 
.zfdz-cpbj-list-item.discount .zfdz-cpbj-list-item-right-discount-warp{
725 
	display: flex;
726 
	align-items: baseline;
727 
}
728 
.discount-text1{
729 
	font-size: 0.1rem;
730 
}
731 
.discount-text2{
732 
	font-size: 0.12rem;
733 
	line-height: 0.17rem;
734 
}
735 
.zfdz-cpbj-bottom,.zfdz-bjd-bottom{
736 
	align-items: baseline;
737 
	padding: 0.14rem 0.16rem 0.14rem 0.15rem;
738 
	background: #ffffff;
739 
}
740 
.zfdz-cpbj-checkbox{
741 
	font-size: 0.18rem;
742 
}
743 
.zfdz-cpbj-bottom-check-warp>div{
744 
	font-size: 0.12rem;
745 
	margin-left: 0.1rem;
746 
}
747 
.zfdz-cpbj-bottom-right{
748 
	align-items: baseline;
749 
}
750 
.zfdz-cpbj-bottom-select,.zfdz-bjd-bottom-select{
751 
	/* font-family: SourceHanSansCN-Regular; */
752 
	font-size: 0.12rem;
753 
	color: #B2B8BF;
754 
	line-height: 0.12rem;
755 
	/* line-height: 36px; */
756 
	font-weight: 400;
757
758 
}
759 
.zfdz-cpbj-bottom-price-all{
760 
	align-items: baseline;
761 
}
762 
.zfdz-cpbj-bottom-price-all>span:nth-child(1){
763 
	font-size: 0.12rem;
764 
	color: #2B2F33;
765 
	/* line-height: 36px; */
766 
	font-weight: 400;
767 
}
768 
.zfdz-cpbj-bottom-price-all>span:nth-child(2),.zfdz-cpbj-bottom-price-all>span:nth-child(3),.zfdz-cpbj-bottom-price-all>span:nth-child(4){
769 
	font-size: 0.15rem;
770 
	color: #0062FF;
771 
	font-weight: 500;
772 
}
773 
.zfdz-cpbj-bottom-price-all>span:nth-child(5){
774 
	font-size: 0.12rem;
775 
	color:  #0062FF;
776 
	/* line-height: 36px; */
777 
	font-weight: 500;
778 
}
779 
.zfdz-cpbj-bottom-btn{
780 
	border: none;
781 
	font-size: 0.14rem;
782 
	color: #FFFFFF;
783 
	font-weight: 400;
784 
	line-height: 0.36rem;
785 
	padding: 0 0.08rem;
786 
	background-image: linear-gradient(180deg, #70B6FF 0%, #3D7FFF 100%);
787 
	border-radius: 0.18rem;
788 
	margin-left: 0.14rem;
789 
}
790 
.zfdz-cpbj-check-warp>span:nth-child(1){
791 
	display: block;
792 
}
793 
.zfdz-cpbj-check-warp>span:nth-child(2){
794 
	display: none;
795 
}
796 
.zfdz-cpbj-check-warp.active>span:nth-child(1){
797 
	display: none;
798 
}
799 
.zfdz-cpbj-check-warp.active>span:nth-child(2){
800 
	display: block;
801 
}
802 
.zfpj-bjd-top{
803 
	font-size: 0.16rem;
804 
	color: #237CFA;
805 
	font-weight: 500;
806 
	padding-left: 0.56rem;
807 
	line-height: 0.5rem;
808 
	background: #F7FBFF url(../img/product/baojia.png) no-repeat 0.2rem 0.13rem ;
809 
	background-size: 0.22rem 0.23rem;
810 
}
811 
.zfdz-bjd-list>li{
812 
	padding: 0.12rem 0;
813 
}
814 
.zfdz-bjd-list-item-right-title{
815 
	font-size: 0.14rem;
816 
	color: #000000;
817 
	line-height: 0.22rem;
818 
	font-weight: 400;
819 
	margin-left: 0.225rem;
820
821 
}
822 
.zfdz-bjd-list-item-right-num{
823 
	font-size: 0.12rem;
824 
	color: #999999;
825 
	line-height: 0.12rem;
826 
	font-weight: 400;
827 
	margin: 0.08rem 0 0 0.325rem;
828 
}
829 
.zfdz-bjd-list-item-right-price1-warp{
830 
	align-items: baseline;
831 
	padding-right: 0.18rem;
832 
}
833 
.zfdz-bjd-list-item-right-price1-warp>span:nth-child(1){
834 
	font-size: 0.12rem;
835 
	color: #2B2F33;
836 
	font-weight: 400;
837 
	margin-left: 0.05rem;
838 
	line-height: 0.12rem;
839 
}
840 
.zfdz-bjd-list-item-right-price1-warp>span:nth-child(2){
841 
	font-size: 0.13rem;
842 
	color: #2B2F33;
843 
	font-weight: 500;
844 
	line-height: 0.13rem;
845
846 
}
847 
.zfdz-bjd-list-item-right-price1-warp>span:nth-child(3){
848 
	font-size: 0.18rem;
849 
	color: #2B2F33;
850 
	font-weight: 500;
851 
	line-height: 0.18rem;
852 
}
853 
.zfdz-bjd-list-item-right-price2-warp{
854 
	align-items: baseline;
855 
	margin-top: 0.2rem;
856 
	padding-right: 0.43rem;
857 
	margin-bottom: 0.16rem;
858 
}
859 
.zfdz-bjd-list>li.discount .zfdz-bjd-list-item-right-price2-warp {
860 
	margin-top: 0.18rem;
861 
	margin-bottom: 0;
862 
	padding-right: 0;
863 
}
864
865 
.zfdz-bjd-list-item-right-price2-warp>span:nth-child(1){
866 
	font-size: 0.13rem;
867 
	color: #2B2F33;
868 
	font-weight: 400;
869 
	line-height: 0.13rem;
870 
}
871 
.zfdz-bjd-list-item-cost-warp>span:nth-child(1){
872 
	font-size: 0.13rem;
873 
	color: #0062FF;
874 
	line-height: 0.18rem;
875 
	font-weight: 500;
876
877 
}
878 
.zfdz-bjd-list-item-cost-warp>span:nth-child(2){
879 
	font-size: 0.18rem;
880 
	color: #0062FF;
881 
	font-weight: 500;
882 
	margin-left: 0.05rem;
883 
	line-height: 0.18rem;
884 
}
885 
.zfdz-bjd-list-item-right-discount-warp{
886 
	background: #F2F9FF;
887 
	border-radius: 0.02rem;
888 
	font-size: 0.11rem;
889 
	color: #237CFA;
890 
	line-height: 0.17rem;
891 
	font-weight: 400;
892 
	padding: 0 0.08rem;
893 
}
894 
.zfdz-bjd-bottom{
895 
	padding: 0.14rem 0;
896
897 
}
898 
.zfdz-bjd-bottom-select{
899 
	margin-left: 0.16rem;
900 
}
901 
.zfdz-bjd-bottom-btn{
902 
	width: 0.9rem;
903 
	height: 0.36rem;
904 
	border-radius: 0.18rem;
905 
	border: none;
906 
	color: #ffffff;
907
908 
}
909 
.zfdz-bjd-bottom-btn-lh{
910 
	background-image: linear-gradient(180deg, #17DF9C 0%, #1CB790 100%);
911 
	margin-left: 0.13rem;
221 912 
}
913 
.zfdz-bjd-bottom-btn-xjsh{
914 
	margin-left: 0.1rem;
915 
	background-image: linear-gradient(180deg, #70B6FF 0%, #3D7FFF 100%);
916 
}

BIN
2019/bj-zqzt/biz/img/product/arrow-left.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/baojia.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/bendi.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/cloud.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/dashuju.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/ict.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/idc.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/input-delete.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/mask.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/more-01.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/more-02.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/other.png
Voir le fichier


2019/bj-zqzt/biz/img/fci-background.svg → 2019/bj-zqzt/biz/img/product/rxdz-background.svg
Voir le fichier


2019/bj-zqzt/biz/img/fci-more.png → 2019/bj-zqzt/biz/img/product/rxdz-more.png
Voir le fichier


2019/bj-zqzt/biz/img/fci-search.png → 2019/bj-zqzt/biz/img/product/rxdz-search.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/slide-left.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/wulianwang.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/product/zhuanxian.png
Voir le fichier


BIN
2019/bj-zqzt/biz/img/slide-left.png
Voir le fichier


+ 24 - 0
2019/bj-zqzt/biz/js/product-rxdz-search.js
Voir le fichier 

@ -0,0 +1,24 @@
1 
require(['jquery', 'ipuUI'], function ($,ipuUI) {
2
3
4 
	// 已立户未立户切换
5 
	$('.rxdz-search-nav-item-wlh').click(function(){
6 
		$(this).addClass('active')
7 
		$('.rxdz-search-nav-item-ylh').removeClass('active')
8 
		$('.rxdz-search-nav-item-angle-defu').addClass('rxdz-search-nav-item-angle-right');
9 
	})
10 
	$('.rxdz-search-nav-item-ylh').click(function(){
11 
		$(this).addClass('active')
12 
		$('.rxdz-search-nav-item-wlh').removeClass('active')
13 
		$('.rxdz-search-nav-item-angle-defu').removeClass('rxdz-search-nav-item-angle-right');
14 
	})
15 
	// 搜索框
16 
	$('.rxdz-search-input').keyup(function(){
17 
		$(this).val()!='' ? $('.rxdz-search-input-right').show() :$('.rxdz-search-input-right').hide()
18 
	})
19
20 
	$('.rxdz-search-input-right').click(function(){
21 
		$('.rxdz-search-input').val("")
22 
		$(this).hide()
23 
	})
24 
});

+ 0 - 0
2019/bj-zqzt/biz/js/product-zfdz-bjd.js
Voir le fichier


+ 4 - 0
2019/bj-zqzt/biz/js/product-zfdz-classify.js
Voir le fichier 

@ -0,0 +1,4 @@
1 
require(['jquery', 'ipuUI'], function ($,ipuUI) {
2
3
4 
});

+ 43 - 0
2019/bj-zqzt/biz/js/product-zfdz-cpbj.js
Voir le fichier 

@ -0,0 +1,43 @@
1 
require(['jquery', 'ipuUI'], function ($,ipuUI) {
2 
	//单选按钮
3 
	//改变选择数量 改变价格
4 
	$(".zfdz-cpbj-list-check-warp").on("click",function(){
5 
		if($(this).hasClass('active')){
6 
			$(this).removeClass('active').parent().removeClass('active');
7 
			countHanle()
8
9 
		}else{
10 
			$(this).addClass('active').parent().addClass('active');
11
12 
			countHanle()
13 
		}
14 
	})
15 
	//全选
16 
	//改变单选按钮 改变已选数量  改变价格
17 
	$('.zfdz-cpbj-bottom-check-warp').on('click',function(){
18 
		if($(this).hasClass('active')){
19 
			$('.zfdz-cpbj-check-warp').removeClass('active');
20 
			$('.zfdz-cpbj-list-check-warp').parent().removeClass('active');
21 
			countHanle()
22 
		}else{
23 
			$('.zfdz-cpbj-check-warp').addClass('active');
24 
			$('.zfdz-cpbj-list-check-warp').parent().addClass('active');
25 
			countHanle()
26 
		}
27 
	})
28 
	//计算总价
29 
	function countHanle(){
30 
		$(".zfdz-cpbj-bottom-select span").html($(".zfdz-cpbj-list-item.active").length);
31 
		var allPrice = 0;
32 
		$(".zfdz-cpbj-list-item.active .item-price").each(function(){
33 
			allPrice += parseFloat($(this).html());
34 
		})
35 
		if(allPrice%1!=0){
36 
			$(".zfdz-cpbj-bottom-price-all span").eq(2).html(parseInt(allPrice))
37 
			$(".zfdz-cpbj-bottom-price-all span").eq(4).html(parseInt((allPrice%1)*100))
38 
		}else{
39 
			$(".zfdz-cpbj-bottom-price-all span").eq(2).html(allPrice)
40 
			$(".zfdz-cpbj-bottom-price-all span").eq(4).html("00")
41 
		}
42 
	}
43 
});

+ 120 - 0
2019/bj-zqzt/biz/js/product-zfdz-cplb.js
Voir le fichier 

@ -0,0 +1,120 @@
1 
require(['jquery', 'ipuUI'], function ($,ipuUI) {
2 
	//弹窗
3 
	//点击其他地方不做处理
4 
	$(".zfdz-cplb-tanchuang").on("click",function(){
5 
		return false;
6 
	})
7 
	// 弹窗一
8 
	//当前页面
9 
	var nowPage = 0;
10 
	//当前选择页面
11 
	var nowSelect = 0;
12 
	$('.zfdz-cplb-more').click(function(){
13 
		// 点击滑动
14 
		$('.zfdz-cplb-tanchuang1-bg').addClass("active");
15 
	})
16 
	// 点击改变选项样式
17 
	$('.zfdz-cplb-tanchuang1-list>li').click(function(){
18
19 
		nowSelect = $(this).index()
20 
		$(this).addClass('active').siblings().removeClass('active')
21 
	})
22
23 
	// 点击弹窗背景
24 
	$('.zfdz-cplb-tanchuang1-bg').on("click",function(){
25 
		// 弹窗消失
26 
		$('.zfdz-cplb-tanchuang1-bg').removeClass("active");
27 
		//改变当前选择序号
28 
		nowSelect = nowPage;
29 
		//恢复选项样式
30 
		$('.zfdz-cplb-tanchuang1-list>li').eq(nowPage).addClass('active').siblings().removeClass('active')
31 
	})
32 
	// 点击弹窗取消按钮
33 
	$('.zfdz-cplb-tanchuang-btn-cancel').on("click",function(){
34 
		//改变当前选择序号
35 
		nowSelect = nowPage;
36 
		// 弹窗消失
37 
		$(".zfdz-cplb-tanchuang1-bg").removeClass("active")
38 
		//恢复选项样式
39 
		$('.zfdz-cplb-tanchuang1-list>li').eq(nowPage).addClass('active').siblings().removeClass('active')
40 
	})
41 
	//点击弹窗确认
42 
	$('.zfdz-cplb-tanchuang-btn-confirm').click(function(){
43 
		//改变当前页面序号
44 
		nowPage = nowSelect
45 
		//弹窗消失
46 
		$('.zfdz-cplb-tanchuang1-bg').removeClass("active")
47 
		//标题改变
48 
		$('.zfdz-cplb-title').html($(".zfdz-cplb-tanchuang1-list-item-text").eq(nowPage).html())
49 
		//内容改变
50
51 
	})
52
53 
	 //弹窗二 三
54 
	 //点击定制
55 
	$(".zfdz-product-list .item-right").on("click",function(){
56 
		//判断弹窗类型
57 
		if($(".zfdz-cplb-title-name").html() == "互联网专线产品"){
58 
			//弹窗2滑出
59 
			$('.zfdz-cplb-tanchuang2-bg').addClass('active')
60 
		}else{
61 
			//弹窗3滑出
62 
			$('.zfdz-cplb-tanchuang3-bg').addClass('active')
63 
		}
64 
	})
65 
	//点击弹窗二重置
66 
	$(".zfdz-cplb-tanchuang2-btn-reset").on("click",function(){
67 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(0).val("")
68 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(2).val("100")
69 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(3).val("")
70 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(4).val("")
71 
	})
72 
	//点击弹窗二保存定制
73 
	$(".zfdz-cplb-tanchuang2-btn-save").on("click",function(){
74 
		//清空
75 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(0).val("")
76 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(2).val("100")
77 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(3).val("")
78 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(4).val("")
79 
		//弹窗消失
80 
		$('.zfdz-cplb-tanchuang2-bg').removeClass('active')
81 
	})
82 
	//点击空白地方退出
83 
	$(".zfdz-cplb-tanchuang2-bg").on("click",function(){
84 
		$('.zfdz-cplb-tanchuang2-bg').removeClass('active')
85 
	})
86
87 
	//点击弹窗三重置
88 
	$(".zfdz-cplb-tanchuang3-btn-reset").on("click",function(){
89 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(0).val("133")
90 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(2).val("1")
91 
	})
92 
	//点击弹窗三 保存定制
93 
	$(".zfdz-cplb-tanchuang3-btn-save").on("click",function(){
94 
		//清空
95 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(0).val("133")
96 
		$('.zfdz-cplb-tanchuang2-list-item-input').eq(2).val("1")
97 
		//弹窗消失
98 
		$('.zfdz-cplb-tanchuang3-bg').removeClass('active')
99 
	})
100 
	//点击空白地方退出
101 
	$(".zfdz-cplb-tanchuang3-bg").on("click",function(){
102 
		$('.zfdz-cplb-tanchuang3-bg').removeClass('active')
103 
	})
104
105
106 
	//单选框样式改变
107 
	$('.zfdz-product-list-warp .item-left').on('click',function(){
108 
			 if($(this).parent().hasClass('active')){
109 
				 $(this).removeClass('item-checkbox-warp-active').parent().removeClass('active');
110 
			 }else{
111 
				 $(this).addClass('item-checkbox-warp-active').parent().addClass('active');
112 
			 }
113 
	})
114
115 
	//页面重置按钮
116 
	$(".zfdz-cplb-btn-reset").on("click",function(){
117
118 
	})
119
120 
	});

+ 0 - 22
2019/bj-zqzt/biz/js/rxdz-search.js
Voir le fichier 

@ -1,22 +0,0 @@
1 
require(['jquery'], function ($) {
2 
	// 已立户未立户切换
3 
	$('.fci-search-nav-item-wlh').click(function(){
4 
		$(this).addClass('active')
5 
		$('.fci-search-nav-item-ylh').removeClass('active')
6 
		$('.fci-search-nav-item-angle-defu').addClass('fci-search-nav-item-angle-right');
7 
	})
8 
	$('.fci-search-nav-item-ylh').click(function(){
9 
		$(this).addClass('active')
10 
		$('.fci-search-nav-item-wlh').removeClass('active')
11 
		$('.fci-search-nav-item-angle-defu').removeClass('fci-search-nav-item-angle-right');
12 
	})
13 
	// 搜索框
14 
	$('.fci-search-input').keyup(function(){
15 
		$(this).val()!='' ? $('.fci-search-input-right').show() :$('.fci-search-input-right').hide()
16 
	})
17
18 
	$('.fci-search-input-right').click(function(){
19 
		$('.fci-search-input').val("")
20 
		$(this).hide()
21 
	})
22 
});

+ 0 - 74
2019/bj-zqzt/flexible-customize-inquiry.html
Voir le fichier 

@ -1,74 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<title>柔性定制-查询</title>
6 
		<meta name="viewport"
7 
		      content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
8 
		<!-- 不识别页面上的数字为可拨打号码 -->
9 
		<meta content="telephone=no" name="format-detection"/>
10
11
12 
		<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
13 
		<link rel="stylesheet" type="text/css" href="biz/css/base.css">
14 
		<link rel="stylesheet" type="text/css" href="biz/css/base-common.css"/>
15 
		<link rel="stylesheet" href="biz/css/base-fzy.css" />
16
17 
		<link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
18 
		<script src="ipu/lib/requirejs/require.min.js"></script>
19 
		<script src="biz/js/require-config.js"></script>
20 
		<script src="biz/js/rxdz-search.js"></script>
21 
	</head>
22 
	<body>
23 
		<div class="fci-page .main-body-bg-grey">
24 
			<header class="fci-header">
25 
				<div class="fci-header-back"></div>
26 
				<div class="fci-header-text">柔性定制</div>
27 
				<div class="fci-header-back-more"></div>
28 
			</header>
29 
			<div class="fci-search-warp">
30 
				<div class="fci-search-nav">
31 
					<div class="fci-search-nav-item fci-search-nav-item-ylh active">已立户</div>
32 
					<div class="fci-search-nav-item-angle-defu "></div>
33 
					<div class="fci-search-nav-item fci-search-nav-item-wlh">未立户</div>
34 
				</div>
35 
				<div class="fci-search-input-warp">
36 
					<div class="fci-search-input-left"></div>
37 
					<input type="text" placeholder="输入CO编号进行查询" class="fci-search-input"/>
38 
					<div class="fci-search-input-right"></div>
39 
				</div>
40 
				<button class="fci-search-btn">搜索</button>
41 
			</div>
42 
			<div class="fci-search-result-wrap">
43 
				<ul class="fci-search-result-list">
44 
					<li class="fci-search-result-list-item">
45 
						<div class="fci-search-result-list-item-name">示例默认展示已立户名称</div>
46 
						<table class="fci-search-result-list-item-tab">
47 
							<tr>
48 
								<td class="tab-left-item">CO编号</td>
49 
								<td class="tab-right-item"><span>1000003849242</span></td>
50 
							</tr>
51 
							<tr>
52 
								<td class="tab-left-item">客户名称</td>
53 
								<td class="tab-right-item"><span>北京龙湖兴润置业</span></td>
54 
							</tr>
55 
						</table>
56 
					</li>
57 
					<li class="fci-search-result-list-item">
58 
						<div class="fci-search-result-list-item-name">示例默认展示已立户名称</div>
59 
						<table class="fci-search-result-list-item-tab">
60 
							<tr>
61 
								<td class="tab-left-item">CO编号</td>
62 
								<td class="tab-right-item"><span>1000003849242</span></td>
63 
							</tr>
64 
							<tr>
65 
								<td class="tab-left-item">客户名称</td>
66 
								<td class="tab-right-item"><span>北京龙湖兴润置业</span></td>
67 
							</tr>
68 
						</table>
69 
					</li>
70 
				</ul>
71 
			</div>
72 
		</div>
73 
	</body>
74 
</html>

+ 121 - 0
2019/bj-zqzt/product-rxdz-search.html
Voir le fichier 

@ -0,0 +1,121 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<title>产品-柔性定制-查询</title>
6 
		<meta name="viewport"
7 
			content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
8 
		<!-- 不识别页面上的数字为可拨打号码 -->
9 
		<meta content="telephone=no" name="format-detection" />
10
11 
		<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
12 
		<link rel="stylesheet" type="text/css" href="biz/css/base.css">
13
14 
		<script src="ipu/lib/requirejs/require.min.js"></script>
15 
		<script src="biz/js/require-config.js"></script>
16 
		<script src="biz/js/product-rxdz-search.js"></script>
17 
	</head>
18 
	<body class="main-body-bg-grey">
19 
		<div class="rxdz-page ipu-flex-row ipu-flex-vertical ">
20 
			<div class="ipu-flex-col">
21 
				<header class="rxdz-header">
22 
					<a href="javascript:history.back(-1);">
23 
						<div class="rxdz-header-back"></div>
24 
					</a>
25 
					<div class="rxdz-header-text">柔性定制</div>
26 
					<div class="rxdz-header-back-more"></div>
27 
				</header>
28 
				<div class="rxdz-search-warp">
29 
					<div class="rxdz-search-main">
30 
						<div class="rxdz-search-nav">
31 
							<div class="rxdz-search-nav-item rxdz-search-nav-item-ylh active">已立户</div>
32 
							<div class="rxdz-search-nav-item-angle-defu "></div>
33 
							<div class="rxdz-search-nav-item rxdz-search-nav-item-wlh">未立户</div>
34 
						</div>
35 
						<div style="width: 100%;">
36 
							<div class="rxdz-search-input-warp">
37 
							<div class="rxdz-search-input-left"></div>
38 
							<input type="text" placeholder="输入CO编号进行查询" class="rxdz-search-input" />
39 
							<div class="rxdz-search-input-right"></div>
40 
						</div>
41 
						</div>
42
43 
						<button class="rxdz-search-btn">搜索</button>
44 
					</div>
45 
				</div>
46 
			</div>
47 
			<div class="ipu-flex-col ipu-flex-col-auto">
48 
				<div class="rxdz-search-result-wrap">
49 
					<ul class="rxdz-search-result-list">
50 
						<li class="rxdz-search-result-list-item">
51 
							<div class="rxdz-search-result-list-item-name">示例默认展示已立户名称</div>
52 
							<table class="rxdz-search-result-list-item-tab">
53 
								<tr>
54 
									<td class="tab-left-item">CO编号</td>
55 
									<td class="tab-right-item"><span>1000003849242</span></td>
56 
								</tr>
57 
								<tr>
58 
									<td class="tab-left-item">客户名称</td>
59 
									<td class="tab-right-item"><span>北京龙湖兴润置业</span></td>
60 
								</tr>
61 
							</table>
62 
						</li>
63 
						<li class="rxdz-search-result-list-item">
64 
							<div class="rxdz-search-result-list-item-name">示例默认展示已立户名称</div>
65 
							<table class="rxdz-search-result-list-item-tab">
66 
								<tr>
67 
									<td class="tab-left-item">CO编号</td>
68 
									<td class="tab-right-item"><span>1000003849242</span></td>
69 
								</tr>
70 
								<tr>
71 
									<td class="tab-left-item">客户名称</td>
72 
									<td class="tab-right-item"><span>北京龙湖兴润置业</span></td>
73 
								</tr>
74 
							</table>
75 
						</li>
76 
						<li class="rxdz-search-result-list-item">
77 
							<div class="rxdz-search-result-list-item-name">示例默认展示已立户名称</div>
78 
							<table class="rxdz-search-result-list-item-tab">
79 
								<tr>
80 
									<td class="tab-left-item">CO编号</td>
81 
									<td class="tab-right-item"><span>1000003849242</span></td>
82 
								</tr>
83 
								<tr>
84 
									<td class="tab-left-item">客户名称</td>
85 
									<td class="tab-right-item"><span>北京龙湖兴润置业</span></td>
86 
								</tr>
87 
							</table>
88 
						</li>
89 
						<li class="rxdz-search-result-list-item">
90 
							<div class="rxdz-search-result-list-item-name">示例默认展示已立户名称</div>
91 
							<table class="rxdz-search-result-list-item-tab">
92 
								<tr>
93 
									<td class="tab-left-item">CO编号</td>
94 
									<td class="tab-right-item"><span>1000003849242</span></td>
95 
								</tr>
96 
								<tr>
97 
									<td class="tab-left-item">客户名称</td>
98 
									<td class="tab-right-item"><span>北京龙湖兴润置业</span></td>
99 
								</tr>
100 
							</table>
101 
						</li>
102 
						<li class="rxdz-search-result-list-item">
103 
							<div class="rxdz-search-result-list-item-name">示例默认展示已立户名称</div>
104 
							<table class="rxdz-search-result-list-item-tab">
105 
								<tr>
106 
									<td class="tab-left-item">CO编号</td>
107 
									<td class="tab-right-item"><span>1000003849242</span></td>
108 
								</tr>
109 
								<tr>
110 
									<td class="tab-left-item">客户名称</td>
111 
									<td class="tab-right-item"><span>北京龙湖兴润置业</span></td>
112 
								</tr>
113 
							</table>
114 
						</li>
115 
					</ul>
116 
				</div>
117
118 
			</div>
119 
		</div>
120 
	</body>
121 
</html>

+ 102 - 0
2019/bj-zqzt/product-zfdz-bjd.html
Voir le fichier 

@ -0,0 +1,102 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<title>产品-资费定制-报价单</title>
6 
		<meta name="viewport"
7 
			content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
8 
		<!-- 不识别页面上的数字为可拨打号码 -->
9 
		<meta content="telephone=no" name="format-detection" />
10
11 
		<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
12 
		<link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
13 
		<link rel="stylesheet" type="text/css" href="biz/css/base.css">
14
15 
		<script src="ipu/lib/requirejs/require.min.js"></script>
16 
		<script src="biz/js/require-config.js"></script>
17 
		<script src="biz/js/product-zfdz-bjd.js"></script>
18 
	</head>
19 
	<body  class="main-body-bg-grey">
20 
		<div class="ipu-flex-row ipu-flex-vertical zfdz-list-page">
21 
			<div class="ipu-flex-col">
22 
				<div class="ipu-toolbar">
23 
				  <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
24 
				    <div class="left-back"></div>
25 
				  </a>
26 
				  <h1 class="ipu-toolbar-title ipu-flex ipu-flex-align-center ipu-flex-justify-center">
27 
				    <div class="max-limit-title">资费报价</div>
28 
				  </h1>
29 
				</div>
30 
				<div class="zfpj-bjd-top">
31 
					已生成资费报价，请查看
32 
				</div>
33 
			</div>
34 
			<div class="ipu-flex-col ipu-flex-col-auto">
35 
				<div class="zfdz-bjd-list-warp">
36 
					<ul class="zfdz-bjd-list">
37 
						<li class="zfdz-bjd-list-item active ipu-flex discount">
38 
							<div class="zfdz-bjd-list-item-right ipu-flex-grow-1">
39 
								<div class="zfdz-bjd-list-item-right-title">企业宽带特批版上行50M下行50M套餐</div>
40 
								<div class="zfdz-bjd-list-item-right-num ">122030200081</div>
41 
								<div
42 
									class="zfdz-bjd-list-item-right-price1-warp ipu-flex ipu-flex-justify-end">
43 
									<span>目录价：</span>
44 
									<span>¥</span>
45 
									<span>357.00</span>
46 
								</div>
47 
								<div class="zfdz-bjd-list-item-right-price2-warp ipu-flex ipu-flex-justify-end">
48 
									<span>
49 
										费用：
50 
									</span>
51 
									<div
52 
										class="zfdz-bjd-list-item-cost-warp ipu-flex ipu-flex-align-center ipu-flex-justify-center">
53 
										<span>¥</span>
54 
										<span>287.00</span>
55 
									</div>
56 
									<div class="zfdz-bjd-list-item-right-discount-warp ipu-flex">
57 
										<span class="discount-text1">折扣¥70.00</span>
58 
										<!-- <span class="discount-text2"></span> -->
59 
										<!-- <span class="discount-text1"></span> -->
60 
									</div>
61 
								</div>
62 
							</div>
63 
						</li>
64 
						<li class="zfdz-bjd-list-item active ipu-flex">
65 
							<div class="zfdz-bjd-list-item-right ipu-flex-grow-1">
66 
								<div class="zfdz-bjd-list-item-right-title">企业宽带特批版上行50M下行100M套餐</div>
67 
								<div class="zfdz-bjd-list-item-right-num ">122030200081</div>
68 
								<div class="zfdz-bjd-list-item-right-price2-warp ipu-flex ipu-flex-justify-end">
69 
									<span>
70 
										金额：
71 
									</span>
72 
									<div
73 
										class="zfdz-bjd-list-item-cost-warp ipu-flex ipu-flex-align-center ipu-flex-justify-center">
74 
										<span class="zfdz-bjd-list-item-right-text2">¥</span>
75 
										<span class="zfdz-bjd-list-item-right-text3 item-price">357.10</span>
76 
									</div>
77 
								</div>
78 
							</div>
79 
						</li>
80 
					</ul>
81 
				</div>
82 
			</div>
83 
			<div class="ipu-flex-col">
84 
				<div class="zfdz-bjd-bottom ipu-flex ipu-flex-align-center">
85
86 
						<div class="zfdz-bjd-bottom-select">已选<span>2</span>件，</div>
87 
						<div class="zfdz-cpbj-bottom-price-all zfdz-bjd-bottom-price-all ipu-flex">
88 
							<span>合计：</span>
89 
							<span>¥</span>
90 
							<span>644</span>
91 
							<span>.</span>
92 
							<span>00</span>
93 
						</div>
94 
						<a href="product-zfdz-bjd.html"><button class="zfdz-bjd-bottom-btn-lh zfdz-bjd-bottom-btn">立户</button></a>
95 
						<a href="product-zfdz-bjd.html"><button class="zfdz-bjd-bottom-btn-xjsh zfdz-bjd-bottom-btn">新建商机</button></a>
96
97 
					</div>
98
99 
			</div>
100 
		</div>
101 
	</body>
102 
</html>

+ 92 - 0
2019/bj-zqzt/product-zfdz-classify.html
Voir le fichier 

@ -0,0 +1,92 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<title>产品分类</title>
6 
		<meta name="viewport"
7 
		      content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
8 
		<!-- 不识别页面上的数字为可拨打号码 -->
9 
		<meta content="telephone=no" name="format-detection"/>
10
11 
		<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
12 
		<link rel="stylesheet" type="text/css" href="biz/css/base.css">
13
14 
		<script src="ipu/lib/requirejs/require.min.js"></script>
15 
		<script src="biz/js/require-config.js"></script>
16 
		<script src="biz/js/product-zfdz-classify.js"></script>
17 
	</head>
18 
	<body class="main-body-bg-grey">
19 
		<div class="ipu-flex-row ipu-flex-vertical">
20 
			<div class="ipu-flex-col">
21 
			  <div class="ipu-toolbar">
22 
			    <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
23 
			      <div class="left-back"></div>
24 
			    </a>
25 
			    <h1 class="ipu-toolbar-title ipu-flex ipu-flex-align-center ipu-flex-justify-center">
26 
			      <div class="max-limit-title">产品分类</div>
27 
			    </h1>
28 
			  </div>
29 
			</div>
30 
			<div class="ipu-flex-col ipu-flex-col-auto">
31 
				<div class="product-classify-text">请选择产品9大类</div>
32 
				<div class="product-classify-main">
33 
					<ul class="ipu-grid-nine product-classify-list">
34 
						<li>
35 
							<a>
36 
								<div class="product-classify-item-icon icon-ict"></div>
37 
								<p class="product-classify-item-text">ICT</p>
38 
							</a>
39 
						</li>
40 
						<li>
41 
							<a>
42 
								<div class="product-classify-item-icon icon-idc"></div>
43 
								<p class="product-classify-item-text">IDC</p>
44 
							</a>
45 
						</li>
46 
						<li>
47 
							<a>
48 
								<div class="product-classify-item-icon icon-mas"></div>
49 
								<p class="product-classify-item-text">MAS</p>
50 
							</a>
51 
						</li>
52 
						<li>
53 
							<a>
54 
								<div class="product-classify-item-icon icon-bdsx"></div>
55 
								<p class="product-classify-item-text">本地三信</p>
56 
							</a>
57 
						</li>
58 
						<li>
59 
							<a>
60 
								<div class="product-classify-item-icon icon-dsj"></div>
61 
								<p class="product-classify-item-text">大数据</p>
62 
							</a>
63 
						</li>
64 
						<li>
65 
							<a>
66 
								<div class="product-classify-item-icon icon-zhuanxian"></div>
67 
								<p class="product-classify-item-text">专线</p>
68 
							</a>
69 
						</li>
70 
						<li>
71 
							<a>
72 
								<div class="product-classify-item-icon icon-wlw"></div>
73 
								<p class="product-classify-item-text">物联网</p>
74 
							</a>
75 
						</li>
76 
						<li>
77 
							<a>
78 
								<div class="product-classify-item-icon icon-cloud"></div>
79 
								<p class="product-classify-item-text">云</p>
80 
							</a>
81 
						</li>
82 
						<li>
83 
							<a>
84 
								<div class="product-classify-item-icon icon-other"></div>
85 
								<p class="product-classify-item-text">其他</p>
86 
							</a>
87 
						</li>
88 
					</ul>
89 
			</div>
90 
		</div>
91 
	</body>
92 
</html>

+ 107 - 0
2019/bj-zqzt/product-zfdz-cpbj.html
Voir le fichier 

@ -0,0 +1,107 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<title>产品-资费定制-产品报价</title>
6 
		<meta name="viewport"
7 
			content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
8 
		<!-- 不识别页面上的数字为可拨打号码 -->
9 
		<meta content="telephone=no" name="format-detection" />
10
11 
		<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
12 
		<link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
13 
		<link rel="stylesheet" type="text/css" href="biz/css/base.css">
14
15 
		<script src="ipu/lib/requirejs/require.min.js"></script>
16 
		<script src="biz/js/require-config.js"></script>
17 
		<script src="biz/js/product-zfdz-cpbj.js"></script>
18 
	</head>
19 
	<body class="main-body-bg-grey">
20 
		<div class="ipu-flex-row ipu-flex-vertical zfdz-list-page">
21 
			<div class="ipu-flex-col">
22 
				<div class="zfdz-cpbj-header ipu-flex-row ipu-flex-align-center">
23 
					<div class="zfdz-cpbj-header-text ipu-flex-col">产品报价</div>
24 
					<div class="ipu-flex-col-auto"></div>
25 
					<div class="zfdz-cpbj-header-more ipu-flex-col "></div>
26 
				</div>
27 
			</div>
28 
			<div class="ipu-flex-col ipu-flex-col-auto">
29 
				<div class="zfdz-cpbj-list-warp">
30 
					<ul class="zfdz-cpbj-list">
31 
						<li class="zfdz-cpbj-list-item active ipu-flex discount active">
32 
							<div class="zfdz-cpbj-list-check-warp zfdz-cpbj-check-warp ipu-flex ipu-flex-align-center active">
33 
								<span class="iconfont-material icon-checkbox-blank-outline zfdz-cpbj-checkbox"></span>
34 
								<span class="iconfont-material icon-checkbox-marked zfdz-cpbj-checkbox"></span>
35 
							</div>
36 
							<div class="zfdz-cpbj-list-item-right ipu-flex-grow-1">
37 
								<div class="zfdz-cpbj-list-item-right-title">企业宽带特批版上行50M下行50M套餐</div>
38 
								<div class="zfdz-cpbj-list-item-right-num ">122030200081</div>
39 
								<div
40 
									class="zfdz-cpbj-list-item-right-price1-warp ipu-flex ipu-flex-align-end ipu-flex-justify-end">
41 
									<span class="zfdz-cpbj-list-item-right-text1">目录价：</span>
42 
									<span class="zfdz-cpbj-list-item-right-text2">¥</span>
43 
									<span class="zfdz-cpbj-list-item-right-text3">357.00</span>
44 
								</div>
45 
								<div class="zfdz-cpbj-list-item-right-price2-warp ipu-flex ipu-flex-align-end">
46 
									<div class="zfdz-cpbj-list-item-right-text1">
47 
										费用：
48 
									</div>
49 
									<div
50 
										class="zfdz-cpbj-list-item-cost-warp ipu-flex ipu-flex-align-center ipu-flex-justify-center">
51 
										<span class="zfdz-cpbj-list-item-right-text2">¥</span>
52 
										<span class="zfdz-cpbj-list-item-right-text3 item-price">287.00</span>
53 
									</div>
54 
									<div class="zfdz-cpbj-list-item-right-discount-warp ipu-flex">
55 
										<span class="discount-text1">折扣</span>
56 
										<span class="discount-text2">¥70.</span>
57 
										<span class="discount-text1">00</span>
58 
									</div>
59 
								</div>
60 
							</div>
61 
						</li>
62 
						<li class="zfdz-cpbj-list-item active ipu-flex active">
63 
							<div class="zfdz-cpbj-list-check-warp zfdz-cpbj-check-warp ipu-flex ipu-flex-align-center active">
64 
								<span class="iconfont-material icon-checkbox-blank-outline zfdz-cpbj-checkbox"></span>
65 
								<span class="iconfont-material icon-checkbox-marked zfdz-cpbj-checkbox"></span>
66 
							</div>
67 
							<div class="zfdz-cpbj-list-item-right ipu-flex-grow-1">
68 
								<div class="zfdz-cpbj-list-item-right-title">企业宽带特批版上行50M下行100M套餐</div>
69 
								<div class="zfdz-cpbj-list-item-right-num ">122030200081</div>
70 
								<div class="zfdz-cpbj-list-item-right-price2-warp ipu-flex ipu-flex-align-end">
71 
									<div class="zfdz-cpbj-list-item-right-text1">
72 
										金额：
73 
									</div>
74 
									<div
75 
										class="zfdz-cpbj-list-item-cost-warp ipu-flex ipu-flex-align-center ipu-flex-justify-center">
76 
										<span class="zfdz-cpbj-list-item-right-text2">¥</span>
77 
										<span class="zfdz-cpbj-list-item-right-text3 item-price">357.10</span>
78 
									</div>
79 
								</div>
80 
							</div>
81 
						</li>
82 
					</ul>
83 
				</div>
84 
			</div>
85 
			<div class="ipu-flex-col">
86 
				<div class="zfdz-cpbj-bottom ipu-flex ipu-flex-align-center ipu-flex-justify-space">
87 
					<div class="zfdz-cpbj-bottom-check-warp zfdz-cpbj-check-warp ipu-flex ipu-flex-align-center active">
88 
						<span class="iconfont-material icon-checkbox-blank-outline zfdz-cpbj-checkbox"></span>
89 
						<span class="iconfont-material icon-checkbox-marked zfdz-cpbj-checkbox"></span>
90 
						<div>全选</div>
91 
					</div>
92 
					<div class="zfdz-cpbj-bottom-right ipu-flex">
93 
						<div class="zfdz-cpbj-bottom-select">已选<span>2</span>件，</div>
94 
						<div class="zfdz-cpbj-bottom-price-all ipu-flex">
95 
							<span>合计：</span>
96 
							<span>¥</span>
97 
							<span>644</span>
98 
							<span>.</span>
99 
							<span>00</span>
100 
						</div>
101 
					<a href="product-zfdz-bjd.html"><button class="zfdz-cpbj-bottom-btn">生成资费报价</button></a>
102 
					</div>
103 
				</div>
104 
			</div>
105 
		</div>
106 
	</body>
107 
</html>

+ 331 - 0
2019/bj-zqzt/product-zfdz-cplb.html
Voir le fichier 

@ -0,0 +1,331 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<title>产品-资费定制-产品列表</title>
6 
		<meta name="viewport"
7 
			content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
8 
		<!-- 不识别页面上的数字为可拨打号码 -->
9 
		<meta content="telephone=no" name="format-detection" />
10
11 
		<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
12 
		<link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
13 
		<link rel="stylesheet" type="text/css" href="biz/css/base.css">
14
15 
		<script src="ipu/lib/requirejs/require.min.js"></script>
16 
		<script src="biz/js/require-config.js"></script>
17 
		<script src="biz/js/product-zfdz-cplb.js"></script>
18 
	</head>
19 
	<body style="position: relative;overflow: hidden;">
20 
		<div class="ipu-flex-row ipu-flex-vertical zfdz-cplb-page">
21 
			<div class="ipu-flex-col">
22 
				<div class="ipu-toolbar">
23 
					<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);"
24 
						id="back">
25 
						<div class="left-back"></div>
26 
					</a>
27 
					<h1 class="ipu-toolbar-title ipu-flex ipu-flex-align-center ipu-flex-justify-center">
28 
						<div class="max-limit-title">产品列表</div>
29 
					</h1>
30 
				</div>
31 
				<div class="zfdz-cplb-title-warp">
32 
					<div class="zfdz-cplb-title">
33 
						<span class="zfdz-cplb-title-name">企业宽带业务</span>
34 
						<span class="zfdz-cplb-title-number">(7)</span>
35 
					</div>
36 
					<span class="zfdz-cplb-more"></span>
37 
				</div>
38
39 
			</div>
40 
			<div class="ipu-flex-col ipu-flex-col-auto">
41 
				<div class="zfdz-product-list-warp">
42 
					<div class="zfdz-product-list-item-zfcp zfdz-product-list-item-active active" >
43 
						<div class="item-left item-checkbox-warp-active">
44 
							<span class="iconfont-material icon-checkbox-blank-outline"></span>
45 
							<span class="iconfont-material icon-minus item-checkbox-active"></span>
46 
						</div>
47 
						<div class="item-center">资费产品</div>
48 
						<div class="item-right">操作</div>
49 
					</div>
50 
					<ul class="zfdz-product-list">
51 
						<li>
52 
							<div class="item-left">
53 
								<span class="iconfont-material icon-checkbox-blank-outline"></span>
54 
								<span class="iconfont-material icon-checkbox-marked "></span>
55 
							</div>
56 
							<div class="item-center">企业宽带特批版上行50M下行50M套餐</div>
57 
							<div class="item-right">定制</div>
58 
						</li>
59 
						<li>
60 
							<div class="item-left">
61 
								<span class="iconfont-material icon-checkbox-blank-outline"></span>
62 
								<span class="iconfont-material icon-checkbox-marked "></span>
63 
							</div>
64 
							<div class="item-center">企业宽带特批版上行50M下行100M套餐</div>
65 
							<div class="item-right">定制</div>
66 
						</li>
67 
						<li>
68 
							<div class="item-left">
69 
								<span class="iconfont-material icon-checkbox-blank-outline"></span>
70 
								<span class="iconfont-material icon-checkbox-marked "></span>
71 
							</div>
72 
							<div class="item-center">企业宽带特批版上行100M下行200M套餐</div>
73 
							<div class="item-right">定制</div>
74 
						</li>
75 
						<li >
76 
							<div class="item-left">
77 
								<span class="iconfont-material icon-checkbox-blank-outline"></span>
78 
								<span class="iconfont-material icon-checkbox-marked "></span>
79 
							</div>
80 
							<div class="item-center">企业电视-OTT功能费年包</div>
81 
							<div class="item-right">定制</div>
82 
						</li>
83
84 
						<li >
85 
							<div class="item-left">
86 
								<span class="iconfont-material icon-checkbox-blank-outline"></span>
87 
								<span class="iconfont-material icon-checkbox-marked "></span>
88 
							</div>
89 
							<div class="item-center">企业电视-OTT功能费2年包</div>
90 
							<div class="item-right">定制</div>
91 
						</li>
92 
						<li>
93 
							<div class="item-left">
94 
								<span class="iconfont-material icon-checkbox-blank-outline"></span>
95 
								<span class="iconfont-material icon-checkbox-marked "></span>
96 
							</div>
97 
							<div class="item-center">企业电视-OTT功能费3年包</div>
98 
							<div class="item-right">定制</div>
99 
						</li>
100 
						<li>
101 
							<div class="item-left">
102 
								<span class="iconfont-material icon-checkbox-blank-outline"></span>
103 
								<span class="iconfont-material icon-checkbox-marked "></span>
104 
							</div>
105 
							<div class="item-center">企业电视-OTT功能费4年包</div>
106 
							<div class="item-right">定制</div>
107 
						</li>
108
109
110 
					</ul>
111 
				</div>
112 
			</div>
113 
			<div class="ipu-flex-col">
114 
				<div class="zfdz-cplb-bottom">
115 
					<button class="zfdz-cplb-btn-reset zfdz-cplb-btn">重置</button>
116 
					<a href="product-zfdz-cpbj.html">
117 
						<button class="zfdz-cplb-btn-cpbj zfdz-cplb-btn">产品报价</button>
118 
					</a>
119 
				</div>
120 
			</div>
121
122 
		</div>
123 
		<!-- 弹窗1 -->
124 
		<div class="zfdz-cplb-tanchuang-bg zfdz-cplb-tanchuang1-bg">
125 
			<div class="ipu-flex-row ipu-flex-col">
126 
				<div class="ipu-flex-col-auto"></div>
127 
				<div class=" zfdz-cplb-tanchuang ipu-flex-row ipu-flex-vertical zfdz-cplb-tanchuang1">
128 
					<div class="ipu-flex-col">
129 
						<div class="zfdz-cplb-tanchuang1-title zfdz-cplb-tanchuang-title">产品策划</div>
130 
					</div>
131 
					<div class="ipu-flex-col ipu-flex-col-auto">
132 
						<div class="zfdz-cplb-tanchuang1-list-warp">
133 
							<ul class="zfdz-cplb-tanchuang1-list">
134 
								<li class="active">
135 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
136 
									<div class="zfdz-cplb-tanchuang1-list-item-text">
137 
										<span class="zfdz-cplb-title-name">企业宽带业务</span>
138 
										<span class="zfdz-cplb-title-number">(7)</span>
139 
									</div>
140 
								</li>
141 
								<li>
142 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
143 
									<span class="zfdz-cplb-tanchuang1-list-item-text">企业宽带业务（5）</span>
144 
								</li>
145 
								<li>
146 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
147 
									<div class="zfdz-cplb-tanchuang1-list-item-text">
148 
										<span class="zfdz-cplb-title-name">互联网专线产品</span>
149 
										<span class="zfdz-cplb-title-number">(2)</span>
150 
									</div>
151 
								</li>
152 
								<li>
153 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
154 
									<div class="zfdz-cplb-tanchuang1-list-item-text">示例默认展示产品策划示例默认展示产品策划</div>
155 
								</li>
156 
								<li>
157 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
158 
									<div class="zfdz-cplb-tanchuang1-list-item-text">示例默认展示产品策划</div>
159 
								</li>
160 
								<li>
161 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
162 
									<div class="zfdz-cplb-tanchuang1-list-item-text">示例默认展示产品策划</div>
163 
								</li>
164 
								<li>
165 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
166 
									<div class="zfdz-cplb-tanchuang1-list-item-text">示例默认展示产品策划</div>
167 
								</li>
168 
								<li>
169 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
170 
									<div class="zfdz-cplb-tanchuang1-list-item-text">示例默认展示产品策划</div>
171 
								</li>
172 
								<li>
173 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
174 
									<div class="zfdz-cplb-tanchuang1-list-item-text">示例默认展示产品策划</div>
175 
								</li>
176 
								<li>
177 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
178 
									<div class="zfdz-cplb-tanchuang1-list-item-text">示例默认展示产品策划</div>
179 
								</li>
180 
								<li>
181 
									<div class="zfdz-cplb-tanchuang1-list-item-border"></div>
182 
									<div class="zfdz-cplb-tanchuang1-list-item-text">示例默认展示产品策划</div>
183 
								</li>
184
185 
							</ul>
186 
						</div>
187 
					</div>
188 
					<div class="ipu-flex-col">
189 
						<div class="zfdz-cplb-tanchuang-btn-warp">
190 
							<button
191 
								class="zfdz-cplb-tanchuang-btn-left zfdz-cplb-tanchuang-btn zfdz-cplb-tanchuang-btn-cancel">取消</button>
192 
							<button
193 
								class="zfdz-cplb-tanchuang-btn-right zfdz-cplb-tanchuang-btn zfdz-cplb-tanchuang-btn-confirm">确认</button>
194 
						</div>
195 
					</div>
196 
				</div>
197 
			</div>
198
199
200 
		</div>
201 
		<!-- 弹窗2 -->
202 
		<div class="zfdz-cplb-tanchuang-bg zfdz-cplb-tanchuang2-bg">
203 
			<div class="ipu-flex-row ipu-flex-col">
204 
				<div class="ipu-flex-col-auto"></div>
205 
				<div class=" zfdz-cplb-tanchuang ipu-flex-row ipu-flex-vertical">
206 
					<div class="ipu-flex-col">
207 
						<div class="zfdz-cplb-tanchuang2-title zfdz-cplb-tanchuang-title">产品定制—互联网专线产品</div>
208 
					</div>
209 
					<div class="ipu-flex-col ipu-flex-col-auto">
210 
						<div class="zfdz-cplb-tanchuang2-list-warp">
211 
							<ul class="zfdz-cplb-tanchuang2-list">
212 
								<li class="zfdz-cplb-tanchuang2-list-item">
213 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
214 
										带宽（单位M，1G=1000M）
215 
									</div>
216 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
217 
										<input type="text" placeholder="请输入"
218 
											class="zfdz-cplb-tanchuang2-list-item-input" />
219 
									</div>
220 
								</li>
221 
								<li class="zfdz-cplb-tanchuang2-list-item">
222 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
223 
										带宽目录价
224 
									</div>
225 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
226 
										<input type="text" value="自动计算" class="zfdz-cplb-tanchuang2-list-item-input"
227 
											disabled="true" />
228 
									</div>
229 
								</li>
230 
								<li class="zfdz-cplb-tanchuang2-list-item">
231 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
232 
										带宽折扣
233 
									</div>
234 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
235 
										<input type="text" value="100" class="zfdz-cplb-tanchuang2-list-item-input" />
236 
									</div>
237 
								</li>
238 
								<li class="zfdz-cplb-tanchuang2-list-item">
239 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
240 
										订购IPv4费用(元/月)［P］
241 
									</div>
242 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
243 
										<input type="text" class="zfdz-cplb-tanchuang2-list-item-input"
244 
											placeholder="请输入" />
245 
									</div>
246 
								</li>
247 
								<li class="zfdz-cplb-tanchuang2-list-item">
248 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
249 
										订购IPv6费用(元/月)［P1］
250 
									</div>
251 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
252 
										<input type="text" class="zfdz-cplb-tanchuang2-list-item-input"
253 
											placeholder="请输入" />
254 
									</div>
255 
								</li>
256 
								<li class="zfdz-cplb-tanchuang2-list-item">
257 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
258 
										总费用［=M*D+P+P1］
259 
									</div>
260 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
261 
										<input type="text" value="自动计算" class="zfdz-cplb-tanchuang2-list-item-input"
262 
											placeholder="请输入" disabled="true" />
263 
									</div>
264 
								</li>
265 
							</ul>
266 
						</div>
267 
					</div>
268 
					<div class="ipu-flex-col">
269 
						<div class="zfdz-cplb-tanchuang-btn-warp">
270 
							<button class="zfdz-cplb-tanchuang-btn-left zfdz-cplb-tanchuang-btn zfdz-cplb-tanchuang2-btn-reset">重置</button>
271 
							<button class="zfdz-cplb-tanchuang-btn-right zfdz-cplb-tanchuang-btn zfdz-cplb-tanchuang2-btn-save">保存定制</button>
272 
						</div>
273 
					</div>
274 
				</div>
275
276 
			</div>
277 
		</div>
278 
		<!-- 弹窗3 -->
279 
		<div class="zfdz-cplb-tanchuang-bg zfdz-cplb-tanchuang3-bg">
280 
			<div class="ipu-flex-row ipu-flex-col">
281 
				<div class="ipu-flex-col-auto"></div>
282 
				<div class=" zfdz-cplb-tanchuang ipu-flex-row ipu-flex-vertical">
283 
					<div class="ipu-flex-col">
284 
						<div class="zfdz-cplb-tanchuang3-title zfdz-cplb-tanchuang-title">产品定制-企业宽带特批版上行50M下行50M套餐</div>
285 
					</div>
286 
					<div class="ipu-flex-col ipu-flex-col-auto">
287 
						<div class="zfdz-cplb-tanchuang2-list-warp">
288 
							<ul class="zfdz-cplb-tanchuang2-list">
289 
								<li class="zfdz-cplb-tanchuang2-list-item">
290 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
291 
										总费用
292 
									</div>
293 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
294 
										<input type="text" value="133" class="zfdz-cplb-tanchuang2-list-item-input" />
295 
									</div>
296 
								</li>
297 
								<li class="zfdz-cplb-tanchuang2-list-item">
298 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
299 
										折扣
300 
									</div>
301 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
302 
										<input type="text" value="自动计算" class="zfdz-cplb-tanchuang2-list-item-input"
303 
											disabled="true" />
304 
									</div>
305 
								</li>
306 
								<li class="zfdz-cplb-tanchuang2-list-item">
307 
									<div class="zfdz-cplb-tanchuang2-list-item-title">
308 
										折后资费
309 
									</div>
310 
									<div class="zfdz-cplb-tanchuang2-list-item-input-warp">
311 
										<input type="text" class="zfdz-cplb-tanchuang2-list-item-input"
312 
											placeholder="请输入" />
313 
									</div>
314 
								</li>
315
316 
							</ul>
317 
						</div>
318 
					</div>
319 
					<div class="ipu-flex-col">
320 
						<div class="zfdz-cplb-tanchuang-btn-warp">
321 
							<button class="zfdz-cplb-tanchuang-btn-left zfdz-cplb-tanchuang-btn zfdz-cplb-tanchuang3-btn-reset">重置</button>
322 
							<button class="zfdz-cplb-tanchuang-btn-right zfdz-cplb-tanchuang-btn zfdz-cplb-tanchuang3-btn-save">保存定制</button>
323 
						</div>
324 
					</div>
325 
				</div>
326
327 
			</div>
328
329 
		</div>
330 
	</body>
331 
</html>