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

2019/bj-zqzt/biz/css/base-common.css

@@ -320,7 +320,7 @@ body {
}
.ipu-tab-1 .li-name{
  margin-top: .08rem;
  margin-bottom: .07rem;
  margin-bottom: .08rem;
  line-height: .17rem;
  height: .17rem;
}

2019/bj-zqzt/biz/css/base.css

@@ -360,6 +360,7 @@
  background-size: 100% 100%;
}
/* 搜索 */
.search-input-wrap{
  margin: .1rem .15rem .15rem;
}
@@ -885,6 +886,23 @@
.pages-index-data-list{
  background-color: rgba(240, 242, 245, 1)!important;
}
.pages-customer-management {
  background-color: rgba(240, 242, 245, 1)!important;
}
.back-single {
  height: .44rem;
  width: .6rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 180;
}
.back-single .left-back {
  background: url(../img/arrow-left.png) center center no-repeat;
  background-size: contain;
  height: .2rem;
  width: .2rem;
}
.customer-list-head{
  height: .37rem;
  padding: 0 .12rem;
@@ -906,17 +924,17 @@
  border-style: solid;
  border-color: rgba(198, 204, 211, 1) transparent transparent;
}
.sort-condition.active .unfold-status {
.sort-condition.active .sort-type {
  color:rgba(63,147,248,1);
}
.sort-condition.active .arrow-down {
.sort-condition.active .unfold-status {
  border-width: 0 .035rem .045rem;
  border-color: transparent transparent rgba(63,147,248,1);
}
.sort-by-others {
  margin-left: .12rem;
}
.customer-item{
.customer-item-content {
  margin:0 .12rem .1rem;
  background-color: #fff;
  padding:.2rem .16rem .2rem .2rem;
@@ -1065,6 +1083,155 @@
  top:.07rem;
  right:.2rem;
}
.sort-by-time-slide {
  position: absolute;
  top: .835rem;;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: -100;
  background: rgba(24,26,28,0.62);
  /*-webkit-transform: translateY(70%);*/
  -webkit-transition: bottom 300ms ease-out;
  /*transform: translateY(70%);*/
  transition: bottom 300ms ease-out;
}
.sort-by-time-slide.active{
  top: .835rem;
  bottom: 0;
  border-radius: 0;
  background: rgba(24,26,28,0.62);
  z-index: 180;
}
.sort-by-time-slide.active .time-content-area{
  opacity: 1;
}
.time-content-area {
  height:.86rem;
  background-color: #fff;
  padding: .16rem .23rem .2rem .28rem;
  opacity: 0;
}
.chosen-pic {
  background: none;
  height: .2rem;
  width: .2rem;
}
.time-chosen-title {
  font-size: .13rem;
  font-weight:400;
  line-height: .13rem;
  color:rgba(92,96,102,1);
}
.time-chosen-item.active .time-chosen-title{
  color:rgba(63,147,248,1);
}
.time-chosen-item.active .chosen-pic{
  background: url(../img/right.png) center center no-repeat;
  background-size: contain;
}
.sort-condition-slide {
  position: absolute;
  top: .835rem;;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: -100;
  background: rgba(24,26,28,0.62);
  /*-webkit-transform: translateY(70%);*/
  -webkit-transition: bottom 300ms ease-out;
  /*transform: translateY(70%);*/
  transition: bottom 300ms ease-out;
}
.sort-condition-slide.active{
  top: .835rem;
  bottom: 0;
  border-radius: 0;
  background: rgba(24,26,28,0.62);
  z-index: 180;
}
.sort-condition-slide.active .sort-condition-area{
  opacity: 1;
}
.sort-condition-area{
  background-color: #fff;
  opacity: 0;
}
.sort-condition-content-area {
  padding: .16rem .12rem .2rem .12rem;
}
.sort-condition-item{
  margin-top: .2rem;
}
.sort-condition-title{
  margin-left: .08rem;
  font-size: .12rem;
  font-weight:500;
  color:rgba(178,184,191,1);
  line-height: .12rem;
}
.sort-condition-type {
  width: auto;
}
.sort-condition-type ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.sort-condition-type li {
  min-width: .71rem;
  height: .24rem;
  background-color:rgba(245,245,245,1);
  border-radius: .115rem;
  font-size: .12rem;
  font-weight:400;
  color:rgba(43,47,51,1);
  line-height: .24rem;
  text-align: center;
  padding-left:.12rem;
  padding-right: .12rem;
  margin-top: .1rem;
  margin-left: .08rem;
  margin-right: .08rem;
}
.sort-condition-type li.active {
  color:rgba(63,147,248,1);
}
.sort-condition-buttons {
  width: 100%;
  height: .4rem;
}
.sort-condition-buttons>div {
  font-size: .14rem;
  font-weight:400;
  color:rgba(92,96,102,1);
  text-align: center;
  line-height: .4rem;
  border-top: 1px solid #E6E9ED;
}
.sort-condition-buttons>div.confirm-btn {
  color: rgba(63,147,248,1);;
  border-left: 1px solid #E6E9ED;
}
.add-customer {
  width: .48rem;
  height: .48rem;
  background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
  box-shadow:0px 5px 10px 0px rgba(21,84,159,0.49);
  border-radius: 50%;
  position: absolute;
  right: .2rem;
  bottom: .5rem;
  z-index: 100;
}
.add-customer-icon {
  width: .24rem;
  height: .24rem;
  background: url("../img/add-no-outline.png") center center no-repeat;
  background-size:contain;
}
/* 商机管理 */
.pages-index-work-state {
  background-color: rgba(240, 242, 245, 1)!important;

2019/bj-zqzt/biz/js/customer-management.js

@@ -0,0 +1,155 @@
require(['jquery', 'ipuUI', 'LeftSwipe'], function ($, ipuUI, LeftSwipe) {
  $(function () {
    var tab = ipuUI.tab(".ipu-tab-customer");
    // 待办任务列表组件初始化
    showCustomList();
    function showCustomList() {
      var totalPage = 3;  // 总页数
      var nowPage = 1;    // 当前显示第几页，因为默认有一些数据了，所以为1
      var listObj = $("#refresh-customer ul.customer-list");
      var contentHtml = $("li.customer-item:lt(5)", listObj).clone(); // 测试用，复制5条数据
      // 移除初始的数据，并初始nowPage=0;
      listObj.empty();
      nowPage = 0;
      var countNo = 0; // 重要计数器,以此来判断不需要
      // 初始化下拉刷新
      var myRefresh = ipuUI.refresh("#refresh-customer", {
        bottomLoadFun: function () { // 加载更多
          console.log('加载更多'); // 手势上拉，内容下滚动动
          addData();
        },
        topLoadFun: function () { // 刷新
          console.log('刷新数据'); // 手势下拉，内容上滚动
          refreshData();
        }
      });
      // 查询数据
      function addData(refresh) {// 0搜索，1刷新，2加载更多
        $('#refresh-customer .no-result-msg').hide();
        nowPage++;
        var localCountNo = ++countNo;  // 执行查询前，保留当前计数器，当查询返回时进行检查是否最新查询，不是则抛弃查询结果
        setTimeout(function () { // 模拟延时加载
          if (localCountNo == countNo) { // 检查是否最新查询返回数据，不是则抛弃查询结果
            // 此处先更新togalPage等信息
            myRefresh.enableTop(totalPage != 0); // 假设totalPage为0时表示没数据，此时停用刷新功能，也可不停用，强行刷新
            myRefresh.enableBottom(nowPage < totalPage); // enable应该总是先于endBottom/TopLoading方法执行
            if (totalPage == 0) {
              $('#refresh-customer .no-result-msg').show();
            } else {
              if (refresh) {                    // 顶部刷新，刷新也可能已经没有数据了，待处理
                listObj.empty(); // 清空已有内容
                contentHtml.clone().appendTo(listObj);
                var leftSwipe = new LeftSwipe('.ipu-carousel');  // 组件依赖页面写的部分样式
                myRefresh.endTopLoading(); //最后调用
              } else {  // 底部加载更多,或查询
                contentHtml.clone().appendTo(listObj);
                myRefresh.endBottomLoading();  //最后调用
              }
            }
          }
        }, 3000);
      }
      // 刷新
      function refreshData() {   // 刷新数据
        nowPage = 0; // 底部加载时，停用底部加载功能和底部加载
        myRefresh.enableBottom(false);
        if (myRefresh.bottomLoading) {
          myRefresh.endBottomLoading();
        }
        addData(true);
      }
    }
    // 时间排序激活
    $(".pages-customer-management .sort-by-time").on("click", function () {
      if($(this).hasClass("active")){
        $(this).removeClass("active");
        $(".sort-by-time-slide").removeClass("active");
      }else{
        $(this).addClass("active");
        $(".sort-by-others").removeClass("active");
        $(".sort-condition-slide").removeClass("active");
        $(".sort-by-time-slide").addClass("active");
      }
    });
    // 选择时间排序方式
    $(".time-chosen-item").on("click", function () {
      $(this).addClass("active");
      $(this).siblings().removeClass("active");
      $(".sort-by-time .sort-type").text($(this).find(".time-chosen-title").text());
      $(".sort-by-time-slide").removeClass("active");
    });
    // 时间排序,点空白区域关闭搜索界面
    $(".sort-condition-slide").click(function () {
      $(this).removeClass("active");
      $(".sort-by-others").removeClass("active");
    });
    //点击其他地方不做处理
    $(".sort-condition-slide .sort-condition-area").click(function () {
      return false;
    });
    // 筛选
    $(".pages-customer-management .sort-by-others").on("click", function () {
      if($(this).hasClass("active")){
        $(this).removeClass("active");
        $(".sort-condition-slide").removeClass("active");
      }else{
        $(this).addClass("active");
        $(".sort-by-time").removeClass("active");
        $(".sort-by-time-slide").removeClass("active");
        $(".sort-condition-slide").addClass("active");
      }
    });
    // 点击筛选选项
    $(".sort-condition-content-area").on("click", "li", function () {
      $(this).addClass("active");
    });
    // 筛选确定按钮
    $(".sort-condition-buttons .confirm-btn").on("click", function () {
      $(".sort-by-others").removeClass("active");
      $(".sort-condition-slide").removeClass("active");
    });
    // 筛选重置按钮
    $(".sort-condition-buttons .reset-btn").on("click", function () {
      $(".sort-condition-content-area li").removeClass("active");
    });
    // 筛选,点空白区域关闭搜索界面
    $(".sort-by-time-slide").click(function () {
      $(this).removeClass("active");
      $(".sort-by-time").removeClass("active");
    });
    //点击其他地方不做处理
    $(".sort-by-time-slide .time-content-area").click(function () {
      return false;
    });
    // 增加客户
    $(".add-customer").click(function () {
      console.log("跳转至增加客户界面");
    });
    // 搜索按钮
    $(".pages-customer-management .search-btn").on("click",function () {
      console.log("跳转至客户搜索界面");
    });
    $(".card-action-item").click(function () {  // 操作点击日志
      ipuUI.toast($.trim($(this).text()));
    });
  });
});

2019/bj-zqzt/biz/js/menu.js

@@ -54,7 +54,7 @@ require(['jquery', 'ipuUI', 'dragsort', 'iScroll', 'Hammer'], function ($, ipuUI
      $(".index-menus ul").append("<li> <a href=\"javascript:;\"><div class=\"empty-icon\"></div></a></li>");
    });
    // 拖拽
    $(".index-menus ul").dragsort({
      dragSelector: "li",                 // 需要监听拖动的元素
      dragBetween: true,                 // 只在父元素内拖动
@@ -74,39 +74,5 @@ require(['jquery', 'ipuUI', 'dragsort', 'iScroll', 'Hammer'], function ($, ipuUI
      }
    }
    // $(".pages-menu .common-menus li").each(function () {
    //   bindLongPress(this, function () {
    //     $(".pages-menu").addClass("pages-menu-dragging");
    //   });
    // });
    //
    // // 长按事件绑定
    // function bindLongPress(el, fun) {
    //   this.hammer = new Hammer.Manager(el);
    //   this.hammer.add(new Hammer.Press({time: 800})); // 长按事件生效最小时长设置
    //   this.hammer.on("press", fun);
    // }
    //
    // // 点击拖动位置，点击删除区域不能拖动
    // $(".common-menus ul").dragsort({
    //   dragSelector: "li",                 // 需要监听拖动的元素
    //   dragBetween: true,                 // 只在父元素内拖动
    //   itemSelector: ".pages-menu-dragging li", // li需要在些选择器条件下才可拖动
    //   dragEnd: saveOrder,                   // 拖动结束回调函数，如果函数返回false，则取消拖动结果
    //   dragSelectorExclude: ".edit-flag",// 选择删除图标时，不需要拖动
    //   scrollContainer: ".pages-index-fav .ipu-flex-content",       // 因为内容可能出现滚动，设置滚动的元素
    //   placeHolderTemplate: '<li class="fav-drag-placeholder"><a href="javascript:;">' +
    //       '<div class="menu-icon "><i class="iconfont-material "></i></div><div class="menu-name"></div>' +
    //       '</a></li>' // 拖动时替换显示模板
    // });
    //
    // // newIndex新的位置索引，oldIndex旧的位置索引
    // // 实际上，newIndex与oldIndex中间的数据位置都有变动，位置上移一位，或下移一位
    // // 方法return false的话，取消拖动结果，保持原位置不变
    // function saveOrder(newIndex, oldIndex) { // this对象是被拖动的li
    //   console.log(newIndex + '--' + oldIndex);
    // }
  });
});

2019/bj-zqzt/customer-management.html

@@ -0,0 +1,347 @@
<!DOCTYPE html>
<html lang="en">
<head>
  <title>客户管理</title>
  <meta charset="utf-8">
  <!-- 宽度自动适配 -->
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
  <!-- 不识别页面上的数字为可拨打号码 -->
  <meta content="telephone=no" name="format-detection"/>
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/customer-management.js"></script>
</head>
<body class="pages-customer-management">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="back-single ipu-flex ipu-flex-justify-center ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
    <div class="left-back"></div>
  </div>
  <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="ipu-tab ipu-tab-customer ipu-tab-1">  <!-- 如果class中添加 ipu-tab-fixed，则可固定头部，此时需要父元素的高度是确定的 -->
      <ul class="ipu-tab-title ipu-tab-title-link"> <!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 -->
        <li class="ipu-current">
          <div class="ipu-flex ipu-flex-vertical ipu-flex-align-center" style="padding-left:.8rem">
            <div class="li-name">列表</div>
            <div class="current-flag"></div>
          </div>
        </li>
        <li class="">
          <div class="ipu-flex ipu-flex-vertical ipu-flex-align-center" style="padding-right:.8rem">
            <div class="li-name">统计</div>
            <div class="current-flag"></div>
          </div>
        </li>
      </ul>
      <div class="ipu-tab-body">
        <ul class="ipu-tab-body-wrapper">
          <li class="">
            <i class="iconfont-material icon-magnify search-btn"></i>
            <div class="add-customer ipu-flex ipu-flex-justify-center ipu-flex-align-center">
              <div class="add-customer-icon"></div>
            </div>
            <div class="customer-list-head ipu-flex ipu-flex-justify-end ipu-flex-align-center">
              <div class="customer-total ipu-flex-col-auto">共138个客户</div>
              <div class="sort-condition sort-by-time ipu-flex ipu-flex-justify-center ipu-flex-align-center">
                <div class="sort-type">更新时间正序</div>
                <div class="unfold-status"></div>
              </div>
              <div class="sort-condition sort-by-others ipu-flex ipu-flex-justify-center ipu-flex-align-center">
                <div class="sort-type">筛选</div>
                <div class="unfold-status"></div>
              </div>
            </div>
            <div class="page-content">
              <div class="ipu-list ipu-list-media ipu-flex-content" id="refresh-customer" style="margin-top: .835rem">
                <!-- 组件html结构，最外层div应有一个固定的高度，会在此元素上初始化iScroll -->
                <div class="ipu-refresh-wrapper">
                  <!-- 此处组件初始化后，会添加上拉html -->
                  <div class="refresh-content">
                    <div>
                      <ul class="customer-list">
                        <li class="customer-item">
                          <div class="ipu-carousel">
                            <ul class="ipu-carousel-wrapper">
                              <li>
                                <div class="customer-item-content">
                                  <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center">
                                    <div class="ipu-flex ipu-flex-align-center">
                                      <div class="customer-name ipu-fn-row">金蝶软件有限公司</div>
                                      <div class="unregister-flag">未立户</div>
                                    </div>
                                    <div class="relation-level relation-level-1">
                                      <i class="iconfont-material icon-heart-outline"></i>
                                      素不相识
                                    </div>
                                  </div>
                                  <div class="customer-info">
                                    <span>竞争客户</span>
                                    <span>&nbsp;|&nbsp;</span>
                                    <span>2周前更新</span>
                                    <span>&nbsp;|&nbsp;</span>
                                    <span>C类</span>
                                  </div>
                                  <div class="ipu-flex ipu-flex-align-center progress-level progress-level-25">
                                    <div class="progress">
                                      <div class="bar"></div>
                                    </div>
                                    <div class="progress-desc">已识别</div>
                                  </div>
                                </div>
                              </li>
                              <li class="card-actions-wrapper">
                                <div class="card-actions ipu-flex">
                                  <div class="card-action-item">立户</div>
                                  <div class="card-action-item">编辑</div>
                                  <div class="card-action-item">删除</div>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="customer-item">
                          <div class="ipu-carousel">
                            <ul class="ipu-carousel-wrapper">
                              <li>
                                <div class="customer-item-content unregister">
                                  <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center">
                                    <div class="ipu-flex ipu-flex-align-center">
                                      <div class="customer-name ipu-fn-row">凡凡软件</div>
                                      <div class="unregister-flag">未立户</div>
                                    </div>
                                    <div class="relation-level relation-level-2">
                                      <i class="iconfont-material icon-heart-outline"></i>
                                      一面之交
                                    </div>
                                  </div>
                                  <div class="customer-info">
                                    <span>潜在客户</span>
                                    <span>&nbsp;|&nbsp;</span>
                                    <span>2周前更新</span>
                                    <span>&nbsp;|&nbsp;</span>
                                    <span>D类</span>
                                  </div>
                                  <div class="ipu-flex ipu-flex-align-center progress-level progress-level-50">
                                    <div class="progress">
                                      <div class="bar"></div>
                                    </div>
                                    <div class="progress-desc">已触达</div>
                                  </div>
                                </div>
                              </li>
                              <li class="card-actions-wrapper">
                                <div class="card-actions ipu-flex">
                                  <div class="card-action-item">立户</div>
                                  <div class="card-action-item">编辑</div>
                                  <div class="card-action-item">删除</div>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="customer-item">
                          <div class="customer-item-content">
                            <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center">
                              <div class="ipu-flex ipu-flex-align-center">
                                <div class="customer-name ipu-fn-row">飞博特软件有限公司</div>
                                <div class="unregister-flag">未立户</div>
                              </div>
                              <div class="relation-level relation-level-3">
                                <i class="iconfont-material icon-heart-outline"></i>
                                点头之交
                              </div>
                            </div>
                            <div class="customer-info">
                              <span>潜在客户</span>
                              <span>&nbsp;|&nbsp;</span>
                              <span>2周前更新</span>
                              <span>&nbsp;|&nbsp;</span>
                              <span>C类</span>
                            </div>
                            <div class="ipu-flex ipu-flex-align-center progress-level progress-level-75">
                              <div class="progress">
                                <div class="bar"></div>
                              </div>
                              <div class="progress-desc">有需求</div>
                            </div>
                          </div>
                        </li>
                        <li class="customer-item">
                          <div class="customer-item-content unregister">
                            <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center">
                            <div class="ipu-flex ipu-flex-align-center">
                              <div class="customer-name ipu-fn-row">扇贝网络有限公司</div>
                              <div class="unregister-flag">未立户</div>
                            </div>
                            <div class="relation-level relation-level-4">
                              <i class="iconfont-material icon-heart-outline"></i>
                              金石之交
                            </div>
                          </div>
                            <div class="customer-info">
                              <span>存量客户</span>
                              <span>&nbsp;|&nbsp;</span>
                              <span>2周前更新</span>
                              <span>&nbsp;|&nbsp;</span>
                              <span>D类</span>
                            </div>
                            <div class="ipu-flex ipu-flex-align-center progress-level progress-level-100">
                              <div class="progress">
                                <div class="bar"></div>
                              </div>
                              <div class="progress-desc">已合作</div>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                    <div class="no-result-msg ipu-fn-p ipu-txt-center">
                      暂无记录
                    </div>
                  </div>
                  <!-- 此处组件初始化后，会添加下拉html -->
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="page-content">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!--更新时间排序-->
  <div class="sort-by-time-slide">
    <div class="time-content-area ipu-flex ipu-flex-vertical ipu-flex-justify-space">
      <div class="time-chosen-item active ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="time-chosen-title">更新时间正序</div>
        <div class="chosen-pic"></div>
      </div>
      <div class="time-chosen-item ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="time-chosen-title">更新时间倒序</div>
        <div class="chosen-pic"></div>
      </div>
    </div>
  </div>
  <!--筛选-->
  <div class="sort-condition-slide">
    <div class="sort-condition-area">
      <div class="sort-condition-content-area">
        <div class="sort-condition-item" style="margin-top: 0">
          <div class="sort-condition-title">立户人</div>
          <div class="sort-condition-type">
            <ul>
              <li>本人</li>
              <li>非本人</li>
              <li>无</li>
            </ul>
          </div>
        </div>
        <div class="sort-condition-item">
          <div class="sort-condition-title">业务类型</div>
          <div class="sort-condition-type">
            <ul>
              <li>企宽</li>
              <li>互联网专线</li>
              <li>数字传输专线</li>
            </ul>
          </div>
        </div>
        <div class="sort-condition-item">
          <div class="sort-condition-title">客户类型</div>
          <div class="sort-condition-type">
            <ul>
              <li>存量客户</li>
              <li>潜在客户</li>
            </ul>
          </div>
        </div>
        <div class="sort-condition-item">
          <div class="sort-condition-title">客户状态</div>
          <div class="sort-condition-type">
            <ul>
              <li>已识别</li>
              <li>已触达</li>
              <li>已需求</li>
              <li>已合作</li>
            </ul>
          </div>
        </div>
        <div class="sort-condition-item">
          <div class="sort-condition-title">是否欠费</div>
          <div class="sort-condition-type">
            <ul>
              <li>全部</li>
              <li>是</li>
              <li>否</li>
            </ul>
          </div>
        </div>
        <div class="sort-condition-item">
          <div class="sort-condition-title">业务到期时间</div>
          <div class="sort-condition-type">
            <ul>
              <li>1个月内</li>
              <li>3个月内</li>
              <li>半年内</li>
            </ul>
          </div>
        </div>
        <div class="sort-condition-item">
          <div class="sort-condition-title">所属行业</div>
          <div class="sort-condition-type">
            <ul>
              <li>采矿业</li>
              <li>制造业</li>
              <li>建筑业</li>
              <li>金融业</li>
              <li>教育业</li>
              <li>房地产业</li>
              <li>国际组织</li>
              <li>农林牧渔业</li>
              <li>批发和零售业</li>
              <li>住宿和餐饮业</li>
              <li>租赁和商业服务</li>
              <li>电力、燃气及水的生产和供应业</li>
              <li>文化体育和娱乐业</li>
              <li>卫生、社会保障和社会福利业</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="sort-condition-buttons ipu-flex ipu-flex-justify-space">
        <div class="reset-btn ipu-flex-grow-1">重置</div>
        <div class="confirm-btn ipu-flex-grow-1">确定</div>
      </div>
    </div>
  </div>
</div>
</body>
</html>