首页 探索 帮助
登录
asiainfo
/
static
关注 2
点赞 0
派生 0
代码 工单管理 0 合并请求 0 提交历史 1682 版本发布 4 Wiki
浏览代码

Merge branch 'static-static' of http://10.1.235.20:3000/core/static into static-static

guohh 5 年之前
父节点
ef96f53226 44b00f419a
当前提交
f1621a301e
共有 3 个文件被更改，包括 348 次插入 和 215 次删除
合并视图 显示文件统计
  1. 51 8
      2019/bj-zqzt/biz/css/base.css
  2. 17 0
      2019/bj-zqzt/biz/js/sj-basic-edit.js
  3. 280 207
      2019/bj-zqzt/sj-basic-edit.html

+ 51 - 8
2019/bj-zqzt/biz/css/base.css
查看文件

1111 
  margin-right: .06rem;
 1111 
  margin-right: .06rem;
1112 
  display:none;
 1112 
  display:none;
1113 
}
 1113 
}
1114 
.check-icon{
1115 
  width: .25rem;
1116 
  height: .25rem;
1117 
  background: url("../img/right.png") center center no-repeat;
1118 
  background-size:contain;
1119 
  margin-right: .06rem;
1120 
  display:none;
1121 
}
1122 
.search-item.active .check-icon{
 1114 
.search-item.active .check-icon{
1123 
  display:block;
 1115 
  display:block;
1124 
}
 1116 
}
7007 
  line-height: .2rem;
 6999 
  line-height: .2rem;
7008 
  margin-top:.05rem;
 7000 
  margin-top:.05rem;
7009 
}
 7001 
}
7002 
.product-select .c-poppage-head {
7003 
  border-bottom-width: 0;
7004 
}
7005 
.product-select .normal-tab-head {
7006 
  padding-left:.65rem;
7007 
  padding-right:.65rem;
7008 
}
7009 
.product-select .normal-tab-head ul {
7010 
  display: flex;
7011 
  justify-content: space-between;
7012 
}
7013 
.product-select .normal-tab-head ul li {
7014 
  padding: .01rem .1rem .2rem;
7015 
}
7016 
.product-select .normal-tab-head ul li.active:after {
7017 
  content: "";
7018 
  height: .025rem;
7019 
  width: .24rem;
7020 
  position: absolute;
7021 
  background-color: rgba(63,147,248,1);
7022 
  bottom: 20%;
7023 
  left: 50%;
7024 
  margin-left: -.12rem;
7025 
}
7026 
.product-select .select-search-area {
7027 
  padding: .16rem .12rem;
7028 
  border-bottom: 1px solid rgba(230, 233, 237, 1);
7029 
}
7030 
.product-search-item{
7031 
  font-size: .14rem;
7032 
  font-weight:400;
7033 
  line-height: .18rem;
7034 
  color: #2B2F33;
7035 
  padding:.17rem .18rem;
7036 
  border-bottom: 1px solid rgba(230, 233, 237, 1);
7037 
  background-color: #FFFFFF;
7038 
}
7039 
.check-flag{
7040 
  width: .14rem;
7041 
  height: .14rem;
7042 
  background: url("../img/right.png") center center no-repeat;
7043 
  background-size:contain;
7044 
  margin-left: .06rem;
7045 
  display:none;
7046 
}
7047 
.product-search-item.active .check-flag{
7048 
  display:block;
7049 
}
7050 
.product-search-item.active{
7051 
  color: #3F93F8;
7052 
}

+ 17 - 0
2019/bj-zqzt/biz/js/sj-basic-edit.js
查看文件

102 
      $(this).toggleClass("active");
 102 
      $(this).toggleClass("active");
103 
    });
 103 
    });
104
104
105 
    // tab项切换
106 
    $(".product-select").on("click", ".normal-tab-head>ul>li", function () {
107 
      $(this).addClass("active").siblings(".active").removeClass("active");
108 
      var index = $(this).index(".normal-tab-head li");
109 
      $(".normal-tab-body>ul>li.normal-tab-item:eq(" + index + ")").addClass("active").siblings(".active").removeClass("active");
110 
    });
