automat-store-mini/pages/orderGoods/order.wxml

<wxs src="../../utils/filter.wxs" module="filter"></wxs>
<view class="container">
  <!--screen-->
  <view class="tui-header-screen">
    <view class="cu-bar search bg-white">
      <view class="search-form round">
        <text class="cuIcon-search"></text>
        <input type="text" placeholder="输入订单号" confirm-type="search" data-name="searchParams.orderSn" catchinput="inputedit"></input>
      </view>
      <view class="action">
        <button class="cu-btn bg-blue shadow-blur round" bindtap="submitSearch">搜索</button>
        <view class="tui-top-item" bindtap="showSearchModel">
          <text>筛选</text>
          <tui-icon name="screen" size="12" color="#333" tui-icon-class="tui-ml" bold="{{true}}"></tui-icon>
        </view>
      </view>

    </view>

    <!--下拉选择列表--综合-->
    <view class="tui-search-model {{selectH>0?'tui-search-model-show':''}}" style="height:{{selectH}}rpx">
      <view class="tui-search-model-item">
        <tui-list-cell hover="{{false}}" bindtap="timePickerShow">
          <view class="tui-line-cell">
            <view class="tui-title">起止时间</view>
            <input placeholder-class="phcolor" class="tui-input" placeholder="请选择起止时间" type="text" disabled="true"
              value="{{dataStr}}" catchinput="inputedit"/>
          </view>
        </tui-list-cell>
      </view>
      <view class="tui-search-model-item">
        <picker bindchange="bindStorePickerChange" value="{{index}}" range="{{storeList}}" range-key="storeName">
          <tui-list-cell hover="{{false}}">
            <view class="tui-line-cell">
              <view class="tui-title">门店</view>
              <input placeholder-class="phcolor" class="tui-input" placeholder="请选择门店" type="text" disabled="true" value="{{searchParams.storeName}}" catchinput="inputedit" data-name="searchParams.storeId"/>
            </view>
          </tui-list-cell>
        </picker>
      </view>

      <view class="tui-attr-btnbox">
        <view class="tui-attr-safearea">
          <view class="tui-drawer-btn tui-drawerbtn-black" hover-class="tui-white-hover" hover-stay-time="150"
            bindtap="clearSearch">重置</view>
          <view class="tui-drawer-btn tui-drawerbtn-primary" hover-class="tui-red-hover" hover-stay-time="150"
            bindtap="submitSearch">确定</view>
        </view>
      </view>
    </view>
    <view class="tui-search-model-mask {{selectH>0?'tui-mask-show':''}}" catchtap="hideSearchModel"></view>
    <!--下拉选择列表--综合-->
  </view>
  <!--screen-->


  <view class="tui-order-list">
    <view class="tui-order-item" wx:for="{{orderList}}">
      <tui-list-cell hover="{{false}}" lineLeft="{{false}}">
        <view class="tui-goods-title">
          <view>订单号：{{item.orderSn}}</view> 
          <view class="tui-order-status" style="color:red">{{filter.orderProductStatus(item.status)}}</view>
        </view>
      </tui-list-cell>
      <tui-list-cell padding="0" bindclick="detail" wx:for="{{item.productOrderDetailList}}">
        <view class="tui-goods-item">
          <image src="{{item.productImg}}" class="tui-goods-img"></image>
          <view class="tui-goods-center">
            <view class="tui-goods-name">{{item.productName}}</view>
          </view>
          <view class="tui-price-right">
            <view>￥{{filter.toDecimal2Penny(item.productPrice)}}</view>
            <view>x{{item.productQuantity}}</view>
          </view>
        </view>
      </tui-list-cell>
      <tui-list-cell hover="{{false}}" last="{{true}}">
        <view class="tui-goods-price">
          <view> 金额：</view>
          <view class="tui-size-24">￥</view>
          <view class="tui-price-large">{{filter.toDecimal2Penny(item.totalAmount)}}</view>
        </view>
      </tui-list-cell>
    </view>
  </view>
  <!--弹出-->
  <time-picker pickerShow="{{isPickerShow}}" id="picker" wx:if="{{isPickerRender}}" bind:hidePicker="pickerHide"
    bind:setPickerTime="setPickerTime" config="{{pickerConfig}}"></time-picker>
  <!--弹出-->
</view>