automat-store-mini/pages/order/index.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-search-model-item">
        <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" value="{{searchParams.productName}}" catchinput="inputedit" data-name="searchParams.productName"/>
        </view>
        </tui-list-cell>
      </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">
    <block wx:for="{{orderList}}">
    <view class="tui-order-item" data-id="{{item.orderSn}}" data-agentMoney="{{item.agentMoney}}" data-areaAgentMoney="{{item.areaAgentMoney}}"  data-storeCommission="{{item.storeCommission}}"  bindtap="toDetail">
      <tui-list-cell hover="{{false}}" lineLeft="{{false}}" >
        <view class="tui-goods-title">
          <view>订单号：{{item.orderSn}}</view> 
          <view class="tui-order-status" >{{filter.orderStatus(item.status)}}</view>
        </view>
      </tui-list-cell>
      <tui-list-cell padding="0" bindclick="detail">
        <view class="tui-goods-item">
          <view class="tui-goods-left-bolck"></view>
          <!-- <image src="{{item.productImg}}" class="tui-goods-img"></image> -->
          <view class="tui-goods-center">
            <view class="tui-goods-name">门店名称:{{item.storeName}}</view>
            <view class="tui-goods-name">商品名称:{{item.productName}}</view>

          </view>
          <view class="tui-price-right">
            <view>￥{{item.totalAmount}} </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"> {{item.agentMoney}} </view>
          <!-- <view class="tui-size-24">.00</view> -->
        </view>
        <view class="tui-goods-price">
          <view> 区代佣金</view>
          <view class="tui-size-24">￥</view>
          <view class="tui-price-large">{{filter.toDecimal2Penny(item.areaAgentMoney)}}</view>
          <!-- <view class="tui-size-24">.00</view> -->
        </view>
        <view class="tui-goods-price">
          <view> 门店佣金</view>
          <view class="tui-size-24">￥</view>
          <view class="tui-price-large">{{filter.toDecimal2Penny(item.storeCommission)}}</view>
          <!-- <view class="tui-size-24">.00</view> -->
        </view>
      </tui-list-cell>
    </view>
  </block>
  </view>
  <!--弹出-->
  <time-picker pickerShow="{{isPickerShow}}" id="picker" wx:if="{{isPickerRender}}" bind:hidePicker="pickerHide"
    bind:setPickerTime="setPickerTime" config="{{pickerConfig}}"></time-picker>
  <!--弹出-->
</view>