111
112 
    // 产品搜索
113 
    $(".common-select-search-btn").click(function(){
114
115 
    });
116
117 
    // 搜索产品选择
118 
    $(".product-search-result").on("click", ".product-search-item", function () {
119 
      $(this).toggleClass("active").siblings(".active").removeClass("active");
120 
    });
121
105 
  });
 122 
  });
106 
});
 123 
});

+ 280 - 207
2019/bj-zqzt/sj-basic-edit.html
查看文件

382 
  </div>
 382 
  </div>
383
383
384 
  <!-- 单选例子添加classname common-poppage-single -->
 384 
  <!-- 单选例子添加classname common-poppage-single -->
385 
  <div class="common-poppage  common-poppage-ver common-poppage-pd common-poppage-single common-poppage-2">
385 
  <div class="common-poppage  common-poppage-ver common-poppage-pd common-poppage-single common-poppage-2 product-select">
386 
    <div class="ipu-flex-row ipu-flex-vertical popage-content-warp">
 386 
    <div class="ipu-flex-row ipu-flex-vertical popage-content-warp">
387 
      <div class="ipu-flex-col">
 387 
      <div class="ipu-flex-col">
388 
        <div class="c-poppage-head">
 388 
        <div class="c-poppage-head">
391 
        </div>
 391 
        </div>
392 
      </div>
 392 
      </div>
393
393
394 
      <div class="ipu-flex-col ipu-flex-col-auto">
395 
        <div class="ipu-flex-content ipu-flex-row c-tab">
396 
          <div class="ipu-flex-col c-tab-head">
394 
      <div class="ipu-flex-col ipu-flex-col-auto ipu-flex-row ipu-flex-vertical">
395 
        <div class="ipu-flex-col">
396 
          <div class="normal-tab-head common-border-bottom">
397 
            <ul>
 397 
            <ul>
398 
              <li class="active">
399 
                <div class="c-tab-head-title">CT能力层</div>
400 
              </li>
401 
              <li class="">
402 
                <div class="c-tab-head-title">成员类</div>
403 
              </li>
404 
              <li class="">
405 
                <div class="c-tab-head-title">能力开放</div>
406 
              </li>
398 
              <li class="active">产品分类</li>
399 
              <li>产品搜索</li>
407 
            </ul>
 400 
            </ul>
408 
          </div>
 401 
          </div>
409 
          <div class="ipu-flex-col ipu-flex-col-auto">
410 
            <div class="c-tab-body">
411 
              <ul>
412 
                <li class="active">
413 
                  <div class="slt-group">
414 
                    <div class="slt-group-title">
415 
                      语音类
416 
                    </div>
417 
                    <div class="slt-group-content">
418 
                      <ul class="slt-group-item-list">
419 
                        <li class="ipu-flex-middle-center">
420 
                          <div class="slt-item-text ipu-fn-row-2">固移通</div>
421 
                        </li>
422 
                        <li class="ipu-flex-middle-center">
423 
                          <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
424 
                        </li>
425 
                        <li class="ipu-flex-middle-center">
426 
                          <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
427 
                        </li>
428 
                        <li class="ipu-flex-middle-center">
429 
                          <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
430 
                        </li>
431 
                        <li class="ipu-flex-middle-center">
432 
                          <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
433 
                        </li>
434 
                        <li class="ipu-flex-middle-center">
435 
                          <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
436 
                        </li>
437 
                        <li class="ipu-flex-middle-center">
438 
                          <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
439 
                        </li>
440 
                      </ul>
441 
                    </div>
442 
                  </div>
402 
        </div>
403 
        <div class="ipu-flex-col ipu-flex-col-auto normal-tab-body">
404 
          <ul>
405 
            <li class="normal-tab-item active">
406 
              <div class="ipu-flex-content ipu-flex-row c-tab">
407 
                <div class="ipu-flex-col c-tab-head">
408 
                  <ul>
409 
                    <li class="active">
