Etusivu Tutki Apua
Kirjaudu sisään
asiainfo
/
static
Tarkkaile 2
Äänestä 0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Commitit 2398 Julkaisut 4 Wiki

static

Puu: 1127f51a7c
Branchit Tagit
static
/
2022
/
bj-static
/
webapp
/
template
/
general
/
condition-search.html

condition-search.html 16KB
Historia Raaka 

    <!DOCTYPE html>
<html lang="en">
<head>
  <title>指定范围搜索</title>
  {%>template/common/Head.html%}
  <script src="biz/js/condition-search.js"></script>
</head>
<body class="pages-condition-search">
<input id="searchType" type="hidden" value={%searchType%}>
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col">
    <div class="search-area ipu-flex ipu-flex-justify-space ipu-flex-align-center">
      <div class="search-back-btn" id="back"></div>
      <div class="ipu-flex-col-auto" style="overflow: hidden">
        <input type="text" class="common-search-input" placeholder="搜索{%searchType%}"/>
        <div class="search-input-clean ipu-fn-hide"></div>
        <div class="search-input-voice"></div>
      </div>
      <div class="search-user-btn">取消</div>
    </div>
  </div>

  <!--搜索结果-->
  <div class="search-result ipu-flex-col ipu-flex-col-auto ipu-fn-hide">
    <div class="ipu-tab ipu-tab-search-result ipu-tab-fixed 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" data-type="0">
          <div class="ipu-flex ipu-flex-vertical ipu-flex-align-center">
            <div class="li-name">综合</div>
            <div class="current-flag"></div>
          </div>
        </li>
        <!--<li class="" data-type="1">-->
          <!--<div class="ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
            <!--<div class="li-name">资源</div>-->
            <!--<div class="current-flag"></div>-->
          <!--</div>-->
        <!--</li>-->
        <!--<li class="" data-type="2">-->
          <!--<div class="ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
            <!--<div class="li-name">客户</div>-->
            <!--<div class="current-flag"></div>-->
          <!--</div>-->
        <!--</li>-->
        <li class="" data-type="3">
          <div class="ipu-flex ipu-flex-vertical ipu-flex-align-center">
            <div class="li-name">楼宇</div>
            <div class="current-flag"></div>
          </div>
        </li>
        <!--<li class="" data-type="4">-->
          <!--<div class="ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
            <!--<div class="li-name">订单</div>-->
            <!--<div class="current-flag"></div>-->
          <!--</div>-->
        <!--</li>-->
        <!--<li class="" data-type="5">-->
          <!--<div class="ipu-flex ipu-flex-vertical ipu-flex-align-center">-->
            <!--<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="all-search-result">
            <!--综合中的资源-->
            <div class="resource-in-all ipu-fn-hide">
              <div class="search-result-title"><span>资源（</span><span>2</span><span>条）</span></div>
              <div class="search-result-content">
                <div class="search-result-content-item">
                  <div class="search-result-header ipu-flex ipu-flex-align-center">
                    <div class="result-name">润和大厦</div>
                    <div class="result-building-id">（楼宇ID：45674）</div>
                    <div class="location-type ipu-flex ipu-flex-align-center">
                      <span class="type-normal">商务楼</span>
                      <span class="type-normal">C类</span>
                    </div>
                  </div>
                  <div class="search-result-desc ipu-flex ipu-flex-align-center">
                    <span>设备类型</span>
                    <span>PTN</span>
                  </div>
                </div>
                <div class="search-result-content-item">
                  <div class="search-result-header ipu-flex ipu-flex-align-center">
                    <div class="result-name">美惠大厦</div>
                    <div class="result-building-id">（楼宇ID：45674）</div>
                    <div class="location-type ipu-flex ipu-flex-align-center">
                      <span class="type-safe">园区</span>
                      <span class="type-normal">C类</span>
                    </div>
                  </div>
                  <div class="search-result-desc ipu-flex ipu-flex-align-center">
                    <span>设备类型</span>
                    <span>PTN</span>
                  </div>
                </div>
              </div>
              <div class="search-result-more ipu-fn-hide">查看更多</div>
            </div>
            <!--综合中的客户-->
            <div class="customer-in-all ipu-fn-hide">
              <div class="search-result-title"><span>客户（</span><span>0</span><span>条）</span></div>
              <div class="search-result-content">
                <div class="search-result-content-item">
                  <div class="search-result-header ipu-flex ipu-flex-align-center">
                    <div class="result-name">美惠大厦</div>
                    <div class="result-building-id">（楼宇ID：45674）</div>
                    <div class="location-type ipu-flex ipu-flex-align-center">
                      <span class="type-normal">商务楼</span>
                      <span class="type-normal">C类</span>
                    </div>
                  </div>
                  <div class="search-result-desc ipu-flex ipu-flex-align-center">
                    <span>设备类型</span>
                    <span>PTN</span>
                  </div>
                </div>
              </div>
              <div class="search-result-more ipu-fn-hide">查看更多</div>
            </div>
            <!--综合中的楼宇-->
            <div class="building-in-all">
              <div class="search-result-title">楼宇（<span>0</span>条）</div>
              <div class="search-result-content">

              </div>
              <!--<div class="search-result-more">查看更多</div>-->
            </div>
            <!--综合中的订单-->
            <div class="order-in-all ipu-fn-hide">
              <div class="search-result-title"><span>订单（</span><span>0</span><span>条）</span></div>
              <div class="search-result-content">
                <div class="search-result-content-item">
                  <div class="search-result-header ipu-flex ipu-flex-align-center">
                    <div class="result-name">美惠大厦</div>
                    <div class="result-building-id">（楼宇ID：45674）</div>
                    <div class="location-type ipu-flex ipu-flex-align-center">
                      <span class="type-normal">商务楼</span>
                      <span class="type-normal">C类</span>
                    </div>
                  </div>
                  <div class=" ipu-flex ipu-flex-align-center">
                    <span>设备类型</span>
                    <span>PTN</span>
                  </div>
                </div>
              </div>
              <div class="search-result-more ipu-fn-hide">查看更多</div>
            </div>
            <!--综合中的资料-->
            <div class="material-in-all ipu-fn-hide">
              <div class="search-result-title"><span>资料（</span><span>5</span><span>条）</span></div>
              <div class="search-result-content">
                <div class="search-result-content-item">
                  <div class="search-result-header ipu-flex ipu-flex-align-center">
                    <div class="result-material-name">PTN</div>
                  </div>
                  <div class="search-result-desc ipu-flex ipu-flex-align-center">
                    <span>一种网络接入方式</span>
                  </div>
                </div>
                <div class="search-result-content-item">
                  <div class="search-result-header ipu-flex ipu-flex-align-center">
                    <div class="result-material-name">PTN</div>
                  </div>
                  <div class="search-result-desc ipu-flex ipu-flex-align-center">
                    <span>一种网络接入方式</span>
                  </div>
                </div>
                <div class="search-result-content-item">
                  <div class="search-result-header ipu-flex ipu-flex-align-center">
                    <div class="result-material-name">PTN</div>
                  </div>
                  <div class="search-result-desc ipu-flex ipu-flex-align-center">
                    <span>一种网络接入方式</span>
                  </div>
                </div>
              </div>
              <div class="search-result-more">查看更多</div>
            </div>
          </li>

          <!--资源-->
          <!--<li class="">-->
            <!--<div class="resource-in-all">-->
              <!--<div class="search-result-title"><span>资源（</span><span>2</span><span>条）</span></div>-->
              <!--<div class="search-result-content">-->
                <!--<div class="search-result-content-item">-->
                  <!--<div class="search-result-header ipu-flex ipu-flex-align-center">-->
                    <!--<div class="result-name">润和大厦</div>-->
                    <!--<div class="result-building-id">（楼宇ID：45674）</div>-->
                    <!--<div class="location-type ipu-flex ipu-flex-align-center">-->
                      <!--<span class="type-normal">商务楼</span>-->
                      <!--<span class="type-normal">C类</span>-->
                    <!--</div>-->
                  <!--</div>-->
                  <!--<div class="search-result-desc ipu-flex ipu-flex-align-center">-->
                    <!--<span>设备类型</span>-->
                    <!--<span>PTN</span>-->
                  <!--</div>-->
                <!--</div>-->
                <!--<div class="search-result-content-item">-->
                  <!--<div class="search-result-header ipu-flex ipu-flex-align-center">-->
                    <!--<div class="result-name">美惠大厦</div>-->
                    <!--<div class="result-building-id">（楼宇ID：45674）</div>-->
                    <!--<div class="location-type ipu-flex ipu-flex-align-center">-->
                      <!--<span class="type-safe">园区</span>-->
                      <!--<span class="type-normal">C类</span>-->
                    <!--</div>-->
                  <!--</div>-->
                  <!--<div class="search-result-desc ipu-flex ipu-flex-align-center">-->
                    <!--<span>设备类型</span>-->
                    <!--<span>PTN</span>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>-->
              <!--<div class="search-result-more ipu-fn-hide">查看更多</div>-->
            <!--</div>-->
          <!--</li>-->

          <!--客户-->
          <!--<li class="">-->

          <!--</li>-->

          <!--楼宇-->
          <li class="">
            <div class="building-one-item">
              <div class="search-result-title">楼宇（<span>0</span>条）</div>
              <div class="search-result-content">

                <!--<div class="search-result-content-item">-->
                <!--<div class="search-result-header ipu-flex ipu-flex-align-center">-->
                <!--<div class="result-name">美惠大厦</div>-->
                <!--<div class="result-building-id">（楼宇ID：45674）</div>-->
                <!--<div class="location-type ipu-flex ipu-flex-align-center">-->
                <!--<span class="type-normal">商务楼</span>-->
                <!--<span class="type-normal">D类</span>-->
                <!--</div>-->
                <!--</div>-->
                <!--<div class="search-result-desc ipu-flex ipu-flex-align-center">-->
                <!--<span>设备类型</span>-->
                <!--<span>PTN</span>-->
                <!--</div>-->
                <!--</div>-->
              </div>
              <!--<div class="search-result-more">查看更多</div>-->
            </div>
          </li>

          <!--订单-->
          <!--<li class="">-->

          <!--</li>-->

          <!--资料-->
          <!--<li class="">-->
            <!--<div class="material-in-all">-->
              <!--<div class="search-result-title"><span>资料（</span><span>5</span><span>条）</span></div>-->
              <!--<div class="search-result-content">-->
                <!--<div class="search-result-content-item">-->
                  <!--<div class="search-result-header ipu-flex ipu-flex-align-center">-->
                    <!--<div class="result-material-name">PTN</div>-->
                  <!--</div>-->
                  <!--<div class="search-result-desc ipu-flex ipu-flex-align-center">-->
                    <!--<span>一种网络接入方式</span>-->
                  <!--</div>-->
                <!--</div>-->
                <!--<div class="search-result-content-item">-->
                  <!--<div class="search-result-header ipu-flex ipu-flex-align-center">-->
                    <!--<div class="result-material-name">PTN</div>-->
                  <!--</div>-->
                  <!--<div class="search-result-desc ipu-flex ipu-flex-align-center">-->
                    <!--<span>一种网络接入方式</span>-->
                  <!--</div>-->
                <!--</div>-->
                <!--<div class="search-result-content-item">-->
                  <!--<div class="search-result-header ipu-flex ipu-flex-align-center">-->
                    <!--<div class="result-material-name">PTN</div>-->
                  <!--</div>-->
                  <!--<div class="search-result-desc ipu-flex ipu-flex-align-center">-->
                    <!--<span>一种网络接入方式</span>-->
                  <!--</div>-->
                <!--</div>-->
                <!--<div class="search-result-content-item">-->
                  <!--<div class="search-result-header ipu-flex ipu-flex-align-center">-->
                    <!--<div class="result-material-name">PTN</div>-->
                  <!--</div>-->
                  <!--<div class="search-result-desc ipu-flex ipu-flex-align-center">-->
                    <!--<span>一种网络接入方式</span>-->
                  <!--</div>-->
                <!--</div>-->
                <!--<div class="search-result-content-item">-->
                  <!--<div class="search-result-header ipu-flex ipu-flex-align-center">-->
                    <!--<div class="result-material-name">PTN</div>-->
                  <!--</div>-->
                  <!--<div class="search-result-desc ipu-flex ipu-flex-align-center">-->
                    <!--<span>一种网络接入方式</span>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>-->
              <!--<div class="search-result-more ipu-fn-hide">查看更多</div>-->
            <!--</div>-->
          <!--</li>-->
        </ul>
      </div>
    </div>

  </div>

