RailwayTwo/mini/pages/order/index.wxml

<!--pages/order/index.wxml-->
<view class="sg-container">
  <view class="sg-top-box sg-fix-top">
    <view class="sg-search-box sg-pad sg-flex sg-align-center sg-margin">
      <view class="sg-left sg-flex-grow sg-border">
        <picker bindchange="onChange" value="{{pointIndex}}" range="{{work_points}}" range-key="name"
          data-name="pointIndex" class="sg-input">
          <view class="picker sg-gray-color">
            {{pointIndex >= 0 ? work_points[pointIndex].name : '选择所需的工点'}}
          </view>
        </picker>
      </view>
      <van-icon name="search" class="sg-icon sg-index-color" />
    </view>
    <view class="sg-tabs sg-flex sg-align-center sg-white-bg sg-pad sg-bottom-border sg-top-border sg-font-small">
      <view wx:for="{{tabs}}" wx:key="index" class="sg-tab {{tabIndex == index ? 'sg-selected' : ''}}"
        bindtap="switchTab" data-index="{{index}}">{{ item }}</view>
    </view>
  </view>
  <view class="sg-list-box sg-pad">
    <view class="sg-list" wx:for="{{list}}" wx:if="{{tabIndex == index}}" wx:key="index">
      <view class="sg-item sg-white-bg sg-pad sg-margin-bottom sg-font-small" wx:for="{{item}}" wx:for-item="i_item"
        wx:for-index="i_index" wx:key="i_index">
        <view class="sg-top sg-bottom-border">
          <view class="sg-order-status sg-flex sg-align-center sg-space-between sg-margin-bottom">
            <view class="sg-order sg-gray-color">订单号：{{i_item.order_number}}</view>
            <view class="sg-status">{{i_item.status}}</view>
          </view>
          <view class="sg-device-info">
            <view class="sg-label">租借设备概要：</view>
            <view class="sg-device-item sg-flex sg-align-center sg-space-between sg-margin-tb-sm"
              wx:for="{{i_item.devices}}" wx:for-item="j_item" wx:for-index="j_index" wx:key="j_index">
              <view class="sg-name">{{j_index+1}}.{{j_item.type}}-{{j_item.name}}</view>
              <view class="sg-price">￥{{j_item.price}}×{{j_item.quantity}}</view>
            </view>
          </view>
          <view class="sg-total sg-text-right sg-margin-tb-sm">合计：￥{{i_item.money}}</view>
        </view>
        <view class="sg-bottom sg-flex sg-align-center sg-space-between">
          <view class="sg-left">
            <view class="sg-left-item sg-margin-tb-sm">需求工点：{{i_item.work_point_name}}</view>
            <view class="sg-left-item sg-margin-tb-sm">提交人：{{i_item.user_name}}</view>
            <view class="sg-left-item sg-margin-tb-sm">创建时间：{{i_item.date_time}}</view>
          </view>
          <view class="sg-right sg-index-bg sg-pad-sm sg-white">查看详情</view>
        </view>
      </view>
    </view>
  </view>
</view>