410 
                      <div class="c-tab-head-title">CT能力层</div>
411 
                    </li>
412 
                    <li class="">
413 
                      <div class="c-tab-head-title">成员类</div>
414 
                    </li>
415 
                    <li class="">
416 
                      <div class="c-tab-head-title">能力开放</div>
417 
                    </li>
418 
                  </ul>
419 
                </div>
420 
                <div class="ipu-flex-col ipu-flex-col-auto">
421 
                  <div class="c-tab-body">
422 
                    <ul>
423 
                      <li class="active">
424 
                        <div class="slt-group">
425 
                          <div class="slt-group-title">
426 
                            语音类
427 
                          </div>
428 
                          <div class="slt-group-content">
429 
                            <ul class="slt-group-item-list">
430 
                              <li class="ipu-flex-middle-center">
431 
                                <div class="slt-item-text ipu-fn-row-2">固移通</div>
432 
                              </li>
433 
                              <li class="ipu-flex-middle-center">
434 
                                <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
435 
                              </li>
436 
                              <li class="ipu-flex-middle-center">
437 
                                <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
438 
                              </li>
439 
                              <li class="ipu-flex-middle-center">
440 
                                <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
441 
                              </li>
442 
                              <li class="ipu-flex-middle-center">
443 
                                <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
444 
                              </li>
445 
                              <li class="ipu-flex-middle-center">
446 
                                <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
447 
                              </li>
448 
                              <li class="ipu-flex-middle-center">
449 
                                <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
450 
                              </li>
451 
                            </ul>
452 
                          </div>
453 
                        </div>
443
454
444 
                  <div class="slt-group">
445 
                    <div class="slt-group-title">
446 
                      语音类
447 
                    </div>
448 
                    <div class="slt-group-content">
449 
                      <ul class="slt-group-item-list">
450 
                        <li class="ipu-flex-middle-center">
451 
                          <div class="slt-item-text ipu-fn-row-2">固移通</div>
452 
                        </li>
453 
                        <li class="ipu-flex-middle-center">
454 
                          <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
455 
                        </li>
456 
                        <li class="ipu-flex-middle-center">
457 
                          <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
458 
                        </li>
459 
                        <li class="ipu-flex-middle-center">
460 
                          <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
461 
                        </li>
462 
                        <li class="ipu-flex-middle-center">
463 
                          <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
464 
                        </li>
465 
                        <li class="ipu-flex-middle-center">
466 
                          <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
467 
                        </li>
468 
                        <li class="ipu-flex-middle-center">
469 
                          <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
470 
                        </li>
471 
                      </ul>
472 
                    </div>
473 
                  </div>
474 
                </li>
475 
                <li class="">
476 
                  <div class="slt-group">
477 
                    <div class="slt-group-title">
478 
                      语音类
479 
                    </div>
480 
                    <div class="slt-group-content">
481 
                      <ul class="slt-group-item-list">
482 
                        <li class="ipu-flex-middle-center">
483 
                          <div class="slt-item-text ipu-fn-row-2">固移通</div>
484 
                        </li>
485 
                        <li class="ipu-flex-middle-center">
486 
                          <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
487 
                        </li>
488 
                        <li class="ipu-flex-middle-center">
489 
                          <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
490 
                        </li>
491 
                        <li class="ipu-flex-middle-center">
492 
                          <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
493 
                        </li>
494 
                        <li class="ipu-flex-middle-center">
495 
                          <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
496 
                        </li>
497 
                        <li class="ipu-flex-middle-center">
498 
                          <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
499 
                        </li>
500 
                        <li class="ipu-flex-middle-center">
501 
                          <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
502 
                        </li>
503 
                      </ul>
504 
                    </div>
505 
                  </div>
455 
                        <div class="slt-group">
456 
                          <div class="slt-group-title">
457 
                            语音类
458 
                          </div>
459 
                          <div class="slt-group-content">
460 
                            <ul class="slt-group-item-list">
461 
                              <li class="ipu-flex-middle-center">
462 
                                <div class="slt-item-text ipu-fn-row-2">固移通</div>
