@zengqiao@列表搜索样式调整

2019/bj-zqzt/biz/js/construction-sheet-list.js

@@ -36,19 +36,27 @@ require(['jquery', 'ipuUI'], function ($, ipuUI) {
      });
    });
    // 全部中的条件搜索事件
    $(".common-select-search-btn").click(function () {
      search();
    });
    // 监测输入框按下事件
    $(".common-search-input").keyup(function (e) {
      var currKey = e.keyCode || e.which || e.charCode;
      let currKey = e.keyCode || e.which || e.charCode;
      if ($(this).val() != "") {
        // 如果输入框值不为空，clean按钮显示
        $(".search-input-clean").show();
      } else {
        // 如果输入框为空，clean按钮隐藏
        $(".search-input-clean").hide();
      }
      if (currKey == 13) {// 按下回车进行查询
        search();
      }
    });
    // 输入框清除按钮点击事件
    $(".search-input-clean").click(function () {
      $(".search-input-clean").hide();
      $(".common-search-input").val("").focus();
    });
    // 选项点击事件跳转至详情页
    $(".construction-list-area").on("click", ".agreement-sheet-item", function () {
      location.href = "construction-sheet-details.html"

2019/bj-zqzt/construction-sheet-list.html

@@ -33,10 +33,10 @@
          <div class="sort-type" data-type="CUST_NAME">客户名称</div>
          <div class="unfold-status"></div>
        </div>
        <div class="ipu-flex-grow-1">
          <input type="text" class="common-search-input common-select-search-input" placeholder="输入关键字进行查询"/>
        <div class="ipu-flex-grow-1" style="position: relative">
          <input type="text" class="common-search-input common-select-search-input" placeholder="输入关键字进行查询" style="padding:.07rem .36rem"/>
          <div class="search-input-clean" style="display:none;top:.09rem;right: .08rem;left:auto;"></div>
        </div>
        <button class="ipu-btn common-btn common-select-search-btn">搜索</button>
      </div>
      <div class="customer-list-head ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div class="business-count">共<span>0</span>个客户</div>