</div>
</body>

<!--搜楼楼宇模板-->
<script id="search-building-item" type="text/template">
  {{if list.length>0}}
  {{each list item index}}
  <div data-json="{{item|jsonToStr}}" class="search-build-item ipu-flex ipu-flex-justify-space ipu-flex-align-center">
    <div class="building-item">
      <div class="location-header ipu-flex ipu-flex-align-center">
        <div class="location-title">{{item.BUILD_NAME}}</div>
      </div>
      <div class="location-tag ipu-flex ipu-flex-align-center">
        <div class="location-id">ID：{{item.BUILD_ID}}</div>
        <div class="location-type ipu-flex ipu-flex-align-center">
          {{if item.IS_KEY_BUILDING=='是'}}<span class="type-high">重点</span>{{/if}}
          {{if item.IS_TOP300=='是'}}<span class="type-warning">TOP300</span>{{/if}}
          {{if item.IS_RES_COVER=='是'}}<span class="type-normal">已覆盖</span>{{/if}}
          {{if item.IS_MARKETING=='是'}}<span class="type-normal">已签约</span>{{/if}}
        </div>
      </div>
      <div class="ipu-flex ipu-flex-align-center" style="margin-top: .08rem;">
        <div class="location-address-pic"></div>
        <div class="location-address">{{item.BUILD_ADDR}}</div>
      </div>
    </div>
    <i class="iconfont-material icon-chevron-right more-btn-grey"></i>
  </div>
  {{/each}}
  {{/if}}
</script>
</html>