463 
                              </li>
464 
                              <li class="ipu-flex-middle-center">
465 
                                <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
466 
                              </li>
467 
                              <li class="ipu-flex-middle-center">
468 
                                <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
469 
                              </li>
470 
                              <li class="ipu-flex-middle-center">
471 
                                <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
472 
                              </li>
473 
                              <li class="ipu-flex-middle-center">
474 
                                <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
475 
                              </li>
476 
                              <li class="ipu-flex-middle-center">
477 
                                <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
478 
                              </li>
479 
                              <li class="ipu-flex-middle-center">
480 
                                <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
481 
                              </li>
482 
                            </ul>
483 
                          </div>
484 
                        </div>
485 
                      </li>
486 
                      <li class="">
487 
                        <div class="slt-group">
488 
                          <div class="slt-group-title">
489 
                            语音类
490 
                          </div>
491 
                          <div class="slt-group-content">
492 
                            <ul class="slt-group-item-list">
493 
                              <li class="ipu-flex-middle-center">
494 
                                <div class="slt-item-text ipu-fn-row-2">固移通</div>
495 
                              </li>
496 
                              <li class="ipu-flex-middle-center">
497 
                                <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
498 
                              </li>
499 
                              <li class="ipu-flex-middle-center">
500 
                                <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
501 
                              </li>
502 
                              <li class="ipu-flex-middle-center">
503 
                                <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
504 
                              </li>
505 
                              <li class="ipu-flex-middle-center">
506 
                                <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
507 
                              </li>
508 
                              <li class="ipu-flex-middle-center">
509 
                                <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
510 
                              </li>
511 
                              <li class="ipu-flex-middle-center">
512 
                                <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
513 
                              </li>
514 
                            </ul>
515 
                          </div>
516 
                        </div>
506
517
507 
                  <div class="slt-group">
508 
                    <div class="slt-group-title">
509 
                      语音类
510 
                    </div>
511 
                    <div class="slt-group-content">
512 
                      <ul class="slt-group-item-list">
513 
                        <li class="ipu-flex-middle-center">
514 
                          <div class="slt-item-text ipu-fn-row-2">固移通</div>
515 
                        </li>
516 
                        <li class="ipu-flex-middle-center">
517 
                          <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
518 
                        </li>
519 
                        <li class="ipu-flex-middle-center">
520 
                          <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
521 
                        </li>
522 
                        <li class="ipu-flex-middle-center">
523 
                          <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
524 
                        </li>
525 
                        <li class="ipu-flex-middle-center">
526 
                          <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
527 
                        </li>
528 
                        <li class="ipu-flex-middle-center">
529 
                          <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
530 
                        </li>
531 
                        <li class="ipu-flex-middle-center">
532 
                          <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
533 
                        </li>
534 
                      </ul>
535 
                    </div>
536 
                  </div>
537 
                </li>
538 
                <li class="">
539 
                  <div class="slt-group">
540 
                    <div class="slt-group-title">
541 
                      语音类
542 
                    </div>
543 
                    <div class="slt-group-content">
544 
                      <ul class="slt-group-item-list">
545 
                        <li class="ipu-flex-middle-center">
546 
                          <div class="slt-item-text ipu-fn-row-2">固移通</div>
547 
                        </li>
548 
                        <li class="ipu-flex-middle-center">
549 
                          <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
550 
                        </li>
551 
                        <li class="ipu-flex-middle-center">
552 
                          <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
553 
                        </li>
554 
                        <li class="ipu-flex-middle-center">
555 
                          <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
556 
                        </li>
557 
                        <li class="ipu-flex-middle-center">
558 
                          <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
559 
                        </li>
560 
                        <li class="ipu-flex-middle-center">
561 
                          <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
562 
                        </li>
563 
                        <li class="ipu-flex-middle-center">
564 
                          <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
565 
                        </li>
566 
                      </ul>
567 
                    </div>
568 
                  </div>
518 
                        <div class="slt-group">
519 
                          <div class="slt-group-title">
