mini_program/pages/look-list/look-list.wxml

<!--pages/look-list/look-list.wxml-->
<wxs module="filter">
  var setTag = function (state) {
    var obj = {}
    if (state === 'toBeListed') {
      obj = {
        sname: 'dgp',
        text: '待挂牌'
      }
    } else if (state === 'listed') {
      obj = {
        sname: 'gpz',
        text: '挂牌中'
      }
    } else if (state === 'passBy') {
      obj = {
        sname: 'lp',
        text: '流拍'
      }
    }else if (state === 'dealDone'){
      obj = {
        sname: 'ycj',
        text: '已成交'
      }
    }else {
      obj = false
    }
    return obj
  };
  module.exports = { setTag: setTag };
</wxs>
<view class="pages">
  <mp-navigation-bar ext-class="set-bar" title="列表"></mp-navigation-bar>
  <view class="look-top" bindtap="inShow">
    <!-- <view class="look-search center" bindtap="showInput">
      <image wx:if="{{!inputShow}}" class="look-s-icon" src="../../assets/images/search.png"></image>
      <input value="{{page.landCode}}" bindconfirm="refresh" wx:if="{{inputShow}}" focus="true" bindblur="hideInput"
        class="form-input" bindinput="vmodel" type="text" />
    </view> -->
    <view class="look-search center {{is_search?'focusing':''}}" bindtap="searchFun">
        <image class="look-s-icon" src="../../assets/images/search.png"></image>
        <input type="text" focus="{{is_focusing}}" auto-focus="{{is_focusing}}" bindconfirm="refresh" model:value="{{page.landCode}}" hold-keyboard="true" bindinput="vmodel" bindblur="blurFun" placeholder="请输入搜索内容" />
        <image class="del ml10" wx:if="{{page.landCode != '' && page.landCode}}" bindtap="emptyFun" src="../../assets/images/del-icon.png" mode="widthFix"></image>
      </view>


    <view class="look-top-right flex-center" bindtap="comeBack">
      <image class="look-top-tag" src="../../assets/images/map.png"></image>
      <text class="look-top-text">地图</text>
    </view>
  </view>
  <view class="table">
   <!-- 城市 -->
    <view style="margin-left:30rpx" class="table-item center">
      <picker class="flex_center flex_items" mode="multiSelector" range="{{multiRegion}}" 
      value="{{multiIndex}}" bindchange="bindAddressChangeCity" bindcolumnchange="bindMultiPickerColumnChange">
        <text>{{page.city}}{{page.canton?page.canton:'全部'}}</text>
        <image class="table-icon" src="../../assets/images/tab-icon.png"></image>
      </picker>
    </view>
    <!-- 拍卖日期 -->
    <view class="table-item center" bindtap="showDown" data-type="date">
      <text>拍卖日期</text>
      <image class="table-icon" src="../../assets/images/tab-icon.png"></image>
    </view>
    <!-- 交易状态 -->
    <view class="table-item center" bindtap="showDown" data-type="sale">
      <text>交易状态</text>
      <image class="table-icon" src="../../assets/images/tab-icon.png"></image>
    </view>
    <!-- 测算状态 -->
    <!-- <view class="table-item center" bindtap="showDown" data-type="calcu">
      <picker disabled="true"><text>测算状态</text></picker>
      <image class="table-icon" src="../../assets/images/tab-icon.png"></image>
    </view> -->
    <!-- 日期下拉 -->
    <view class="displayDown" style="height:{{searchNode.date.height}}rpx;bottom:{{searchNode.date.bottom}}rpx">
      <view class="searchDate">
        <view>
          <picker style="width:100%" mode="date" value="{{page.startDate}}" start="{{nowTime}}" end="2023-09-01"
            bindchange="bindTimeChange" data-type="start">
            <view class="picker centerIn">
              <text> 开始时间：</text>
              <input class="searchInput" disabled placeholder="拍卖开始时间" value="{{page.startDate}}"/>
            </view>
          </picker>
        </view>
        <view>
          <picker style="width:100%" mode="date" value="{{page.endDate}}" start="{{nowTime}}" end="2023-09-01"
            bindchange="bindTimeChange">
            <view class="picker centerIn">
              <text> 结束时间：</text>
              <input class="searchInput" disabled placeholder="拍卖结束时间" value="{{page.endDate}}"/>
            </view>
          </picker>
        </view>
      </view>
      <view class="btnGp">
        <view class="clearSearch" data-name="time" bindtap="empty">清空</view>
        <view class="toSearch" bindtap="goSearch">确定</view>
      </view>
    </view>
    <!-- 交易状态下拉 -->
    <view class="displayDown" style="height:{{searchNode.sale.height}}rpx;bottom:{{searchNode.sale.bottom}}rpx">
      <view class="searchDate" style="justify-content:center">
        <view class="{{saleNum==i?'radioView isChose':'radioView'}}" wx:for="{{saleList}}" wx:for-index="i"
          wx:for-item="item" bindtap="changeRadio" data-num="{{i}}" data-type="sale">
          {{item.label}}
        </view>
      </view>
      <view class="btnGp">
        <view class="clearSearch" data-name="saleNum" bindtap="empty">清空</view>
        <view class="toSearch" bindtap="goSearch">确定</view>
      </view>
    </view>
    <!-- 测算状态下拉 -->
    <view class="displayDown" style="height:{{searchNode.calcu.height}}rpx;bottom:{{searchNode.calcu.bottom}}rpx">
      <view class="searchDate" style="justify-content:center">
        <view class="{{calcuNum==i?'radioView isChose':'radioView'}}" wx:for="{{calcuList}}" wx:for-index="i"
          wx:for-item="item" bindtap="changeRadio" data-num="{{i}}" data-type="calcu">
          {{item.label}}
        </view>
      </view>
      <view class="btnGp">
        <view class="clearSearch" data-name="calcuNum" bindtap="empty">清空</view>
        <view class="toSearch" bindtap="goSearch">确定</view>
      </view>
    </view>
  </view>
  <view class="main" bindtap="inShow">
    <view class="mark" wx:if="{{active}}" bindtap="hideMark">
    </view>
    <scroll-view class="list" style="height:100%" scroll-y="{{setScroll}}" refresher-enabled
      refresher-triggered="{{refresher}}" bindscrolltolower="getList" bindrefresherrefresh="refresh">
      <view class="list-item" wx:for="{{list}}" wx:for-index="i" wx:for-item="item" bindtap="comeDetail"
        data-status="{{item.transactionStatus}}"
        data-id="{{item.landListedId}}">

        <image  wx:if="{{item.transactionStatus == 'toBeListed'}}" class="item-img"  src="../../assets/images/state-icon1.png"></image>
        <image wx:elif="{{item.transactionStatus == 'listed'}}" class="item-img" src="../../assets/images/state-icon2.png"></image>
        <image wx:elif="{{item.transactionStatus == 'passBy'}}" class="item-img" src="../../assets/images/state-icon3.png"></image>
        <image wx:elif="{{item.transactionStatus == 'dealDone'}}" class="item-img" src="../../assets/images/state-icon4.png"></image>
        <image wx:else class="item-img" src="../../assets/images/list-img.png"></image>




        <view class="item-right">
          <view class="list-info">
            <view class="list-tag center {{filter.setTag(item.transactionStatus).sname}}" 
            wx:if="{{filter.setTag(item.transactionStatus)}}" >
              {{filter.setTag(item.transactionStatus).text}}
            </view>
            <text class="list-title one-title" wx:if="{{item.transactionStatus=='toBeListed'}}">{{item.landCode}}</text>
            <text class="list-title one-title" wx:else>{{item.annoId}}-{{item.landCode}}</text>          
          </view>
          <view class="list-detail">
            <view class="detail-item" style="width:55%">计容建筑面积：{{item.totalConsArea}}㎡</view>
            <view class="detail-item" style="width:40%">起始总价：{{item.transferPrice}}万</view>
            <view class="detail-item" style="width:55%">起始楼面价：{{item.startingFloorPrice}}元/㎡</view>
            <view class="detail-item" style="width:40%">竞拍时间：{{item.auctionDate}}</view>
          </view>
          <!-- <view class="list-timer">{{item.annoDate}}</view> -->
        </view>
      </view>
      <view class="list" wx:if="{{list.length<=0}}">
        <view class="noText">
          暂无数据
        </view>
      </view>
    </scroll-view>
  </view>
</view>