520 
                            语音类
521 
                          </div>
522 
                          <div class="slt-group-content">
523 
                            <ul class="slt-group-item-list">
524 
                              <li class="ipu-flex-middle-center">
525 
                                <div class="slt-item-text ipu-fn-row-2">固移通</div>
526 
                              </li>
527 
                              <li class="ipu-flex-middle-center">
528 
                                <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
529 
                              </li>
530 
                              <li class="ipu-flex-middle-center">
531 
                                <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
532 
                              </li>
533 
                              <li class="ipu-flex-middle-center">
534 
                                <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
535 
                              </li>
536 
                              <li class="ipu-flex-middle-center">
537 
                                <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
538 
                              </li>
539 
                              <li class="ipu-flex-middle-center">
540 
                                <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
541 
                              </li>
542 
                              <li class="ipu-flex-middle-center">
543 
                                <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
544 
                              </li>
545 
                            </ul>
546 
                          </div>
547 
                        </div>
548 
                      </li>
549 
                      <li class="">
550 
                        <div class="slt-group">
551 
                          <div class="slt-group-title">
552 
                            语音类
553 
                          </div>
554 
                          <div class="slt-group-content">
555 
                            <ul class="slt-group-item-list">
556 
                              <li class="ipu-flex-middle-center">
557 
                                <div class="slt-item-text ipu-fn-row-2">固移通</div>
558 
                              </li>
559 
                              <li class="ipu-flex-middle-center">
560 
                                <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
561 
                              </li>
562 
                              <li class="ipu-flex-middle-center">
563 
                                <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
564 
                              </li>
565 
                              <li class="ipu-flex-middle-center">
566 
                                <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
567 
                              </li>
568 
                              <li class="ipu-flex-middle-center">
569 
                                <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
570 
                              </li>
571 
                              <li class="ipu-flex-middle-center">
572 
                                <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
573 
                              </li>
574 
                              <li class="ipu-flex-middle-center">
575 
                                <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
576 
                              </li>
577 
                            </ul>
578 
                          </div>
579 
                        </div>
569
580
570 
                  <div class="slt-group">
571 
                    <div class="slt-group-title">
572 
                      语音类
573 
                    </div>
574 
                    <div class="slt-group-content">
575 
                      <ul class="slt-group-item-list">
576 
                        <li class="ipu-flex-middle-center">
577 
                          <div class="slt-item-text ipu-fn-row-2">固移通</div>
578 
                        </li>
579 
                        <li class="ipu-flex-middle-center">
580 
                          <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
581 
                        </li>
582 
                        <li class="ipu-flex-middle-center">
583 
                          <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
584 
                        </li>
585 
                        <li class="ipu-flex-middle-center">
586 
                          <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
587 
                        </li>
588 
                        <li class="ipu-flex-middle-center">
589 
                          <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
590 
                        </li>
591 
                        <li class="ipu-flex-middle-center">
592 
                          <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
593 
                        </li>
594 
                        <li class="ipu-flex-middle-center">
595 
                          <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
596 
                        </li>
597 
                      </ul>
581 
                        <div class="slt-group">
582 
                          <div class="slt-group-title">
583 
                            语音类
584 
                          </div>
585 
                          <div class="slt-group-content">
586 
                            <ul class="slt-group-item-list">
587 
                              <li class="ipu-flex-middle-center">
588 
                                <div class="slt-item-text ipu-fn-row-2">固移通</div>
589 
                              </li>
590 
                              <li class="ipu-flex-middle-center">
591 
                                <div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
592 
                              </li>
593 
                              <li class="ipu-flex-middle-center">
594 
                                <div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
595 
                              </li>
596 
                              <li class="ipu-flex-middle-center">
597 
                                <div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
598 
                              </li>
599 
                              <li class="ipu-flex-middle-center">
600 
                                <div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
601 
                              </li>
602 
                              <li class="ipu-flex-middle-center">
603 
                                <div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
604 
                              </li>
605 
                              <li class="ipu-flex-middle-center">
606 
                                <div class="slt-item-text ipu-fn-row-2">V网套餐</div>
607 
                              </li>
608 
                            </ul>
609 
                          </div>
610 
                        </div>
611 
                      </li>
612 
                    </ul>
613 
                  </div>
614 
                </div>
615 
              </div>
616 
            </li>
617 
            <li class="normal-tab-item">
618 
              <div class="ipu-flex-content ipu-flex-row ipu-flex-vertical">
619 
                <div class="ipu-flex-col">
620 
                  <div class="select-search-area ipu-flex ipu-flex-justify-space ipu-flex-align-center">
621 
                    <div class="ipu-flex-grow-1">
622 
                      <input type="text" class="common-search-input common-select-search-input" placeholder="输入产品名称"/>
598 
                    </div>
 623 
                    </div>
624 
                    <button class="ipu-btn common-btn common-select-search-btn">搜索</button>
599 
                  </div>
 625 
                  </div>
600 
                </li>
601 
              </ul>
602 
            </div>
603 
          </div>
626 
                </div>
627 
                <div class="ipu-flex-col ipu-flex-col-auto product-search-result">
628 
                  <ul>
629 
                    <li class="ipu-flex ipu-flex-align-center product-search-item active">
630 
                      <div class="ipu-flex-grow-1">故意通1</div>
631 
                      <div class="check-flag ipu-flex-grow-0"></div>
632 
                    </li>
633 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
634 
                      <div class="ipu-flex-grow-1">故意通2</div>
635 
                      <div class="check-flag ipu-flex-grow-0"></div>
636 
                    </li>
637 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
638 
                      <div class="ipu-flex-grow-1">故意通2</div>
639 
                      <div class="check-flag ipu-flex-grow-0"></div>
640 
                    </li>
641 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
642 
                      <div class="ipu-flex-grow-1">故意通2</div>
643 
                      <div class="check-flag ipu-flex-grow-0"></div>
644 
                    </li>
645 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
646 
                      <div class="ipu-flex-grow-1">故意通2</div>
647 
                      <div class="check-flag ipu-flex-grow-0"></div>
648 
                    </li>
649 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
650 
                      <div class="ipu-flex-grow-1">故意通2</div>
651 
                      <div class="check-flag ipu-flex-grow-0"></div>
652 
                    </li>
653 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
654 
                      <div class="ipu-flex-grow-1">故意通2</div>
655 
                      <div class="check-flag ipu-flex-grow-0"></div>
656 
                    </li>
657 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
658 
                      <div class="ipu-flex-grow-1">故意通2</div>
659 
                      <div class="check-flag ipu-flex-grow-0"></div>
660 
                    </li>
661 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
662 
                      <div class="ipu-flex-grow-1">故意通2</div>
663 
                      <div class="check-flag ipu-flex-grow-0"></div>
664 
                    </li>
665 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
666 
                      <div class="ipu-flex-grow-1">故意通2</div>
667 
                      <div class="check-flag ipu-flex-grow-0"></div>
668 
                    </li>
669 
                    <li class="ipu-flex ipu-flex-align-center product-search-item">
670 
                      <div class="ipu-flex-grow-1">故意通2</div>
671 
                      <div class="check-flag ipu-flex-grow-0"></div>
672 
                    </li>
673 
                  </ul>
674 
                  <div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide">暂无记录</div>
675 
                </div>
676 
              </div>
677 
            </li>
678 
          </ul>
604 
        </div>
 679 
        </div>
605 
      </div>
 680 
      </div>
606
681
607 
      <div class="ipu-flex-col">
 682 
      <div class="ipu-flex-col">
608 
        <div class="c-poppage-bottom poppage-slt-count">
609 
          <div class="c-btn-wrap">
610 
            <button class="ipu-btn common-btn">确定</button>
611 
          </div>
683 
        <div class="form-btn" style="margin-top: .2rem">
684 
          <button class="ipu-btn common-btn">确定</button>
612 
        </div>
 685 
        </div>
613 
      </div>
 686 
      </div>
614 
    </div>
 687 
    </div>